@breadstone/mosaik-elements-vue 0.0.205 → 0.0.209
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/CHANGELOG.md +197 -0
- package/Cdk/Index.d.ts +2 -0
- package/Cdk/Index.d.ts.map +1 -0
- package/Cdk/Index.js +4 -0
- package/Cdk/Index.js.map +1 -0
- package/Cdk/Overlays/BottomSheet/Index.d.ts +2 -0
- package/Cdk/Overlays/BottomSheet/Index.d.ts.map +1 -0
- package/Cdk/Overlays/BottomSheet/Index.js +4 -0
- package/Cdk/Overlays/BottomSheet/Index.js.map +1 -0
- package/Cdk/Overlays/BottomSheet/useBottomSheet.d.ts +48 -0
- package/Cdk/Overlays/BottomSheet/useBottomSheet.d.ts.map +1 -0
- package/Cdk/Overlays/BottomSheet/useBottomSheet.js +43 -0
- package/Cdk/Overlays/BottomSheet/useBottomSheet.js.map +1 -0
- package/Cdk/Overlays/Dialog/Index.d.ts +2 -0
- package/Cdk/Overlays/Dialog/Index.d.ts.map +1 -0
- package/Cdk/Overlays/Dialog/Index.js +4 -0
- package/Cdk/Overlays/Dialog/Index.js.map +1 -0
- package/Cdk/Overlays/Dialog/useDialog.d.ts +49 -0
- package/Cdk/Overlays/Dialog/useDialog.d.ts.map +1 -0
- package/Cdk/Overlays/Dialog/useDialog.js +49 -0
- package/Cdk/Overlays/Dialog/useDialog.js.map +1 -0
- package/Cdk/Overlays/Drawer/Index.d.ts +2 -0
- package/Cdk/Overlays/Drawer/Index.d.ts.map +1 -0
- package/Cdk/Overlays/Drawer/Index.js +4 -0
- package/Cdk/Overlays/Drawer/Index.js.map +1 -0
- package/Cdk/Overlays/Drawer/useDrawer.d.ts +49 -0
- package/Cdk/Overlays/Drawer/useDrawer.d.ts.map +1 -0
- package/Cdk/Overlays/Drawer/useDrawer.js +44 -0
- package/Cdk/Overlays/Drawer/useDrawer.js.map +1 -0
- package/Cdk/Overlays/Index.d.ts +6 -0
- package/Cdk/Overlays/Index.d.ts.map +1 -0
- package/Cdk/Overlays/Index.js +8 -0
- package/Cdk/Overlays/Index.js.map +1 -0
- package/Cdk/Overlays/MessageBox/Index.d.ts +2 -0
- package/Cdk/Overlays/MessageBox/Index.d.ts.map +1 -0
- package/Cdk/Overlays/MessageBox/Index.js +4 -0
- package/Cdk/Overlays/MessageBox/Index.js.map +1 -0
- package/Cdk/Overlays/MessageBox/useMessageBox.d.ts +54 -0
- package/Cdk/Overlays/MessageBox/useMessageBox.d.ts.map +1 -0
- package/Cdk/Overlays/MessageBox/useMessageBox.js +52 -0
- package/Cdk/Overlays/MessageBox/useMessageBox.js.map +1 -0
- package/Cdk/Overlays/Sheet/Index.d.ts +2 -0
- package/Cdk/Overlays/Sheet/Index.d.ts.map +1 -0
- package/Cdk/Overlays/Sheet/Index.js +4 -0
- package/Cdk/Overlays/Sheet/Index.js.map +1 -0
- package/Cdk/Overlays/Sheet/useSheet.d.ts +48 -0
- package/Cdk/Overlays/Sheet/useSheet.d.ts.map +1 -0
- package/Cdk/Overlays/Sheet/useSheet.js +43 -0
- package/Cdk/Overlays/Sheet/useSheet.js.map +1 -0
- package/Cdk/Overlays/Toast/Index.d.ts +2 -0
- package/Cdk/Overlays/Toast/Index.d.ts.map +1 -0
- package/Cdk/Overlays/Toast/Index.js +4 -0
- package/Cdk/Overlays/Toast/Index.js.map +1 -0
- package/Cdk/Overlays/Toast/useToast.d.ts +51 -0
- package/Cdk/Overlays/Toast/useToast.d.ts.map +1 -0
- package/Cdk/Overlays/Toast/useToast.js +46 -0
- package/Cdk/Overlays/Toast/useToast.js.map +1 -0
- package/Controls/Components/Forms/FormFieldComponent.js +1 -1
- package/Controls/Components/Forms/FormFieldComponent.js.map +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderComponent.js +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderComponent.js.map +1 -1
- package/Controls/Components/Grouping/Region/RegionComponent.d.ts +23 -0
- package/Controls/Components/Grouping/Region/RegionComponent.d.ts.map +1 -0
- package/Controls/Components/Grouping/Region/RegionComponent.js +33 -0
- package/Controls/Components/Grouping/Region/RegionComponent.js.map +1 -0
- package/Controls/Components/Grouping/Region/RegionViewComponent.d.ts +24 -0
- package/Controls/Components/Grouping/Region/RegionViewComponent.d.ts.map +1 -0
- package/Controls/Components/Grouping/Region/RegionViewComponent.js +32 -0
- package/Controls/Components/Grouping/Region/RegionViewComponent.js.map +1 -0
- package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxComponent.d.ts +35 -17
- package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxComponent.d.ts.map +1 -1
- package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxComponent.js +8 -4
- package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxComponent.js.map +1 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxComponent.d.ts +7 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxComponent.d.ts.map +1 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxComponent.js +7 -3
- package/Controls/Components/Inputs/ColorBox/ColorBoxComponent.js.map +1 -1
- package/Controls/Components/Inputs/NumberBox/NumberBoxComponent.d.ts +2 -1
- package/Controls/Components/Inputs/NumberBox/NumberBoxComponent.d.ts.map +1 -1
- package/Controls/Components/Inputs/NumberBox/NumberBoxComponent.js +3 -2
- package/Controls/Components/Inputs/NumberBox/NumberBoxComponent.js.map +1 -1
- package/Controls/Components/Layouts/Split/SplitComponent.d.ts +6 -4
- package/Controls/Components/Layouts/Split/SplitComponent.d.ts.map +1 -1
- package/Controls/Components/Layouts/Split/SplitComponent.js +1 -1
- package/Controls/Components/Layouts/Split/SplitComponent.js.map +1 -1
- package/Controls/Components/Media/Avatar/AvatarComponent.d.ts +2 -0
- package/Controls/Components/Media/Avatar/AvatarComponent.d.ts.map +1 -1
- package/Controls/Components/Media/Avatar/AvatarComponent.js +1 -1
- package/Controls/Components/Media/Avatar/AvatarComponent.js.map +1 -1
- package/Controls/Components/Media/Persona/PersonaComponent.d.ts +2 -0
- package/Controls/Components/Media/Persona/PersonaComponent.d.ts.map +1 -1
- package/Controls/Components/Media/Persona/PersonaComponent.js +1 -1
- package/Controls/Components/Media/Persona/PersonaComponent.js.map +1 -1
- package/Controls/Components/Media/Timeline/TimelineComponent.d.ts +24 -0
- package/Controls/Components/Media/Timeline/TimelineComponent.d.ts.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineComponent.js +32 -0
- package/Controls/Components/Media/Timeline/TimelineComponent.js.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineContentComponent.d.ts +20 -0
- package/Controls/Components/Media/Timeline/TimelineContentComponent.d.ts.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineContentComponent.js +32 -0
- package/Controls/Components/Media/Timeline/TimelineContentComponent.js.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineItemComponent.d.ts +20 -0
- package/Controls/Components/Media/Timeline/TimelineItemComponent.d.ts.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineItemComponent.js +32 -0
- package/Controls/Components/Media/Timeline/TimelineItemComponent.js.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineMarkerComponent.d.ts +20 -0
- package/Controls/Components/Media/Timeline/TimelineMarkerComponent.d.ts.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineMarkerComponent.js +32 -0
- package/Controls/Components/Media/Timeline/TimelineMarkerComponent.js.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineOppositeComponent.d.ts +20 -0
- package/Controls/Components/Media/Timeline/TimelineOppositeComponent.d.ts.map +1 -0
- package/Controls/Components/Media/Timeline/TimelineOppositeComponent.js +32 -0
- package/Controls/Components/Media/Timeline/TimelineOppositeComponent.js.map +1 -0
- package/Controls/Components/Misc/CookieConsent/CookiesConsentComponent.js +1 -1
- package/Controls/Components/Misc/CookieConsent/CookiesConsentComponent.js.map +1 -1
- package/Controls/Components/Overlays/Dialog/DialogComponent.js +1 -1
- package/Controls/Components/Overlays/Dialog/DialogComponent.js.map +1 -1
- package/Controls/Components/Overlays/Drawer/DrawerComponent.js +2 -2
- package/Controls/Components/Overlays/Drawer/DrawerComponent.js.map +1 -1
- package/Controls/Components/Overlays/Drawer/DrawerFooterComponent.d.ts +24 -0
- package/Controls/Components/Overlays/Drawer/DrawerFooterComponent.d.ts.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerFooterComponent.js +32 -0
- package/Controls/Components/Overlays/Drawer/DrawerFooterComponent.js.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderComponent.d.ts +24 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderComponent.d.ts.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderComponent.js +32 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderComponent.js.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextComponent.d.ts +22 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextComponent.d.ts.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextComponent.js +32 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextComponent.js.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderTextComponent.d.ts +22 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderTextComponent.d.ts.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderTextComponent.js +32 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderTextComponent.js.map +1 -0
- package/Controls/Components/Overlays/Sheet/SheetComponent.d.ts +28 -0
- package/Controls/Components/Overlays/Sheet/SheetComponent.d.ts.map +1 -0
- package/Controls/Components/Overlays/Sheet/SheetComponent.js +34 -0
- package/Controls/Components/Overlays/Sheet/SheetComponent.js.map +1 -0
- package/Controls/Components/Overlays/Toast/ToastComponent.js +1 -1
- package/Controls/Components/Overlays/Toast/ToastComponent.js.map +1 -1
- package/Controls/Components/Primitives/Backdrop/BackdropComponent.js +1 -1
- package/Controls/Components/Primitives/Backdrop/BackdropComponent.js.map +1 -1
- package/Controls/Components/Primitives/Error/ErrorComponent.js +1 -1
- package/Controls/Components/Primitives/Error/ErrorComponent.js.map +1 -1
- package/Controls/Components/Primitives/Expandable/ExpandableComponent.js +1 -1
- package/Controls/Components/Primitives/Expandable/ExpandableComponent.js.map +1 -1
- package/Controls/Components/Primitives/Floating/FloatingComponent.d.ts +2 -2
- package/Controls/Components/Primitives/Floating/FloatingComponent.js +1 -1
- package/Controls/Components/Primitives/Floating/FloatingComponent.js.map +1 -1
- package/Controls/Components/Primitives/Portal/PortalComponent.d.ts +2 -2
- package/Controls/Components/Primitives/Toggletip/ToggleTipComponent.js +1 -1
- package/Controls/Components/Primitives/Toggletip/ToggleTipComponent.js.map +1 -1
- package/Controls/Components/Selectors/Carousel2/CarouselItem2Component.d.ts +2 -2
- package/Controls/Components/Selectors/Menu/MenuItemComponent.d.ts +2 -0
- package/Controls/Components/Selectors/Menu/MenuItemComponent.d.ts.map +1 -1
- package/Controls/Components/Selectors/Menu/MenuItemComponent.js +1 -1
- package/Controls/Components/Selectors/Menu/MenuItemComponent.js.map +1 -1
- package/Controls/Components/Selectors/Stepper/StepperComponent.d.ts +29 -0
- package/Controls/Components/Selectors/Stepper/StepperComponent.d.ts.map +1 -0
- package/Controls/Components/Selectors/Stepper/StepperComponent.js +35 -0
- package/Controls/Components/Selectors/Stepper/StepperComponent.js.map +1 -0
- package/Controls/Components/Selectors/Stepper/StepperItemComponent.d.ts +40 -0
- package/Controls/Components/Selectors/Stepper/StepperItemComponent.d.ts.map +1 -0
- package/Controls/Components/Selectors/Stepper/StepperItemComponent.js +34 -0
- package/Controls/Components/Selectors/Stepper/StepperItemComponent.js.map +1 -0
- package/Controls/Components/Selectors/Tab/TabItemComponent.js +1 -1
- package/Controls/Components/Selectors/Tab/TabItemComponent.js.map +1 -1
- package/Controls/Components/Selectors/Wizard/WizardStepComponent.js +1 -1
- package/Controls/Components/Selectors/Wizard/WizardStepComponent.js.map +1 -1
- package/Index.d.ts +14 -1
- package/Index.d.ts.map +1 -1
- package/Index.js +14 -1
- package/Index.js.map +1 -1
- package/Theming/Theme2Component.js +1 -1
- package/Theming/Theme2Component.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { type IMessageBoxOptions, type MessageBoxResult } from '@breadstone/mosaik-elements-foundation';
|
|
2
|
+
/**
|
|
3
|
+
* Represents the return type of the `useMessageBox` composable.
|
|
4
|
+
*
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export interface IUseMessageBoxReturn {
|
|
8
|
+
/**
|
|
9
|
+
* Opens a message box with the specified options.
|
|
10
|
+
*/
|
|
11
|
+
open: (options?: Partial<IMessageBoxOptions>) => Promise<MessageBoxResult>;
|
|
12
|
+
/**
|
|
13
|
+
* Closes a message box by its identifier.
|
|
14
|
+
*/
|
|
15
|
+
close: (messageBoxId: string) => Promise<void>;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Vue composable for managing message boxes using the foundation MessageBoxService singleton.
|
|
19
|
+
*
|
|
20
|
+
* @remarks
|
|
21
|
+
* This composable provides a Vue-idiomatic interface to the foundation MessageBoxService.
|
|
22
|
+
* The service should be configured at application startup using `MessageBoxService.configure()`.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```vue
|
|
26
|
+
* <script setup lang="ts">
|
|
27
|
+
* import { useMessageBox } from '@breadstone/mosaik-elements-vue';
|
|
28
|
+
* import { MessageBoxButtons, MessageBoxResult } from '@breadstone/mosaik-elements-foundation';
|
|
29
|
+
*
|
|
30
|
+
* const messageBox = useMessageBox();
|
|
31
|
+
*
|
|
32
|
+
* async function handleConfirm() {
|
|
33
|
+
* const result = await messageBox.open({
|
|
34
|
+
* header: 'Confirm Delete',
|
|
35
|
+
* content: 'Are you sure you want to delete this item?',
|
|
36
|
+
* buttons: MessageBoxButtons.YesNo
|
|
37
|
+
* });
|
|
38
|
+
*
|
|
39
|
+
* if (result === MessageBoxResult.Yes) {
|
|
40
|
+
* // User confirmed
|
|
41
|
+
* }
|
|
42
|
+
* }
|
|
43
|
+
* </script>
|
|
44
|
+
*
|
|
45
|
+
* <template>
|
|
46
|
+
* <button @click="handleConfirm">Delete Item</button>
|
|
47
|
+
* </template>
|
|
48
|
+
* ```
|
|
49
|
+
*
|
|
50
|
+
* @public
|
|
51
|
+
* @returns An object containing message box management functions.
|
|
52
|
+
*/
|
|
53
|
+
export declare function useMessageBox(): IUseMessageBoxReturn;
|
|
54
|
+
//# sourceMappingURL=useMessageBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/MessageBox/useMessageBox.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAO,MAAM,wCAAwC,CAAC;AAIhI;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IAEjC;;OAEG;IACH,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAE3E;;OAEG;IACH,KAAK,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAElD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,aAAa,IAAI,oBAAoB,CAiBpD"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
// #region Imports
|
|
2
|
+
import { MessageBoxService, EID } from '@breadstone/mosaik-elements-foundation';
|
|
3
|
+
/**
|
|
4
|
+
* Vue composable for managing message boxes using the foundation MessageBoxService singleton.
|
|
5
|
+
*
|
|
6
|
+
* @remarks
|
|
7
|
+
* This composable provides a Vue-idiomatic interface to the foundation MessageBoxService.
|
|
8
|
+
* The service should be configured at application startup using `MessageBoxService.configure()`.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```vue
|
|
12
|
+
* <script setup lang="ts">
|
|
13
|
+
* import { useMessageBox } from '@breadstone/mosaik-elements-vue';
|
|
14
|
+
* import { MessageBoxButtons, MessageBoxResult } from '@breadstone/mosaik-elements-foundation';
|
|
15
|
+
*
|
|
16
|
+
* const messageBox = useMessageBox();
|
|
17
|
+
*
|
|
18
|
+
* async function handleConfirm() {
|
|
19
|
+
* const result = await messageBox.open({
|
|
20
|
+
* header: 'Confirm Delete',
|
|
21
|
+
* content: 'Are you sure you want to delete this item?',
|
|
22
|
+
* buttons: MessageBoxButtons.YesNo
|
|
23
|
+
* });
|
|
24
|
+
*
|
|
25
|
+
* if (result === MessageBoxResult.Yes) {
|
|
26
|
+
* // User confirmed
|
|
27
|
+
* }
|
|
28
|
+
* }
|
|
29
|
+
* </script>
|
|
30
|
+
*
|
|
31
|
+
* <template>
|
|
32
|
+
* <button @click="handleConfirm">Delete Item</button>
|
|
33
|
+
* </template>
|
|
34
|
+
* ```
|
|
35
|
+
*
|
|
36
|
+
* @public
|
|
37
|
+
* @returns An object containing message box management functions.
|
|
38
|
+
*/
|
|
39
|
+
export function useMessageBox() {
|
|
40
|
+
// #region Methods
|
|
41
|
+
const open = (options) => {
|
|
42
|
+
const messageBoxId = EID.next('MessageBox');
|
|
43
|
+
return MessageBoxService.instance.open(messageBoxId, options);
|
|
44
|
+
};
|
|
45
|
+
const close = (messageBoxId) => MessageBoxService.instance.close(messageBoxId);
|
|
46
|
+
// #endregion
|
|
47
|
+
return {
|
|
48
|
+
open,
|
|
49
|
+
close
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=useMessageBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMessageBox.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/MessageBox/useMessageBox.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,iBAAiB,EAAkD,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAuBhI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,UAAU,aAAa;IACzB,kBAAkB;IAElB,MAAM,IAAI,GAAG,CAAC,OAAqC,EAA6B,EAAE;QAC9E,MAAM,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5C,OAAO,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CAAC,YAAoB,EAAiB,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEtG,aAAa;IAEb,OAAO;QACH,IAAI;QACJ,KAAK;KACR,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/Index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,QAAQ,EAAwB,MAAM,YAAY,CAAC;AAE5D,aAAa"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { type ISheetOptions } from '@breadstone/mosaik-elements-foundation';
|
|
2
|
+
/**
|
|
3
|
+
* Represents the return type of the `useSheet` composable.
|
|
4
|
+
*
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export interface IUseSheetReturn {
|
|
8
|
+
/**
|
|
9
|
+
* Opens a sheet with the specified wrapper component.
|
|
10
|
+
*/
|
|
11
|
+
open: <T extends HTMLElement, TData, TResult>(sheetId: string, wrapperClass: new (args?: TData) => T, options?: ISheetOptions, data?: TData) => Promise<TResult>;
|
|
12
|
+
/**
|
|
13
|
+
* Closes a sheet by its identifier.
|
|
14
|
+
*/
|
|
15
|
+
close: <TResult>(sheetId: string, result?: TResult) => Promise<void>;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Vue composable for managing sheets using the foundation SheetService singleton.
|
|
19
|
+
*
|
|
20
|
+
* @remarks
|
|
21
|
+
* This composable provides a Vue-idiomatic interface to the foundation SheetService.
|
|
22
|
+
* The service should be configured at application startup using `SheetService.configure()`.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```vue
|
|
26
|
+
* <script setup lang="ts">
|
|
27
|
+
* import { useSheet } from '@breadstone/mosaik-elements-vue';
|
|
28
|
+
*
|
|
29
|
+
* const sheet = useSheet();
|
|
30
|
+
*
|
|
31
|
+
* async function handleOpen() {
|
|
32
|
+
* const result = await sheet.open('mySheet', MySheetWrapper, {
|
|
33
|
+
* header: 'Select Option'
|
|
34
|
+
* });
|
|
35
|
+
* console.log('Sheet result:', result);
|
|
36
|
+
* }
|
|
37
|
+
* </script>
|
|
38
|
+
*
|
|
39
|
+
* <template>
|
|
40
|
+
* <button @click="handleOpen">Open Sheet</button>
|
|
41
|
+
* </template>
|
|
42
|
+
* ```
|
|
43
|
+
*
|
|
44
|
+
* @public
|
|
45
|
+
* @returns An object containing sheet management functions.
|
|
46
|
+
*/
|
|
47
|
+
export declare function useSheet(): IUseSheetReturn;
|
|
48
|
+
//# sourceMappingURL=useSheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSheet.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/useSheet.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAI1F;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAE5B;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACxC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,OAAO,CAAC,EAAE,aAAa,EACvB,IAAI,CAAC,EAAE,KAAK,KACX,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAExE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,IAAI,eAAe,CAkB1C"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
// #region Imports
|
|
2
|
+
import { SheetService } from '@breadstone/mosaik-elements-foundation';
|
|
3
|
+
/**
|
|
4
|
+
* Vue composable for managing sheets using the foundation SheetService singleton.
|
|
5
|
+
*
|
|
6
|
+
* @remarks
|
|
7
|
+
* This composable provides a Vue-idiomatic interface to the foundation SheetService.
|
|
8
|
+
* The service should be configured at application startup using `SheetService.configure()`.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```vue
|
|
12
|
+
* <script setup lang="ts">
|
|
13
|
+
* import { useSheet } from '@breadstone/mosaik-elements-vue';
|
|
14
|
+
*
|
|
15
|
+
* const sheet = useSheet();
|
|
16
|
+
*
|
|
17
|
+
* async function handleOpen() {
|
|
18
|
+
* const result = await sheet.open('mySheet', MySheetWrapper, {
|
|
19
|
+
* header: 'Select Option'
|
|
20
|
+
* });
|
|
21
|
+
* console.log('Sheet result:', result);
|
|
22
|
+
* }
|
|
23
|
+
* </script>
|
|
24
|
+
*
|
|
25
|
+
* <template>
|
|
26
|
+
* <button @click="handleOpen">Open Sheet</button>
|
|
27
|
+
* </template>
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* @public
|
|
31
|
+
* @returns An object containing sheet management functions.
|
|
32
|
+
*/
|
|
33
|
+
export function useSheet() {
|
|
34
|
+
// #region Methods
|
|
35
|
+
const open = (sheetId, wrapperClass, options, data) => SheetService.instance.open(sheetId, wrapperClass, options, data);
|
|
36
|
+
const close = (sheetId, result) => SheetService.instance.close(sheetId, result);
|
|
37
|
+
// #endregion
|
|
38
|
+
return {
|
|
39
|
+
open,
|
|
40
|
+
close
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=useSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSheet.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/useSheet.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,YAAY,EAAsB,MAAM,wCAAwC,CAAC;AA4B1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,QAAQ;IACpB,kBAAkB;IAElB,MAAM,IAAI,GAAG,CACT,OAAe,EACf,YAAqC,EACrC,OAAuB,EACvB,IAAY,EACI,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAoB,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAE3G,MAAM,KAAK,GAAG,CAAU,OAAe,EAAE,MAAgB,EAAiB,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE1H,aAAa;IAEb,OAAO;QACH,IAAI;QACJ,KAAK;KACR,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/Index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,QAAQ,EAAwB,MAAM,YAAY,CAAC;AAE5D,aAAa"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { type IToastOptions } from '@breadstone/mosaik-elements-foundation';
|
|
2
|
+
/**
|
|
3
|
+
* Represents the return type of the `useToast` composable.
|
|
4
|
+
*
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export interface IUseToastReturn {
|
|
8
|
+
/**
|
|
9
|
+
* Opens a toast with the specified options.
|
|
10
|
+
*/
|
|
11
|
+
open: <TResult>(options?: IToastOptions) => Promise<TResult>;
|
|
12
|
+
/**
|
|
13
|
+
* Closes a toast by its identifier.
|
|
14
|
+
*/
|
|
15
|
+
close: <TResult>(toastId: string, result?: TResult) => Promise<void>;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Vue composable for managing toasts using the foundation ToastService singleton.
|
|
19
|
+
*
|
|
20
|
+
* @remarks
|
|
21
|
+
* This composable provides a Vue-idiomatic interface to the foundation ToastService.
|
|
22
|
+
* The service should be configured at application startup using `ToastService.configure()`.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```vue
|
|
26
|
+
* <script setup lang="ts">
|
|
27
|
+
* import { useToast } from '@breadstone/mosaik-elements-vue';
|
|
28
|
+
* import { Toast } from '@breadstone/mosaik-elements-foundation';
|
|
29
|
+
*
|
|
30
|
+
* const toast = useToast();
|
|
31
|
+
*
|
|
32
|
+
* async function handleSuccess() {
|
|
33
|
+
* await toast.open({
|
|
34
|
+
* header: 'Success',
|
|
35
|
+
* content: 'Operation completed successfully',
|
|
36
|
+
* variant: 'success',
|
|
37
|
+
* timeout: Toast.Timeout.SHORT
|
|
38
|
+
* });
|
|
39
|
+
* }
|
|
40
|
+
* </script>
|
|
41
|
+
*
|
|
42
|
+
* <template>
|
|
43
|
+
* <button @click="handleSuccess">Show Toast</button>
|
|
44
|
+
* </template>
|
|
45
|
+
* ```
|
|
46
|
+
*
|
|
47
|
+
* @public
|
|
48
|
+
* @returns An object containing toast management functions.
|
|
49
|
+
*/
|
|
50
|
+
export declare function useToast(): IUseToastReturn;
|
|
51
|
+
//# sourceMappingURL=useToast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/useToast.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAI1F;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAE5B;;OAEG;IACH,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE7D;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAExE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,QAAQ,IAAI,eAAe,CAa1C"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// #region Imports
|
|
2
|
+
import { ToastService } from '@breadstone/mosaik-elements-foundation';
|
|
3
|
+
/**
|
|
4
|
+
* Vue composable for managing toasts using the foundation ToastService singleton.
|
|
5
|
+
*
|
|
6
|
+
* @remarks
|
|
7
|
+
* This composable provides a Vue-idiomatic interface to the foundation ToastService.
|
|
8
|
+
* The service should be configured at application startup using `ToastService.configure()`.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```vue
|
|
12
|
+
* <script setup lang="ts">
|
|
13
|
+
* import { useToast } from '@breadstone/mosaik-elements-vue';
|
|
14
|
+
* import { Toast } from '@breadstone/mosaik-elements-foundation';
|
|
15
|
+
*
|
|
16
|
+
* const toast = useToast();
|
|
17
|
+
*
|
|
18
|
+
* async function handleSuccess() {
|
|
19
|
+
* await toast.open({
|
|
20
|
+
* header: 'Success',
|
|
21
|
+
* content: 'Operation completed successfully',
|
|
22
|
+
* variant: 'success',
|
|
23
|
+
* timeout: Toast.Timeout.SHORT
|
|
24
|
+
* });
|
|
25
|
+
* }
|
|
26
|
+
* </script>
|
|
27
|
+
*
|
|
28
|
+
* <template>
|
|
29
|
+
* <button @click="handleSuccess">Show Toast</button>
|
|
30
|
+
* </template>
|
|
31
|
+
* ```
|
|
32
|
+
*
|
|
33
|
+
* @public
|
|
34
|
+
* @returns An object containing toast management functions.
|
|
35
|
+
*/
|
|
36
|
+
export function useToast() {
|
|
37
|
+
// #region Methods
|
|
38
|
+
const open = (options) => ToastService.instance.open(options);
|
|
39
|
+
const close = (toastId, result) => ToastService.instance.close(toastId, result);
|
|
40
|
+
// #endregion
|
|
41
|
+
return {
|
|
42
|
+
open,
|
|
43
|
+
close
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=useToast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToast.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/useToast.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,YAAY,EAAsB,MAAM,wCAAwC,CAAC;AAuB1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,UAAU,QAAQ;IACpB,kBAAkB;IAElB,MAAM,IAAI,GAAG,CAAU,OAAuB,EAAoB,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAU,OAAO,CAAC,CAAC;IAElH,MAAM,KAAK,GAAG,CAAU,OAAe,EAAE,MAAgB,EAAiB,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE1H,aAAa;IAEb,OAAO;QACH,IAAI;QACJ,KAAK;KACR,CAAC;AACN,CAAC"}
|
|
@@ -15,7 +15,7 @@ export const FormFieldComponent = defineComponent({
|
|
|
15
15
|
name: 'FormFieldComponent',
|
|
16
16
|
props: ['invalid', 'hint', 'error', 'info', 'validators', 'accessor', 'required', 'themeName', 'label', 'validity', 'validationMessage', 'willValidate', 'name', 'disabled', 'internals', 'form', 'labels', 'dir', 'lang'],
|
|
17
17
|
emits: ['connected', 'disconnected', 'changed'],
|
|
18
|
-
// slots: ['', '
|
|
18
|
+
// slots: ['', 'actions'],
|
|
19
19
|
// methods: { checkValidity, reportValidity, formDisabledCallback, formResetCallback, formStateRestoreCallback, getFormValue, onSlotChange, formAssociatedCallback, adoptStyle, on, off, emit, requestUpdate, getFormState },
|
|
20
20
|
// eslint-disable-next-line @typescript-eslint/typedef
|
|
21
21
|
setup(props, { slots, emit }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldComponent.js","sourceRoot":"","sources":["../../../../src/Controls/Components/Forms/FormFieldComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC;IAC1N,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,
|
|
1
|
+
{"version":3,"file":"FormFieldComponent.js","sourceRoot":"","sources":["../../../../src/Controls/Components/Forms/FormFieldComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC;IAC1N,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,0BAA0B;IAC1B,6NAA6N;IAC7N,sDAAsD;IACtD,KAAK,CAAC,KAA6B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAChD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,mBAAmB,EACnB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
|
|
@@ -13,7 +13,7 @@ createComponent(ExpanderElement);
|
|
|
13
13
|
*/
|
|
14
14
|
export const ExpanderComponent = defineComponent({
|
|
15
15
|
name: 'ExpanderComponent',
|
|
16
|
-
props: ['header', 'subHeader', 'icon', 'caretPosition', 'direction', 'isExpanded', 'themeName', 'disabled', 'enter', 'exit', 'variant', 'appearance', 'dir', 'lang'],
|
|
16
|
+
props: ['header', 'subHeader', 'icon', 'caretPosition', 'direction', 'isExpanded', 'themeName', 'disabled', 'animationTarget', 'enter', 'exit', 'variant', 'appearance', 'dir', 'lang'],
|
|
17
17
|
emits: ['expanded', 'collapsed', 'toggled', 'connected', 'disconnected', 'changed'],
|
|
18
18
|
// slots: ['icon', 'header', 'subHeader', ''],
|
|
19
19
|
// methods: { toggle, expand, collapse, play, onEnterAnimation, onExitAnimation, adoptStyle, on, off, emit, requestUpdate },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpanderComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Expander/ExpanderComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEzE,eAAe,CAAC,eAAe,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpanderComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Expander/ExpanderComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEzE,eAAe,CAAC,eAAe,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC;IACvL,KAAK,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACnF,8CAA8C;IAC9C,4HAA4H;IAC5H,sDAAsD;IACtD,KAAK,CAAC,KAA4B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC/C,OAAO,GAAG,EAAE,CACR,CAAC,CACG,iBAAiB,EACjB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,QAAQ,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;gBACrD,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBACnD,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @public
|
|
3
|
+
*/
|
|
4
|
+
export declare const RegionComponent: import("vue").DefineComponent<{
|
|
5
|
+
active: string;
|
|
6
|
+
themeName: string;
|
|
7
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "activeChanged")[], "connected" | "disconnected" | "changed" | "activeChanged", import("vue").PublicProps, Readonly<{
|
|
10
|
+
active: string;
|
|
11
|
+
themeName: string;
|
|
12
|
+
}> & Readonly<{
|
|
13
|
+
onConnected?: ((...args: any[]) => any) | undefined;
|
|
14
|
+
onDisconnected?: ((...args: any[]) => any) | undefined;
|
|
15
|
+
onChanged?: ((...args: any[]) => any) | undefined;
|
|
16
|
+
onActiveChanged?: ((...args: any[]) => any) | undefined;
|
|
17
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
18
|
+
declare module 'vue' {
|
|
19
|
+
interface GlobalComponents {
|
|
20
|
+
MosaikRegion: typeof RegionComponent;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=RegionComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RegionComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Region/RegionComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;iFAuB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
// ------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by a tool.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
5
|
+
// </auto-generated>
|
|
6
|
+
// ------------------------------------------------------------------------------
|
|
7
|
+
import { defineComponent, h } from 'vue';
|
|
8
|
+
import { createComponent } from '../../../../Utils/Proxy';
|
|
9
|
+
import { RegionElement } from '@breadstone/mosaik-elements-foundation';
|
|
10
|
+
createComponent(RegionElement);
|
|
11
|
+
/**
|
|
12
|
+
* @public
|
|
13
|
+
*/
|
|
14
|
+
export const RegionComponent = defineComponent({
|
|
15
|
+
name: 'RegionComponent',
|
|
16
|
+
props: ['active', 'themeName', 'dir', 'lang'],
|
|
17
|
+
emits: ['activeChanged', 'connected', 'disconnected', 'changed'],
|
|
18
|
+
// slots: ['default'],
|
|
19
|
+
// methods: { firstUpdated, updated, activate, adoptStyle, on, off, emit, requestUpdate },
|
|
20
|
+
// eslint-disable-next-line @typescript-eslint/typedef
|
|
21
|
+
setup(props, { slots, emit }) {
|
|
22
|
+
return () => h('mosaik-region', {
|
|
23
|
+
...props,
|
|
24
|
+
on: {
|
|
25
|
+
activeChanged: (event) => emit('activeChanged', event),
|
|
26
|
+
connected: (event) => emit('connected', event),
|
|
27
|
+
disconnected: (event) => emit('disconnected', event),
|
|
28
|
+
changed: (event) => emit('changed', event)
|
|
29
|
+
}
|
|
30
|
+
}, slots.default ? slots.default() : []);
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=RegionComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RegionComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Region/RegionComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,eAAe,CAAC,aAAa,CAAC,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC7C,KAAK,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAChE,sBAAsB;IACtB,0FAA0F;IAC1F,sDAAsD;IACtD,KAAK,CAAC,KAA0B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC7C,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,aAAa,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC;gBAC/D,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @public
|
|
3
|
+
*/
|
|
4
|
+
export declare const RegionViewComponent: import("vue").DefineComponent<{
|
|
5
|
+
name: string;
|
|
6
|
+
default: boolean;
|
|
7
|
+
themeName: string;
|
|
8
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
|
|
11
|
+
name: string;
|
|
12
|
+
default: boolean;
|
|
13
|
+
themeName: string;
|
|
14
|
+
}> & Readonly<{
|
|
15
|
+
onConnected?: ((...args: any[]) => any) | undefined;
|
|
16
|
+
onDisconnected?: ((...args: any[]) => any) | undefined;
|
|
17
|
+
onChanged?: ((...args: any[]) => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
19
|
+
declare module 'vue' {
|
|
20
|
+
interface GlobalComponents {
|
|
21
|
+
MosaikRegionView: typeof RegionViewComponent;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=RegionViewComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RegionViewComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Region/RegionViewComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;iFAsB9B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,gBAAgB,EAAE,OAAO,mBAAmB,CAAC;KAChD;CACJ"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// ------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by a tool.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
5
|
+
// </auto-generated>
|
|
6
|
+
// ------------------------------------------------------------------------------
|
|
7
|
+
import { defineComponent, h } from 'vue';
|
|
8
|
+
import { createComponent } from '../../../../Utils/Proxy';
|
|
9
|
+
import { RegionViewElement } from '@breadstone/mosaik-elements-foundation';
|
|
10
|
+
createComponent(RegionViewElement);
|
|
11
|
+
/**
|
|
12
|
+
* @public
|
|
13
|
+
*/
|
|
14
|
+
export const RegionViewComponent = defineComponent({
|
|
15
|
+
name: 'RegionViewComponent',
|
|
16
|
+
props: ['name', 'default', 'themeName', 'dir', 'lang'],
|
|
17
|
+
emits: ['connected', 'disconnected', 'changed'],
|
|
18
|
+
// slots: ['default'],
|
|
19
|
+
// methods: { firstUpdated, getTemplate, adoptStyle, on, off, emit, requestUpdate },
|
|
20
|
+
// eslint-disable-next-line @typescript-eslint/typedef
|
|
21
|
+
setup(props, { slots, emit }) {
|
|
22
|
+
return () => h('mosaik-region-view', {
|
|
23
|
+
...props,
|
|
24
|
+
on: {
|
|
25
|
+
connected: (event) => emit('connected', event),
|
|
26
|
+
disconnected: (event) => emit('disconnected', event),
|
|
27
|
+
changed: (event) => emit('changed', event)
|
|
28
|
+
}
|
|
29
|
+
}, slots.default ? slots.default() : []);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=RegionViewComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RegionViewComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Region/RegionViewComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAE3E,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,qBAAqB;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACtD,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,sBAAsB;IACtB,oFAAoF;IACpF,sDAAsD;IACtD,KAAK,CAAC,KAA8B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACjD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,oBAAoB,EACpB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
|
|
@@ -2,20 +2,21 @@
|
|
|
2
2
|
* @public
|
|
3
3
|
*/
|
|
4
4
|
export declare const AutocompleteboxComponent: import("vue").DefineComponent<{
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
placeholder: string;
|
|
6
|
+
filterPlaceholder: string;
|
|
7
|
+
required: boolean;
|
|
8
|
+
readonly: boolean;
|
|
9
|
+
textAlign: import("@breadstone/mosaik-elements-foundation").TextAlignment;
|
|
10
|
+
renderItem: import("@breadstone/mosaik-elements-foundation").AutoCompleteBoxItemRenderer | null;
|
|
11
|
+
dropDownSync: import("libs/mosaik-elements-foundation/dist/Controls/Types/FloatingSync").FloatingSync;
|
|
12
12
|
minimumPrefixLength: number;
|
|
13
13
|
minimumPopulateDelay: number;
|
|
14
14
|
isTextCompletionEnabled: boolean;
|
|
15
15
|
searchMode: import("@breadstone/mosaik-elements-foundation").AutoCompleteTextSearchMode;
|
|
16
16
|
displayMemberPath: string;
|
|
17
|
+
valueMemberPath: string;
|
|
17
18
|
items: Array<unknown>;
|
|
18
|
-
itemsProvider: import("@breadstone/mosaik-elements-foundation").
|
|
19
|
+
itemsProvider: import("@breadstone/mosaik-elements-foundation").ItemsProviderFn | null;
|
|
19
20
|
dropDownPlacement: import("@breadstone/mosaik-elements-foundation").Placement;
|
|
20
21
|
dropDownStrategy: import("@breadstone/mosaik-elements-foundation").Strategy;
|
|
21
22
|
dropDownDistance: number;
|
|
@@ -25,23 +26,30 @@ export declare const AutocompleteboxComponent: import("vue").DefineComponent<{
|
|
|
25
26
|
isDropDownOpen: boolean;
|
|
26
27
|
disabled: boolean;
|
|
27
28
|
isFocused: boolean;
|
|
29
|
+
appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
|
|
30
|
+
variant: import("@breadstone/mosaik-elements-foundation").Variant;
|
|
31
|
+
label: string;
|
|
32
|
+
isClearable: boolean;
|
|
33
|
+
value: unknown;
|
|
34
|
+
invalid: boolean;
|
|
28
35
|
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
29
36
|
[key: string]: any;
|
|
30
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
37
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared" | "populating" | "populated" | "selectionChanged")[], "connected" | "disconnected" | "changed" | "cleared" | "populating" | "populated" | "selectionChanged", import("vue").PublicProps, Readonly<{
|
|
38
|
+
placeholder: string;
|
|
39
|
+
filterPlaceholder: string;
|
|
40
|
+
required: boolean;
|
|
41
|
+
readonly: boolean;
|
|
42
|
+
textAlign: import("@breadstone/mosaik-elements-foundation").TextAlignment;
|
|
43
|
+
renderItem: import("@breadstone/mosaik-elements-foundation").AutoCompleteBoxItemRenderer | null;
|
|
44
|
+
dropDownSync: import("libs/mosaik-elements-foundation/dist/Controls/Types/FloatingSync").FloatingSync;
|
|
38
45
|
minimumPrefixLength: number;
|
|
39
46
|
minimumPopulateDelay: number;
|
|
40
47
|
isTextCompletionEnabled: boolean;
|
|
41
48
|
searchMode: import("@breadstone/mosaik-elements-foundation").AutoCompleteTextSearchMode;
|
|
42
49
|
displayMemberPath: string;
|
|
50
|
+
valueMemberPath: string;
|
|
43
51
|
items: Array<unknown>;
|
|
44
|
-
itemsProvider: import("@breadstone/mosaik-elements-foundation").
|
|
52
|
+
itemsProvider: import("@breadstone/mosaik-elements-foundation").ItemsProviderFn | null;
|
|
45
53
|
dropDownPlacement: import("@breadstone/mosaik-elements-foundation").Placement;
|
|
46
54
|
dropDownStrategy: import("@breadstone/mosaik-elements-foundation").Strategy;
|
|
47
55
|
dropDownDistance: number;
|
|
@@ -51,10 +59,20 @@ export declare const AutocompleteboxComponent: import("vue").DefineComponent<{
|
|
|
51
59
|
isDropDownOpen: boolean;
|
|
52
60
|
disabled: boolean;
|
|
53
61
|
isFocused: boolean;
|
|
62
|
+
appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
|
|
63
|
+
variant: import("@breadstone/mosaik-elements-foundation").Variant;
|
|
64
|
+
label: string;
|
|
65
|
+
isClearable: boolean;
|
|
66
|
+
value: unknown;
|
|
67
|
+
invalid: boolean;
|
|
54
68
|
}> & Readonly<{
|
|
55
69
|
onConnected?: ((...args: any[]) => any) | undefined;
|
|
56
70
|
onDisconnected?: ((...args: any[]) => any) | undefined;
|
|
57
71
|
onChanged?: ((...args: any[]) => any) | undefined;
|
|
72
|
+
onCleared?: ((...args: any[]) => any) | undefined;
|
|
73
|
+
onPopulating?: ((...args: any[]) => any) | undefined;
|
|
74
|
+
onPopulated?: ((...args: any[]) => any) | undefined;
|
|
75
|
+
onSelectionChanged?: ((...args: any[]) => any) | undefined;
|
|
58
76
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
59
77
|
declare module 'vue' {
|
|
60
78
|
interface GlobalComponents {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteBoxComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,wBAAwB
|
|
1
|
+
{"version":3,"file":"AutoCompleteBoxComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFA0BnC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,qBAAqB,EAAE,OAAO,wBAAwB,CAAC;KAC1D;CACJ"}
|