@aotearoan/neon 9.2.0 → 9.2.1

package/dist/components/layout/side-nav/NeonSideNav.d.ts

@@ -1,26 +0,0 @@
-/**
- * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at
- * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A
- * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for
- * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * If true, removes the side nav component's padding.
-     */
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * If true, removes the side nav component's padding.
-     */
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    fullWidth: boolean;
-}>;
-export default _default;

package/dist/components/layout/side-nav/NeonSideNav.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonSideNav.js';
-export { default } from './NeonSideNav.js';

package/dist/components/layout/top-nav/NeonTopNav.d.ts

@@ -1,6 +0,0 @@
-/**
- * Top navigation component. This is a fixed container at the top of the page for displaying the site logo, menus, user
- * login and other important actions which need to be visible at all times.
- */
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/layout/top-nav/NeonTopNav.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonTopNav.js';
-export { default } from './NeonTopNav.js';

package/dist/components/navigation/action-menu/NeonActionMenu.d.ts

@@ -1,57 +0,0 @@
-import type { NeonActionMenuModel } from '@/common/models/NeonActionMenuModel';
-import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
-/**
- * An action menu is designed for the NeonSideNav component and is designed to behave like tabs where selecting a different item switches the contents in the main page.
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The list of action items to display in the menu.
-     */
-    model: {
-        type: () => Array<NeonActionMenuModel>;
-        required: true;
-    };
-    /**
-     * The key of the selected model action item.
-     */
-    modelValue: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The toggle chip color.
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: NeonFunctionalColor;
-    };
-}, {
-    onClick: (key: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The list of action items to display in the menu.
-     */
-    model: {
-        type: () => Array<NeonActionMenuModel>;
-        required: true;
-    };
-    /**
-     * The key of the selected model action item.
-     */
-    modelValue: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The toggle chip color.
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: NeonFunctionalColor;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    color: NeonFunctionalColor;
-}>;
-export default _default;

package/dist/components/navigation/action-menu/NeonActionMenu.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonActionMenu.js';
-export { default } from './NeonActionMenu.js';

package/dist/components/navigation/anchor/NeonAnchor.d.ts

@@ -1,23 +0,0 @@
-/**
- * An HTML anchor component. This component is offset by the top nav (at all responsive breakpoints) which means
- * fragments will scroll to the correct position offset by the top nav. Just place NeonAnchor directly inside a
- * positioned element you want to create a fragment for and give it the correct id.
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The id of the anchor, this should correspond to the URL fragment name.
-     */
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The id of the anchor, this should correspond to the URL fragment name.
-     */
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-}>>, {}>;
-export default _default;

package/dist/components/navigation/anchor/NeonAnchor.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonAnchor.js';
-export { default } from './NeonAnchor.js';

package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts

@@ -1,109 +0,0 @@
-import type { NeonDropdownMenuItem } from '@/common/models/NeonDropdownMenuItem';
-import { NeonSize } from '@/common/enums/NeonSize';
-import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
-import { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';
-/**
- * <p>A dropdown menu consisting of a button to open the menu and a list of menu items. Clicking on a menu item will
- * result in navigating to the provided URL or notifying the parent component via the @click event.</p>
- * <p><strong>Note:</strong> As well as the options described below, pass through attributes supported by
- * <a href="/presentation/dropdown">NeonDropdown</a> to change the style of the dropdown button.</p>
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * A list of menu items to render in the dropdown menu.
-     */
-    model: {
-        type: () => Array<NeonDropdownMenuItem>;
-        required: true;
-    };
-    /**
-     * The size of the dropdown - Small, Medium or Large.
-     */
-    size: {
-        type: () => NeonSize;
-        default: NeonSize;
-    };
-    /**
-     * The dropdown color.
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: NeonFunctionalColor;
-    };
-    /**
-     * Whether the dropdown button is disabled or not.
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Instead of opening on click (default), open on hover.
-     */
-    openOnHover: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    dropdown: import("vue").Ref<HTMLElement | null>;
-    items: import("vue").Ref<HTMLLIElement[]>;
-    open: import("vue").Ref<boolean>;
-    highlightedKey: import("vue").Ref<string | null>;
-    highlightedIndex: import("vue").Ref<number>;
-    attrs: {
-        [x: string]: unknown;
-    };
-    emit: (event: "click" | "button-ref", ...args: any[]) => void;
-    changeHighlighted: (key: string) => void;
-    keyboardHandler: ($event: KeyboardEvent) => void;
-    onBlur: () => void;
-    onFocus: () => void;
-    clickItem: (item: NeonDropdownMenuItem) => void;
-    navigateBy: (offset: number, $event: KeyboardEvent) => void;
-    onPlacement: (placement: NeonDropdownPlacement) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "button-ref")[], "click" | "button-ref", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * A list of menu items to render in the dropdown menu.
-     */
-    model: {
-        type: () => Array<NeonDropdownMenuItem>;
-        required: true;
-    };
-    /**
-     * The size of the dropdown - Small, Medium or Large.
-     */
-    size: {
-        type: () => NeonSize;
-        default: NeonSize;
-    };
-    /**
-     * The dropdown color.
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: NeonFunctionalColor;
-    };
-    /**
-     * Whether the dropdown button is disabled or not.
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Instead of opening on click (default), open on hover.
-     */
-    openOnHover: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    "onButton-ref"?: ((...args: any[]) => any) | undefined;
-}, {
-    color: NeonFunctionalColor;
-    disabled: boolean;
-    size: NeonSize;
-    openOnHover: boolean;
-}>;
-export default _default;

package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonDropdownMenu.js';
-export { default } from './NeonDropdownMenu.js';

package/dist/components/navigation/link/NeonLink.d.ts

@@ -1,81 +0,0 @@
-import { NeonOutlineStyle } from '@/common/enums/NeonOutlineStyle';
-/**
- * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The href of the link, this can be an internal (relative or absolute) or an external link.
-     */
-    href: {
-        type: StringConstructor;
-        default: null;
-    };
-    /**
-     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.
-     */
-    noStyle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Style of the outline to use when the link has focus, use <em>text</em> for wrapping text content and
-     * <em>border</em> for tooltips wrapping "block" elements, e.g. buttons.
-     */
-    outlineStyle: {
-        type: () => NeonOutlineStyle;
-        default: NeonOutlineStyle;
-    };
-    /**
-     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.
-     */
-    externalIndicator: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    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;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The href of the link, this can be an internal (relative or absolute) or an external link.
-     */
-    href: {
-        type: StringConstructor;
-        default: null;
-    };
-    /**
-     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.
-     */
-    noStyle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Style of the outline to use when the link has focus, use <em>text</em> for wrapping text content and
-     * <em>border</em> for tooltips wrapping "block" elements, e.g. buttons.
-     */
-    outlineStyle: {
-        type: () => NeonOutlineStyle;
-        default: NeonOutlineStyle;
-    };
-    /**
-     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.
-     */
-    externalIndicator: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-}, {
-    href: string;
-    noStyle: boolean;
-    outlineStyle: NeonOutlineStyle;
-    externalIndicator: boolean;
-}>;
-export default _default;

package/dist/components/navigation/link/NeonLink.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonLink.js';
-export { default } from './NeonLink.js';

package/dist/components/navigation/menu/NeonMenu.d.ts

@@ -1,107 +0,0 @@
-import type { NeonMenuModel } from '@/common/models/NeonMenuModel';
-import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
-import { NeonSize } from '@/common/enums/NeonSize';
-/**
- * <p>
- *   <strong>NeonMenu</strong> is a responsive aware menu that progressively collapses options into the mobile menu as
- *   the screen size gets smaller. This is a more flexible option than moving directly to a hamburger menu at tablet and
- *   below. It is a best effort approach to keep displaying the most important menu items for as long as possible,
- *   giving the user a better experience.
- * </p>
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The menu configuration. This can have two levels, i.e. a top level horizontal menu and, if required, a dropdown
-     * menu containing the second level. The highlighted 'active' menu is determined by the current Vue route.
-     */
-    menu: {
-        type: () => Array<NeonMenuModel>;
-        required: true;
-    };
-    /**
-     * The menu highlight color (excludes low-contrast and neutral).
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: NeonFunctionalColor;
-    };
-    /**
-     * The menu size.
-     */
-    size: {
-        type: () => NeonSize;
-        default: NeonSize;
-    };
-    /**
-     * Whether to enable the priority menu which automatically calculates the available screen space and displays
-     * as many of the menu items as possible, moving the remaining items into the overflow menu.
-     */
-    priorityMenuEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    menuWrapper: import("vue").Ref<HTMLElement | null>;
-    menuItem: import("vue").Ref<HTMLElement[] | null>;
-    menuItems: import("vue").Ref<{
-        element: HTMLElement;
-        width: number;
-        key: string;
-    }[]>;
-    responsiveButton: import("vue").Ref<HTMLElement | null>;
-    responsiveMenuItems: import("vue").Ref<{
-        children?: {
-            key: string;
-            label: string;
-            href?: string | undefined;
-            icon?: string | undefined;
-            disabled?: boolean | undefined;
-        }[] | undefined;
-        key: string;
-        label: string;
-        href?: string | undefined;
-        icon?: string | undefined;
-        disabled?: boolean | undefined;
-    }[]>;
-    visible: import("vue").Ref<string[]>;
-    onClick: (key: string) => void;
-    routeMatches: (path: string) => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The menu configuration. This can have two levels, i.e. a top level horizontal menu and, if required, a dropdown
-     * menu containing the second level. The highlighted 'active' menu is determined by the current Vue route.
-     */
-    menu: {
-        type: () => Array<NeonMenuModel>;
-        required: true;
-    };
-    /**
-     * The menu highlight color (excludes low-contrast and neutral).
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: NeonFunctionalColor;
-    };
-    /**
-     * The menu size.
-     */
-    size: {
-        type: () => NeonSize;
-        default: NeonSize;
-    };
-    /**
-     * Whether to enable the priority menu which automatically calculates the available screen space and displays
-     * as many of the menu items as possible, moving the remaining items into the overflow menu.
-     */
-    priorityMenuEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-}, {
-    color: NeonFunctionalColor;
-    size: NeonSize;
-    priorityMenuEnabled: boolean;
-}>;
-export default _default;

package/dist/components/navigation/menu/NeonMenu.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonMenu.js';
-export { default } from './NeonMenu.js';

package/dist/components/navigation/menu/NeonPriorityMenuItem.d.ts

@@ -1,5 +0,0 @@
-export interface NeonPriorityMenuItem {
-    element: HTMLElement;
-    width: number;
-    key: string;
-}

package/dist/components/navigation/stepper/NeonStepper.d.ts

@@ -1,74 +0,0 @@
-import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
-/**
- * A stepper component for assisting users in navigating through complex flows.
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * An ordered list of the step names, these values are used for display purposes.
-     */
-    steps: {
-        type: () => Array<string>;
-        required: true;
-    };
-    /**
-     * The index of the highest completed step (regardless of the current step the user has selected).
-     * This is used to display the completed steps to the user.
-     */
-    completedIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * The index of the step that is currently selected.
-     */
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * The color of the Stepper component.
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: NeonFunctionalColor;
-    };
-}, {
-    emit: (event: "update:modelValue", ...args: any[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * An ordered list of the step names, these values are used for display purposes.
-     */
-    steps: {
-        type: () => Array<string>;
-        required: true;
-    };
-    /**
-     * The index of the highest completed step (regardless of the current step the user has selected).
-     * This is used to display the completed steps to the user.
-     */
-    completedIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * The index of the step that is currently selected.
-     */
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * The color of the Stepper component.
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: NeonFunctionalColor;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    color: NeonFunctionalColor;
-    modelValue: number;
-    completedIndex: number;
-}>;
-export default _default;

package/dist/components/navigation/stepper/NeonStepper.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonStepper.js';
-export { default } from './NeonStepper.js';

package/dist/components/navigation/tree-menu/NeonTreeMenu.d.ts

@@ -1,47 +0,0 @@
-import type { NeonTreeMenuSectionModel } from '@/common/models/NeonTreeMenuSectionModel';
-/**
- * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the
- * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level
- * is the fragments on that page.
- */
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The tree model defining the menu.
-     */
-    model: {
-        type: () => Array<NeonTreeMenuSectionModel>;
-        required: true;
-    };
-    /**
-     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).
-     */
-    expandAll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    url: import("vue").Ref<string | null>;
-    click: ($event: KeyboardEvent) => void;
-    onClick: (key: string) => void;
-    fragment: (anchor: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The tree model defining the menu.
-     */
-    model: {
-        type: () => Array<NeonTreeMenuSectionModel>;
-        required: true;
-    };
-    /**
-     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).
-     */
-    expandAll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-}, {
-    expandAll: boolean;
-}>;
-export default _default;

package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonTreeMenu.js';
-export { default } from './NeonTreeMenu.js';