@breadstone/mosaik-elements-vue 0.1.49 → 0.1.50

package/Controls/Components/Media/Persona/PersonaComponent.d.ts

@@ -5,50 +5,50 @@
  */
 export declare const PersonaComponent: import("vue").DefineComponent<{
     themeName?: any;
+    appearance?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     orientation?: any;
     disabled?: any;
     variant?: any;
     src?: any;
+    size?: any;
     text?: any;
-    appearance?: any;
-    hasBadge?: any;
-    textAccessor?: any;
-    icon?: any;
-    displayMode?: any;
     horizontalContentAlignment?: any;
     verticalContentAlignment?: any;
+    icon?: any;
     primaryText?: any;
     secondaryText?: any;
     tertiaryText?: any;
     quaternaryText?: any;
     presence?: any;
+    hasBadge?: any;
+    textAccessor?: any;
+    displayMode?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    appearance?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     orientation?: any;
     disabled?: any;
     variant?: any;
     src?: any;
+    size?: any;
     text?: any;
-    appearance?: any;
-    hasBadge?: any;
-    textAccessor?: any;
-    icon?: any;
-    displayMode?: any;
     horizontalContentAlignment?: any;
     verticalContentAlignment?: any;
+    icon?: any;
     primaryText?: any;
     secondaryText?: any;
     tertiaryText?: any;
     quaternaryText?: any;
     presence?: any;
+    hasBadge?: any;
+    textAccessor?: any;
+    displayMode?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/QRCode/QRCodeComponent.d.ts

@@ -8,10 +8,10 @@ export declare const QrcodeComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     text?: any;
+    backgroundColor?: any;
     radius?: any;
     dimension?: any;
     errorCorrection?: any;
-    backgroundColor?: any;
     foregroundColor?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -20,10 +20,10 @@ export declare const QrcodeComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     text?: any;
+    backgroundColor?: any;
     radius?: any;
     dimension?: any;
     errorCorrection?: any;
-    backgroundColor?: any;
     foregroundColor?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Timeline/TimelineMarkerComponent.d.ts

@@ -5,28 +5,28 @@
  */
 export declare const TimelineMarkerComponent: import("vue").DefineComponent<{
     themeName?: any;
+    appearance?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     disabled?: any;
     variant?: any;
-    isBusy?: any;
+    size?: any;
     text?: any;
-    appearance?: any;
+    isBusy?: any;
     icon?: any;
     iconSize?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    appearance?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     disabled?: any;
     variant?: any;
-    isBusy?: any;
+    size?: any;
     text?: any;
-    appearance?: any;
+    isBusy?: any;
     icon?: any;
     iconSize?: any;
 }> & Readonly<{

package/Controls/Components/Media/Video/VideoComponent.d.ts

@@ -5,6 +5,8 @@
  */
 export declare const VideoComponent: import("vue").DefineComponent<{
     themeName?: any;
+    width?: any;
+    height?: any;
     dir?: any;
     lang?: any;
     legend?: any;
@@ -13,19 +15,19 @@ export declare const VideoComponent: import("vue").DefineComponent<{
     hasSrc?: any;
     src?: any;
     autoPlay?: any;
+    poster?: any;
+    autoFullScreen?: any;
     showControls?: any;
     legendPosition?: any;
     ratio?: any;
     muted?: any;
     loop?: any;
-    width?: any;
-    height?: any;
-    poster?: any;
-    autoFullScreen?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    width?: any;
+    height?: any;
     dir?: any;
     lang?: any;
     legend?: any;
@@ -34,15 +36,13 @@ export declare const VideoComponent: import("vue").DefineComponent<{
     hasSrc?: any;
     src?: any;
     autoPlay?: any;
+    poster?: any;
+    autoFullScreen?: any;
     showControls?: any;
     legendPosition?: any;
     ratio?: any;
     muted?: any;
     loop?: any;
-    width?: any;
-    height?: any;
-    poster?: any;
-    autoFullScreen?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Misc/CookieConsent/CookiesConsentComponent.d.ts

@@ -5,13 +5,13 @@
  */
 export declare const CookiesConsentComponent: import("vue").DefineComponent<{
     themeName?: any;
-    dir?: any;
-    lang?: any;
-    intl?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
     elevation?: any;
+    dir?: any;
+    lang?: any;
+    intl?: any;
     accepted?: any;
     dismissed?: any;
     hasAcceptedCookies?: any;
@@ -21,13 +21,13 @@ export declare const CookiesConsentComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cookiesAccepted" | "cookiesDismissed")[], "connected" | "disconnected" | "changed" | "cookiesAccepted" | "cookiesDismissed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    dir?: any;
-    lang?: any;
-    intl?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
     elevation?: any;
+    dir?: any;
+    lang?: any;
+    intl?: any;
     accepted?: any;
     dismissed?: any;
     hasAcceptedCookies?: any;

package/Controls/Components/Overlays/Dialog/DialogComponent.d.ts

@@ -4,55 +4,58 @@
  * @public
  */
 export declare const DialogComponent: import("vue").DefineComponent<{
-    themeName?: any;
-    dir?: any;
-    lang?: any;
     dragging?: any;
-    width?: any;
-    height?: any;
-    appearance?: any;
-    animationTarget?: any;
-    enter?: any;
-    exit?: any;
-    isOpen?: any;
-    closeable?: any;
-    elevation?: any;
     offsetX?: any;
     offsetY?: any;
     isFullScreen?: any;
     isDraggable?: any;
-    hasBackdrop?: any;
-    pressEscapeToClose?: any;
-    clickOutsideToClose?: any;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed")[], "connected" | "disconnected" | "changed" | "opened" | "closed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    dir?: any;
-    lang?: any;
-    dragging?: any;
-    width?: any;
-    height?: any;
-    appearance?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
+    width?: any;
+    height?: any;
+    elevation?: any;
+    appearance?: any;
     isOpen?: any;
+    hasBackdrop?: any;
+    pressEscapeToClose?: any;
+    clickOutsideToClose?: any;
+    attention?: any;
     closeable?: any;
-    elevation?: any;
+    dir?: any;
+    lang?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "closed" | "closeAttempted" | "connected" | "disconnected" | "changed")[], "opened" | "closed" | "closeAttempted" | "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
+    dragging?: any;
     offsetX?: any;
     offsetY?: any;
     isFullScreen?: any;
     isDraggable?: any;
+    themeName?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: any;
+    width?: any;
+    height?: any;
+    elevation?: any;
+    appearance?: any;
+    isOpen?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
+    attention?: any;
+    closeable?: any;
+    dir?: any;
+    lang?: any;
 }> & Readonly<{
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onCloseAttempted?: ((...args: any[]) => any) | undefined;
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Overlays/Dialog/DialogComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAsB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}
+{"version":3,"file":"DialogComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAuB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}

package/Controls/Components/Overlays/Dialog/DialogComponent.js

@@ -12,16 +12,17 @@ import { defineComponent, h } from 'vue';
  */
 export const DialogComponent = defineComponent({
     name: 'DialogComponent',
-    props: ['dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-    emits: ['opened', 'closed', 'connected', 'disconnected', 'changed'],
+    props: ['dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+    emits: ['opened', 'closed', 'closeAttempted', 'connected', 'disconnected', 'changed'],
     // slots: ['actions', '', 'footer', 'header', 'style']
-    // methods: { open, close, play, onEnterAnimation, onExitAnimation, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, adoptStyle, on, off, emit, requestUpdate }
+    // methods: { open, close, play, onEnterAnimation, onExitAnimation, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, requestAttention, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-dialog', {
             ...props,
             // Vue 3 event handlers (onEventName format)
             onOpened: (event) => emit('opened', event),
             onClosed: (event) => emit('closed', event),
+            onCloseAttempted: (event) => emit('closeAttempted', event),
             onConnected: (event) => emit('connected', event),
             onDisconnected: (event) => emit('disconnected', event),
             onChanged: (event) => emit('changed', event)

package/Controls/Components/Overlays/Dialog/DialogComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogComponent.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;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACzQ,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACnE,sDAAsD;IACtD,8NAA8N;IAC9N,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"DialogComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogComponent.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;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACtR,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACrF,sDAAsD;IACtD,gPAAgP;IAChP,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,gBAAgB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC;YACjE,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}

package/Controls/Components/Overlays/Drawer/DrawerComponent.d.ts

@@ -4,57 +4,60 @@
  * @public
  */
 export declare const DrawerComponent: import("vue").DefineComponent<{
+    isFullScreen?: any;
     themeName?: any;
-    dir?: any;
-    lang?: any;
-    mode?: any;
-    header?: any;
-    width?: any;
-    height?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    position?: any;
-    subHeader?: any;
-    isOpen?: any;
-    closeable?: any;
+    width?: any;
+    height?: any;
     elevation?: any;
-    isFullScreen?: any;
+    isOpen?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
+    attention?: any;
+    closeable?: any;
+    dir?: any;
+    lang?: any;
+    mode?: any;
+    header?: any;
+    subHeader?: any;
+    position?: any;
     isComposed?: any;
     hasShadow?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed")[], "connected" | "disconnected" | "changed" | "opened" | "closed", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "closed" | "closeAttempted" | "connected" | "disconnected" | "changed")[], "opened" | "closed" | "closeAttempted" | "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
+    isFullScreen?: any;
     themeName?: any;
-    dir?: any;
-    lang?: any;
-    mode?: any;
-    header?: any;
-    width?: any;
-    height?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    position?: any;
-    subHeader?: any;
-    isOpen?: any;
-    closeable?: any;
+    width?: any;
+    height?: any;
     elevation?: any;
-    isFullScreen?: any;
+    isOpen?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
+    attention?: any;
+    closeable?: any;
+    dir?: any;
+    lang?: any;
+    mode?: any;
+    header?: any;
+    subHeader?: any;
+    position?: any;
     isComposed?: any;
     hasShadow?: any;
 }> & Readonly<{
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onCloseAttempted?: ((...args: any[]) => any) | undefined;
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Overlays/Drawer/DrawerComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAsB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}
+{"version":3,"file":"DrawerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAuB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}

package/Controls/Components/Overlays/Drawer/DrawerComponent.js

@@ -12,16 +12,17 @@ import { defineComponent, h } from 'vue';
  */
 export const DrawerComponent = defineComponent({
     name: 'DrawerComponent',
-    props: ['isComposed', 'isFullScreen', 'header', 'subHeader', 'position', 'mode', 'hasShadow', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-    emits: ['closed', 'opened', 'connected', 'disconnected', 'changed'],
+    props: ['isComposed', 'isFullScreen', 'header', 'subHeader', 'position', 'mode', 'hasShadow', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+    emits: ['closed', 'opened', 'closeAttempted', 'connected', 'disconnected', 'changed'],
     // slots: ['', 'actions', 'footer', 'header', 'style']
-    // methods: { open, close, toggle, innerOffsetWidth, play, onEnterAnimation, onExitAnimation, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, adoptStyle, on, off, emit, requestUpdate }
+    // methods: { open, close, toggle, innerOffsetWidth, play, onEnterAnimation, onExitAnimation, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, requestAttention, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-drawer', {
             ...props,
             // Vue 3 event handlers (onEventName format)
             onClosed: (event) => emit('closed', event),
             onOpened: (event) => emit('opened', event),
+            onCloseAttempted: (event) => emit('closeAttempted', event),
             onConnected: (event) => emit('connected', event),
             onDisconnected: (event) => emit('disconnected', event),
             onChanged: (event) => emit('changed', event)

package/Controls/Components/Overlays/Drawer/DrawerComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerComponent.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;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAChR,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACnE,sDAAsD;IACtD,wPAAwP;IACxP,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"DrawerComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerComponent.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;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC7R,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACrF,sDAAsD;IACtD,0QAA0Q;IAC1Q,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,gBAAgB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC;YACjE,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}

package/Controls/Components/Overlays/Drawer/DrawerContainerComponent.d.ts

@@ -5,24 +5,24 @@
  */
 export declare const DrawerContainerComponent: import("vue").DefineComponent<{
     themeName?: any;
+    isOpen?: any;
+    hasBackdrop?: any;
     dir?: any;
     lang?: any;
     fit?: any;
-    isOpen?: any;
     content?: any;
-    hasBackdrop?: any;
     autoSize?: any;
     drawer?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "contentMarginChanged")[], "connected" | "disconnected" | "changed" | "contentMarginChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    isOpen?: any;
+    hasBackdrop?: any;
     dir?: any;
     lang?: any;
     fit?: any;
-    isOpen?: any;
     content?: any;
-    hasBackdrop?: any;
     autoSize?: any;
     drawer?: any;
 }> & Readonly<{

package/Controls/Components/Overlays/Drawer/DrawerContentComponent.d.ts

@@ -5,16 +5,16 @@
  */
 export declare const DrawerContentComponent: import("vue").DefineComponent<{
     themeName?: any;
+    isOpen?: any;
     dir?: any;
     lang?: any;
-    isOpen?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    isOpen?: any;
     dir?: any;
     lang?: any;
-    isOpen?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Overlays/MessageBox/MessageBoxComponent.d.ts

@@ -4,74 +4,77 @@
  * @public
  */
 export declare const MessageBoxComponent: import("vue").DefineComponent<{
-    themeName?: any;
-    dir?: any;
-    lang?: any;
-    header?: any;
     dragging?: any;
-    variant?: any;
-    width?: any;
-    height?: any;
-    intl?: any;
-    appearance?: any;
-    formatter?: any;
-    icon?: any;
-    animationTarget?: any;
-    enter?: any;
-    exit?: any;
-    subHeader?: any;
-    isOpen?: any;
-    closeable?: any;
-    elevation?: any;
     offsetX?: any;
     offsetY?: any;
     isFullScreen?: any;
     isDraggable?: any;
+    themeName?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: any;
+    width?: any;
+    height?: any;
+    elevation?: any;
+    appearance?: any;
+    isOpen?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
-    alignment?: any;
-    message?: any;
-    buttons?: any;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "dialogResult" | "opened" | "closed")[], "connected" | "disconnected" | "changed" | "dialogResult" | "opened" | "closed", import("vue").PublicProps, Readonly<{
-    themeName?: any;
+    attention?: any;
+    closeable?: any;
     dir?: any;
     lang?: any;
     header?: any;
-    dragging?: any;
+    subHeader?: any;
     variant?: any;
-    width?: any;
-    height?: any;
-    intl?: any;
-    appearance?: any;
     formatter?: any;
     icon?: any;
-    animationTarget?: any;
-    enter?: any;
-    exit?: any;
-    subHeader?: any;
-    isOpen?: any;
-    closeable?: any;
-    elevation?: any;
+    alignment?: any;
+    intl?: any;
+    message?: any;
+    buttons?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "closed" | "closeAttempted" | "connected" | "disconnected" | "changed" | "dialogResult")[], "opened" | "closed" | "closeAttempted" | "connected" | "disconnected" | "changed" | "dialogResult", import("vue").PublicProps, Readonly<{
+    dragging?: any;
     offsetX?: any;
     offsetY?: any;
     isFullScreen?: any;
     isDraggable?: any;
+    themeName?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: any;
+    width?: any;
+    height?: any;
+    elevation?: any;
+    appearance?: any;
+    isOpen?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
+    attention?: any;
+    closeable?: any;
+    dir?: any;
+    lang?: any;
+    header?: any;
+    subHeader?: any;
+    variant?: any;
+    formatter?: any;
+    icon?: any;
     alignment?: any;
+    intl?: any;
     message?: any;
     buttons?: any;
 }> & Readonly<{
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onCloseAttempted?: ((...args: any[]) => any) | undefined;
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;
     onDialogResult?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Overlays/MessageBox/MessageBoxComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBoxComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/MessageBox/MessageBoxComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAuB9B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,gBAAgB,EAAE,OAAO,mBAAmB,CAAC;KAChD;CACJ"}
+{"version":3,"file":"MessageBoxComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/MessageBox/MessageBoxComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAwB9B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,gBAAgB,EAAE,OAAO,mBAAmB,CAAC;KAChD;CACJ"}

package/Controls/Components/Overlays/MessageBox/MessageBoxComponent.js

@@ -12,10 +12,10 @@ import { defineComponent, h } from 'vue';
  */
 export const MessageBoxComponent = defineComponent({
     name: 'MessageBoxComponent',
-    props: ['intl', 'header', 'subHeader', 'message', 'buttons', 'icon', 'alignment', 'formatter', 'variant', 'dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-    emits: ['dialogResult', 'opened', 'closed', 'connected', 'disconnected', 'changed'],
+    props: ['intl', 'header', 'subHeader', 'message', 'buttons', 'icon', 'alignment', 'formatter', 'variant', 'dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+    emits: ['dialogResult', 'opened', 'closed', 'closeAttempted', 'connected', 'disconnected', 'changed'],
     // slots: ['actions', '', 'footer', 'header', 'style']
-    // methods: { open, close, play, onEnterAnimation, onExitAnimation, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, adoptStyle, on, off, emit, requestUpdate }
+    // methods: { open, close, play, onEnterAnimation, onExitAnimation, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, requestAttention, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-message-box', {
             ...props,
@@ -23,6 +23,7 @@ export const MessageBoxComponent = defineComponent({
             onDialogResult: (event) => emit('dialogResult', event),
             onOpened: (event) => emit('opened', event),
             onClosed: (event) => emit('closed', event),
+            onCloseAttempted: (event) => emit('closeAttempted', event),
             onConnected: (event) => emit('connected', event),
             onDisconnected: (event) => emit('disconnected', event),
             onChanged: (event) => emit('changed', event)