@aotearoan/neon 28.0.2 → 28.1.0

package/dist/src/components/user-input/select/NeonSelect.d.ts

@@ -199,7 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         toggleOpen: () => void;
         onBlur: () => void;
         onFocus: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "dropdown-placement")[], import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "dropdown-placement")[], import("vue").PublicProps, {
         color: NeonFunctionalColor;
         icon: string;
         label: string;
@@ -508,7 +508,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], import("vue").PublicProps, {
                     color: NeonFunctionalColor;
                     icon: string;
                     type: import("../../../neon").NeonInputType;
@@ -823,7 +823,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], import("vue").PublicProps, {
                     color: NeonFunctionalColor;
                     icon: string;
                     type: import("../../../neon").NeonInputType;
@@ -1332,8 +1332,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: boolean;
                     href: string;
                     size: import("../../../neon").NeonButtonSize;
-                    outline: boolean;
                     alternateColor: NeonFunctionalColor;
+                    outline: boolean;
                     iconPosition: import("../../../neon").NeonHorizontalPosition;
                     buttonStyle: import("../../../neon").NeonButtonStyle;
                     buttonType: import("../../../neon").NeonButtonType;
@@ -1459,14 +1459,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
+                        neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>; /**
+                         * Allow multi-select.
+                         */
                         routerUrl: import("vue").ComputedRef<string | undefined>;
                         sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
                         }>;
-                        activeRoute: import("vue").ComputedRef<boolean | "">;
-                        exactRoute: import("vue").ComputedRef<boolean | "">;
-                        onClick: () => void;
+                        activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                        exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                        onClick: () => void; /**
+                         * Placeholder when multiple values are selected.
+                         */
                         onSpace: () => Promise<void>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         href: {
@@ -1651,7 +1655,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], "update:modelValue" | "blur" | "focus" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -2175,8 +2179,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: boolean;
             href: string;
             size: import("../../../neon").NeonButtonSize;
-            outline: boolean;
             alternateColor: NeonFunctionalColor;
+            outline: boolean;
             iconPosition: import("../../../neon").NeonHorizontalPosition;
             buttonStyle: import("../../../neon").NeonButtonStyle;
             buttonType: import("../../../neon").NeonButtonType;
@@ -2302,14 +2306,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
+                neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>; /**
+                 * Allow multi-select.
+                 */
                 routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
-                activeRoute: import("vue").ComputedRef<boolean | "">;
-                exactRoute: import("vue").ComputedRef<boolean | "">;
-                onClick: () => void;
+                activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                onClick: () => void; /**
+                 * Placeholder when multiple values are selected.
+                 */
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
@@ -2634,7 +2642,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         toggleOpen: () => void;
         onBlur: () => void;
         onFocus: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "dropdown-placement")[], import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "dropdown-placement")[], import("vue").PublicProps, {
         color: NeonFunctionalColor;
         icon: string;
         label: string;
@@ -2943,7 +2951,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], import("vue").PublicProps, {
                     color: NeonFunctionalColor;
                     icon: string;
                     type: import("../../../neon").NeonInputType;
@@ -3258,7 +3266,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], import("vue").PublicProps, {
                     color: NeonFunctionalColor;
                     icon: string;
                     type: import("../../../neon").NeonInputType;
@@ -3767,8 +3775,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: boolean;
                     href: string;
                     size: import("../../../neon").NeonButtonSize;
-                    outline: boolean;
                     alternateColor: NeonFunctionalColor;
+                    outline: boolean;
                     iconPosition: import("../../../neon").NeonHorizontalPosition;
                     buttonStyle: import("../../../neon").NeonButtonStyle;
                     buttonType: import("../../../neon").NeonButtonType;
@@ -3894,14 +3902,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
+                        neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>; /**
+                         * Allow multi-select.
+                         */
                         routerUrl: import("vue").ComputedRef<string | undefined>;
                         sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
                         }>;
-                        activeRoute: import("vue").ComputedRef<boolean | "">;
-                        exactRoute: import("vue").ComputedRef<boolean | "">;
-                        onClick: () => void;
+                        activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                        exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                        onClick: () => void; /**
+                         * Placeholder when multiple values are selected.
+                         */
                         onSpace: () => Promise<void>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         href: {
@@ -4086,7 +4098,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], "update:modelValue" | "blur" | "focus" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -4610,8 +4622,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: boolean;
             href: string;
             size: import("../../../neon").NeonButtonSize;
-            outline: boolean;
             alternateColor: NeonFunctionalColor;
+            outline: boolean;
             iconPosition: import("../../../neon").NeonHorizontalPosition;
             buttonStyle: import("../../../neon").NeonButtonStyle;
             buttonType: import("../../../neon").NeonButtonType;
@@ -4737,14 +4749,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
+                neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>; /**
+                 * Allow multi-select.
+                 */
                 routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
-                activeRoute: import("vue").ComputedRef<boolean | "">;
-                exactRoute: import("vue").ComputedRef<boolean | "">;
-                onClick: () => void;
+                activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                onClick: () => void; /**
+                 * Placeholder when multiple values are selected.
+                 */
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
@@ -5190,7 +5206,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         toggleOpen: () => void;
         onBlur: () => void;
         onFocus: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "dropdown-placement")[], "update:modelValue" | "focus" | "blur" | "dropdown-placement", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "dropdown-placement")[], "update:modelValue" | "blur" | "focus" | "dropdown-placement", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
         };
@@ -5567,7 +5583,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], import("vue").PublicProps, {
                     color: NeonFunctionalColor;
                     icon: string;
                     type: import("../../../neon").NeonInputType;
@@ -5882,7 +5898,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], import("vue").PublicProps, {
                     color: NeonFunctionalColor;
                     icon: string;
                     type: import("../../../neon").NeonInputType;
@@ -6391,8 +6407,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: boolean;
                     href: string;
                     size: import("../../../neon").NeonButtonSize;
-                    outline: boolean;
                     alternateColor: NeonFunctionalColor;
+                    outline: boolean;
                     iconPosition: import("../../../neon").NeonHorizontalPosition;
                     buttonStyle: import("../../../neon").NeonButtonStyle;
                     buttonType: import("../../../neon").NeonButtonType;
@@ -6518,14 +6534,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
+                        neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>; /**
+                         * Allow multi-select.
+                         */
                         routerUrl: import("vue").ComputedRef<string | undefined>;
                         sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
                         }>;
-                        activeRoute: import("vue").ComputedRef<boolean | "">;
-                        exactRoute: import("vue").ComputedRef<boolean | "">;
-                        onClick: () => void;
+                        activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                        exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                        onClick: () => void; /**
+                         * Placeholder when multiple values are selected.
+                         */
                         onSpace: () => Promise<void>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         href: {
@@ -6710,7 +6730,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconClicked: ($event: Event) => void;
                     changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], "update:modelValue" | "blur" | "focus" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -7234,8 +7254,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: boolean;
             href: string;
             size: import("../../../neon").NeonButtonSize;
-            outline: boolean;
             alternateColor: NeonFunctionalColor;
+            outline: boolean;
             iconPosition: import("../../../neon").NeonHorizontalPosition;
             buttonStyle: import("../../../neon").NeonButtonStyle;
             buttonType: import("../../../neon").NeonButtonType;
@@ -7361,14 +7381,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
+                neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>; /**
+                 * Allow multi-select.
+                 */
                 routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
-                activeRoute: import("vue").ComputedRef<boolean | "">;
-                exactRoute: import("vue").ComputedRef<boolean | "">;
-                onClick: () => void;
+                activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                onClick: () => void; /**
+                 * Placeholder when multiple values are selected.
+                 */
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {

package/dist/src/model/feedback/dialog/NeonDialogMessage.d.ts

@@ -0,0 +1,38 @@
+import type { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';
+/**
+ * A confirmation 'Dialog' style message. These are more complex than an alert and return a promise.
+ */
+export interface NeonDialogMessage {
+    /**
+     * The color of the button for the confirm (positive) action.
+     */
+    color?: NeonFunctionalColor;
+    /**
+     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.
+     */
+    alternateColor?: NeonFunctionalColor;
+    /**
+     * The label of the button for the cancel (negative) action.
+     */
+    cancelLabel?: string;
+    /**
+     * The label of the button for the confirm (positive) action.
+     */
+    confirmLabel?: string;
+    /**
+     * The dialog title
+     */
+    title: string;
+    /**
+     * The dialog question. Can be html (rendered using v-html).
+     */
+    question: string;
+    /**
+     * Whether the dialog is open.
+     */
+    open?: boolean;
+    /**
+     * Increase the opacity so that the page behind the modal is no longer visible
+     */
+    opaque?: boolean;
+}

package/dist/src/model/navigation/tree-menu/NeonTreeMenuItemModel.d.ts

@@ -11,6 +11,8 @@ export interface NeonTreeMenuItemModel {
     href?: string;
     /** Expanded state of the menu item. */
     expanded?: boolean;
+    /** Denotes the link is external (open in a new tab). */
+    external?: boolean;
     /** A list of page sub menu items */
     subMenu?: NeonTreeMenuSubMenuModel[];
 }

package/dist/src/neon.d.ts

@@ -15,6 +15,7 @@ export { default as NeonChip } from './components/user-input/chip/NeonChip.vue';
 export { default as NeonColor } from './components/user-input/color/NeonColor.vue';
 export { default as NeonDatePicker } from './components/user-input/date-picker/NeonDatePicker.vue';
 export { default as NeonDialog } from './components/feedback/dialog/NeonDialog.vue';
+export { default as NeonDialogContainer } from './components/feedback/alert/container/NeonDialogContainer.vue';
 export { default as NeonDrawer } from './components/layout/drawer/NeonDrawer.vue';
 export { default as NeonDropdown } from './components/presentation/dropdown/NeonDropdown.vue';
 export { default as NeonDropdownMenu } from './components/navigation/dropdown-menu/NeonDropdownMenu.vue';
@@ -89,6 +90,7 @@ export type { NeonCarouselImage } from '@/model/presentation/image-carousel/Neon
 export { NeonChipAction } from '@/model/user-input/chip/NeonChipAction';
 export type { NeonContrastAccessibility } from '@/model/common/color/NeonContrastAccessibility';
 export type { NeonDate } from '@/model/common/date/NeonDate';
+export type { NeonDialogMessage } from './model/feedback/dialog/NeonDialogMessage';
 export type { NeonDropdownMenuItem } from '@/model/presentation/dropdown/NeonDropdownMenuItem';
 export { NeonDropdownPlacement } from '@/model/presentation/dropdown/NeonDropdownPlacement';
 export type { NeonDropdownPlacementObject } from '@/model/presentation/dropdown/NeonDropdownPlacementObject';
@@ -143,6 +145,7 @@ export { NeonClipboardService, NeonClipboardSupport } from '@/utils/common/clipb
 export { NeonClosableUtils } from '@/utils/common/closable/NeonClosableUtils';
 export { NeonDateUtils } from '@/utils/common/date/NeonDateUtils';
 export { NeonDebounceUtils } from '@/utils/common/debounce/NeonDebounceUtils';
+export { NeonDialogService } from './utils/feedback/dialog/NeonDialogService';
 export { NeonDropdownPlacementUtils } from '@/utils/presentation/dropdown/NeonDropdownPlacementUtils';
 export { NeonEventBus } from '@/utils/common/event/NeonEventBus';
 export { fileToDataURL } from '@/utils/user-input/file/NeonFileUtils';

package/dist/src/utils/feedback/dialog/NeonDialogService.d.ts

@@ -0,0 +1,27 @@
+import type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';
+/**
+ * NeonDialogService is a service for invoking confirmation dialogs to the <strong>NeonAlert</strong> component for display to the
+ * user
+ */
+export declare class NeonDialogService {
+    static readonly resolveEventKey: string;
+    static readonly defaultDialogMessage: NeonDialogMessage;
+    /**
+     * Show a dialog message.
+     *
+     * @param dialog the dialog message to display.
+     */
+    static show(dialog: Omit<NeonDialogMessage, 'open'>): Promise<boolean>;
+    /**
+     * Trigger a resolution of the show dialog promise.
+     *
+     * @param key boolean value to resolve the promise.
+     */
+    static resolve(key: boolean): void;
+    /**
+     * Generate an event key so that all events are published on the correct topic.
+     * @returns The event key for sending a message on <a href="/utils/common/event/NeonEventBus">NeonEventBus</a>.
+     */
+    static generateEventKey(): string;
+    private static emit;
+}

package/dist/utils/feedback/dialog/NeonDialogService.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var v=Object.defineProperty;var u=(n,e,t)=>e in n?v(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var i=(n,e,t)=>u(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../common/event/NeonEventBus.cjs.js"),l=require("vue"),s=class s{static async show(e){return s.resolve(!1),await l.nextTick(),s.emit(e),new Promise(t=>o.NeonEventBus.on(this.resolveEventKey,r=>{t(r)}))}static resolve(e){o.NeonEventBus.emit(s.resolveEventKey,e)}static generateEventKey(){return`${o.NeonEventBus.messagePrefix}-dialog`}static emit(e){const t=s.generateEventKey();o.NeonEventBus.emit(t,e)}};i(s,"resolveEventKey",`${o.NeonEventBus.messagePrefix}-dialog-resolve`),i(s,"defaultDialogMessage",{open:!1,title:"",question:""});let a=s;exports.NeonDialogService=a;
+//# sourceMappingURL=NeonDialogService.cjs.js.map

package/dist/utils/feedback/dialog/NeonDialogService.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonDialogService.cjs.js","sources":["../../../../src/utils/feedback/dialog/NeonDialogService.ts"],"sourcesContent":["import type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';\nimport { NeonEventBus } from '@/utils/common/event/NeonEventBus';\nimport { nextTick } from 'vue';\n\n/**\n * NeonDialogService is a service for invoking confirmation dialogs to the <strong>NeonAlert</strong> component for display to the\n * user\n */\nexport class NeonDialogService {\n  public static readonly resolveEventKey = `${NeonEventBus.messagePrefix}-dialog-resolve`;\n\n  public static readonly defaultDialogMessage: NeonDialogMessage = {\n    open: false,\n    title: '',\n    question: '',\n  };\n\n  /**\n   * Show a dialog message.\n   *\n   * @param dialog the dialog message to display.\n   */\n  public static async show(dialog: Omit<NeonDialogMessage, 'open'>): Promise<boolean> {\n    NeonDialogService.resolve(false);\n    await nextTick();\n    NeonDialogService.emit(dialog);\n    return new Promise((resolve) =>\n      NeonEventBus.on(this.resolveEventKey, (key: boolean) => {\n        resolve(key);\n      }),\n    );\n  }\n\n  /**\n   * Trigger a resolution of the show dialog promise.\n   *\n   * @param key boolean value to resolve the promise.\n   */\n  public static resolve(key: boolean) {\n    NeonEventBus.emit(NeonDialogService.resolveEventKey, key);\n  }\n\n  /**\n   * Generate an event key so that all events are published on the correct topic.\n   * @returns The event key for sending a message on <a href=\"/utils/common/event/NeonEventBus\">NeonEventBus</a>.\n   */\n  public static generateEventKey() {\n    return `${NeonEventBus.messagePrefix}-dialog`;\n  }\n\n  private static emit(message: NeonDialogMessage) {\n    const eventKey = NeonDialogService.generateEventKey();\n    NeonEventBus.emit(eventKey, message);\n  }\n}\n"],"names":["_NeonDialogService","dialog","nextTick","resolve","NeonEventBus","key","message","eventKey","__publicField","NeonDialogService"],"mappings":"+TAQaA,EAAN,MAAMA,CAAkB,CAc7B,aAAoB,KAAKC,EAA2D,CAClF,OAAAD,EAAkB,QAAQ,EAAK,EAC/B,MAAME,WAAA,EACNF,EAAkB,KAAKC,CAAM,EACtB,IAAI,QAASE,GAClBC,EAAAA,aAAa,GAAG,KAAK,gBAAkBC,GAAiB,CACtDF,EAAQE,CAAG,CACb,CAAC,CAAA,CAEL,CAOA,OAAc,QAAQA,EAAc,CAClCD,EAAAA,aAAa,KAAKJ,EAAkB,gBAAiBK,CAAG,CAC1D,CAMA,OAAc,kBAAmB,CAC/B,MAAO,GAAGD,EAAAA,aAAa,aAAa,SACtC,CAEA,OAAe,KAAKE,EAA4B,CAC9C,MAAMC,EAAWP,EAAkB,iBAAA,EACnCI,eAAa,KAAKG,EAAUD,CAAO,CACrC,CACF,EA7CEE,EADWR,EACY,kBAAkB,GAAGI,eAAa,aAAa,mBAEtEI,EAHWR,EAGY,uBAA0C,CAC/D,KAAM,GACN,MAAO,GACP,SAAU,EAAA,GANP,IAAMS,EAANT"}

package/dist/utils/feedback/dialog/NeonDialogService.es.js

@@ -0,0 +1,48 @@
+var l = Object.defineProperty;
+var m = (a, e, t) => e in a ? l(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var r = (a, e, t) => m(a, typeof e != "symbol" ? e + "" : e, t);
+import { NeonEventBus as i } from "../../common/event/NeonEventBus.es.js";
+import { nextTick as v } from "vue";
+const s = class s {
+  /**
+   * Show a dialog message.
+   *
+   * @param dialog the dialog message to display.
+   */
+  static async show(e) {
+    return s.resolve(!1), await v(), s.emit(e), new Promise(
+      (t) => i.on(this.resolveEventKey, (o) => {
+        t(o);
+      })
+    );
+  }
+  /**
+   * Trigger a resolution of the show dialog promise.
+   *
+   * @param key boolean value to resolve the promise.
+   */
+  static resolve(e) {
+    i.emit(s.resolveEventKey, e);
+  }
+  /**
+   * Generate an event key so that all events are published on the correct topic.
+   * @returns The event key for sending a message on <a href="/utils/common/event/NeonEventBus">NeonEventBus</a>.
+   */
+  static generateEventKey() {
+    return `${i.messagePrefix}-dialog`;
+  }
+  static emit(e) {
+    const t = s.generateEventKey();
+    i.emit(t, e);
+  }
+};
+r(s, "resolveEventKey", `${i.messagePrefix}-dialog-resolve`), r(s, "defaultDialogMessage", {
+  open: !1,
+  title: "",
+  question: ""
+});
+let n = s;
+export {
+  n as NeonDialogService
+};
+//# sourceMappingURL=NeonDialogService.es.js.map

package/dist/utils/feedback/dialog/NeonDialogService.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonDialogService.es.js","sources":["../../../../src/utils/feedback/dialog/NeonDialogService.ts"],"sourcesContent":["import type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';\nimport { NeonEventBus } from '@/utils/common/event/NeonEventBus';\nimport { nextTick } from 'vue';\n\n/**\n * NeonDialogService is a service for invoking confirmation dialogs to the <strong>NeonAlert</strong> component for display to the\n * user\n */\nexport class NeonDialogService {\n  public static readonly resolveEventKey = `${NeonEventBus.messagePrefix}-dialog-resolve`;\n\n  public static readonly defaultDialogMessage: NeonDialogMessage = {\n    open: false,\n    title: '',\n    question: '',\n  };\n\n  /**\n   * Show a dialog message.\n   *\n   * @param dialog the dialog message to display.\n   */\n  public static async show(dialog: Omit<NeonDialogMessage, 'open'>): Promise<boolean> {\n    NeonDialogService.resolve(false);\n    await nextTick();\n    NeonDialogService.emit(dialog);\n    return new Promise((resolve) =>\n      NeonEventBus.on(this.resolveEventKey, (key: boolean) => {\n        resolve(key);\n      }),\n    );\n  }\n\n  /**\n   * Trigger a resolution of the show dialog promise.\n   *\n   * @param key boolean value to resolve the promise.\n   */\n  public static resolve(key: boolean) {\n    NeonEventBus.emit(NeonDialogService.resolveEventKey, key);\n  }\n\n  /**\n   * Generate an event key so that all events are published on the correct topic.\n   * @returns The event key for sending a message on <a href=\"/utils/common/event/NeonEventBus\">NeonEventBus</a>.\n   */\n  public static generateEventKey() {\n    return `${NeonEventBus.messagePrefix}-dialog`;\n  }\n\n  private static emit(message: NeonDialogMessage) {\n    const eventKey = NeonDialogService.generateEventKey();\n    NeonEventBus.emit(eventKey, message);\n  }\n}\n"],"names":["_NeonDialogService","dialog","nextTick","resolve","NeonEventBus","key","message","eventKey","__publicField","NeonDialogService"],"mappings":";;;;;AAQO,MAAMA,IAAN,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc7B,aAAoB,KAAKC,GAA2D;AAClF,WAAAD,EAAkB,QAAQ,EAAK,GAC/B,MAAME,EAAA,GACNF,EAAkB,KAAKC,CAAM,GACtB,IAAI;AAAA,MAAQ,CAACE,MAClBC,EAAa,GAAG,KAAK,iBAAiB,CAACC,MAAiB;AACtD,QAAAF,EAAQE,CAAG;AAAA,MACb,CAAC;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAc,QAAQA,GAAc;AAClC,IAAAD,EAAa,KAAKJ,EAAkB,iBAAiBK,CAAG;AAAA,EAC1D;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAc,mBAAmB;AAC/B,WAAO,GAAGD,EAAa,aAAa;AAAA,EACtC;AAAA,EAEA,OAAe,KAAKE,GAA4B;AAC9C,UAAMC,IAAWP,EAAkB,iBAAA;AACnC,IAAAI,EAAa,KAAKG,GAAUD,CAAO;AAAA,EACrC;AACF;AA7CEE,EADWR,GACY,mBAAkB,GAAGI,EAAa,aAAa,oBAEtEI,EAHWR,GAGY,wBAA0C;AAAA,EAC/D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA;AANP,IAAMS,IAANT;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "28.0.2",
+  "version": "28.1.0",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",

package/src/sass/components/_tree-menu.scss

@@ -20,9 +20,25 @@
         touch-action: none;
         outline: none;
       }
+    }
+
+    &--exact {
+      .neon-tree-menu__section-link,
+      .neon-tree-menu__item-link,
+      .neon-tree-menu__sub-menu-item-link {
+        &.neon-link--exact-active > span {
+          font-weight: var(--neon-font-weight-tree-menu-selected);
+        }
+      }
+    }
 
-      &.neon-link--active > span {
-        font-weight: var(--neon-font-weight-tree-menu-selected);
+    &--active {
+      .neon-tree-menu__section-link,
+      .neon-tree-menu__item-link,
+      .neon-tree-menu__sub-menu-item-link {
+        &.neon-link--active > span {
+          font-weight: var(--neon-font-weight-tree-menu-selected);
+        }
       }
     }
 
@@ -121,7 +137,7 @@
         .neon-tree-menu__section .neon-tree-menu__section-link,
         .neon-tree-menu__item .neon-tree-menu__item-link,
         .neon-tree-menu__sub-menu-item .neon-tree-menu__sub-menu-item-link {
-          &.neon-link--active {
+          &.neon-link--exact-active {
             @include svg.color-with-svg(var(--neon-color-#{$color}));
           }
 
@@ -137,6 +153,26 @@
             @include outline.focus-text-outline(var(--neon-rgb-#{$color}));
           }
         }
+
+        &.neon-tree-menu--exact {
+          .neon-tree-menu__section .neon-tree-menu__section-link,
+          .neon-tree-menu__item .neon-tree-menu__item-link,
+          .neon-tree-menu__sub-menu-item .neon-tree-menu__sub-menu-item-link {
+            &.neon-link--exact-active {
+              @include svg.color-with-svg(var(--neon-color-#{$color}));
+            }
+          }
+        }
+
+        &.neon-tree-menu--active {
+          .neon-tree-menu__section .neon-tree-menu__section-link,
+          .neon-tree-menu__item .neon-tree-menu__item-link,
+          .neon-tree-menu__sub-menu-item .neon-tree-menu__sub-menu-item-link {
+            &.neon-link--active {
+              @include svg.color-with-svg(var(--neon-color-#{$color}));
+            }
+          }
+        }
       }
     }
 

package/src/sass/includes/_dependencies.scss

@@ -5,7 +5,7 @@
   $neon-component-dependencies: (
           NeonActionMenu: [NeonLink,
           NeonIcon],
-          NeonAlert: [NeonToastContainer, NeonIcon, NeonLink],
+          NeonAlert: [NeonToastContainer, NeonIcon, NeonLink, NeonDialogContainer],
           NeonAnchor: [],
           NeonBadge: [NeonIcon, NeonFile, NeonButton, NeonInput, NeonList, NeonExpansionIndicator, NeonIcon, NeonLink],
           NeonButton: [NeonExpansionIndicator,
@@ -109,6 +109,13 @@
           NeonTab: [],
           NeonTabs: [NeonIcon, NeonSwiper, NeonLink],
           NeonToastContainer: [NeonIcon],
+          NeonDialogContainer: [NeonDialog, NeonButton,
+  NeonCard,
+  NeonCardBody,
+  NeonModal,
+  NeonExpansionIndicator,
+  NeonIcon,
+  NeonLink],
           NeonToggle: [NeonIcon],
           NeonToggleChip: [NeonIcon],
           NeonTooltip: [],