@aotearoan/neon 9.2.9 → 9.3.0

package/dist/src/components/user-input/list/NeonList.d.ts

@@ -0,0 +1,76 @@
+import { NeonSize } from '@/common/enums/NeonSize';
+import type { NeonListItem } from '@/common/models/NeonListItem';
+import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
+/**
+ * Renders a list of removable items. This can be used as an alternative to removable chips where a vertical list is
+ * more appropriate.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The list items.
+     */
+    modelValue: {
+        type: () => Array<NeonListItem>;
+        required: true;
+    };
+    /**
+     * The file component size
+     */
+    size: {
+        type: () => NeonSize;
+        default: NeonSize;
+    };
+    /**
+     * The file component color
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * The disabled state of the component
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    remove: (key: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close")[], "update:modelValue" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The list items.
+     */
+    modelValue: {
+        type: () => Array<NeonListItem>;
+        required: true;
+    };
+    /**
+     * The file component size
+     */
+    size: {
+        type: () => NeonSize;
+        default: NeonSize;
+    };
+    /**
+     * The file component color
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * The disabled state of the component
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    color: NeonFunctionalColor;
+    disabled: boolean;
+    size: NeonSize;
+}>;
+export default _default;

package/dist/src/components/user-input/list/NeonList.vue.d.ts

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

package/dist/src/components/user-input/number/NeonNumber.d.ts

@@ -0,0 +1,285 @@
+import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
+import { NeonSize } from '@/common/enums/NeonSize';
+import { NeonInputMode } from '@/common/enums/NeonInputMode';
+/**
+ * <p>
+ *   The <strong>NeonNumber</strong> component is the equivalent of an <strong>&lt;input type="number" /&gt;</strong>
+ *   with -/+ spin buttons. In addition, it supports formatting as a percentage or with a provided custom template and
+ *   also pasting of values in the user's locale, e.g. 6,543.12.
+ * </p>
+ * <p><strong>NeonNumber</strong> supports all the properties found on an HTML &lt;input&gt;.</p>
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The value of the number input. Either a valid number or null.
+     */
+    modelValue: {
+        type: NumberConstructor;
+        default: null;
+    };
+    /**
+     * The minimum value the input can accept.
+     */
+    min: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * The maximum value the input can accept.
+     */
+    max: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * The step value for the spin buttons.
+     */
+    step: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * The component color.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * The component size.
+     */
+    size: {
+        type: () => NeonSize;
+        default: NeonSize;
+    };
+    /**
+     * The locale used for display purposes. This defaults to the browser's locale if none is provided.
+     */
+    locale: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Placeholder text to display in the input
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Whether the component is disabled.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable/disable direct editing of the value.
+     */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.
+     */
+    spinButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.
+     */
+    percentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The rounding precision for display formatting.
+     */
+    decimals: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * A template string used for formatting the value for display. Use the placeholder {value} to reference the value in
+     * the template string. e.g. value = 90, ${value} => $90.
+     */
+    valueTemplate: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The HTML inputmode of the component. Either 'numeric' or 'decimal'.
+     */
+    inputmode: {
+        type: () => NeonInputMode;
+        default: NeonInputMode;
+    };
+    /**
+     * ARIA label for the increment spinner button.
+     */
+    incrementLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * ARIA label for the decrement spinner button.
+     */
+    decrementLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    focus: import("vue").Ref<boolean>;
+    sanitizedAttributes: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
+    computedDecimals: import("vue").ComputedRef<number | undefined>;
+    computedRawDecimals: import("vue").ComputedRef<number | undefined>;
+    computedValue: import("vue").ComputedRef<number>;
+    computedStep: import("vue").ComputedRef<number>;
+    displayValue: import("vue").ComputedRef<string | number>;
+    valueChanged: (value: string) => void;
+    increment: () => void;
+    decrement: () => void;
+    onFocus: () => boolean;
+    onBlur: () => boolean;
+}, 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 value of the number input. Either a valid number or null.
+     */
+    modelValue: {
+        type: NumberConstructor;
+        default: null;
+    };
+    /**
+     * The minimum value the input can accept.
+     */
+    min: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * The maximum value the input can accept.
+     */
+    max: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * The step value for the spin buttons.
+     */
+    step: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * The component color.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * The component size.
+     */
+    size: {
+        type: () => NeonSize;
+        default: NeonSize;
+    };
+    /**
+     * The locale used for display purposes. This defaults to the browser's locale if none is provided.
+     */
+    locale: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Placeholder text to display in the input
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Whether the component is disabled.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable/disable direct editing of the value.
+     */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.
+     */
+    spinButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.
+     */
+    percentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The rounding precision for display formatting.
+     */
+    decimals: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * A template string used for formatting the value for display. Use the placeholder {value} to reference the value in
+     * the template string. e.g. value = 90, ${value} => $90.
+     */
+    valueTemplate: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The HTML inputmode of the component. Either 'numeric' or 'decimal'.
+     */
+    inputmode: {
+        type: () => NeonInputMode;
+        default: NeonInputMode;
+    };
+    /**
+     * ARIA label for the increment spinner button.
+     */
+    incrementLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * ARIA label for the decrement spinner button.
+     */
+    decrementLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    color: NeonFunctionalColor;
+    disabled: boolean;
+    modelValue: number;
+    size: NeonSize;
+    placeholder: string;
+    locale: string;
+    percentage: boolean;
+    editable: boolean;
+    spinButtons: boolean;
+    inputmode: NeonInputMode;
+    incrementLabel: string;
+    decrementLabel: string;
+}>;
+export default _default;

package/dist/src/components/user-input/number/NeonNumber.vue.d.ts

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

package/dist/src/components/user-input/password/NeonPassword.d.ts

@@ -0,0 +1,17 @@
+/**
+ * <p>The <strong>NeonPassword</strong> component is the equivalent of an
+ * <strong>&lt;input type="password" /&gt;</strong>. It supports the same properties as
+ * <a href="/user-input/input"><strong>NeonInput</strong></a> with the exception of the icon which is used to toggle the
+ * display of the password.
+ * </p>
+ */
+declare const _default: import("vue").DefineComponent<{}, {
+    show: import("vue").Ref<boolean>;
+    sanitizedAttributes: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
+    iconClicked: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "icon-click"[], "icon-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onIcon-click"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/dist/src/components/user-input/password/NeonPassword.vue.d.ts

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

package/dist/src/components/user-input/range-slider/NeonRangeSlider.d.ts

@@ -0,0 +1,269 @@
+import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
+/**
+ *
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * This is the <em>v-model</em> property which is an array containing the lower and upper bounds of the selected range.
+     */
+    modelValue: {
+        type: () => Array<number>;
+        required: true;
+    };
+    /**
+     * The list of ids for the lower bound and upper bound inputs, e.g. ['lowerBoundId', 'upperBoundId']
+     */
+    ids: {
+        type: () => Array<string>;
+        required: false;
+    };
+    /**
+     * Slider color.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * Disable output display if set to false
+     */
+    output: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Disable legend if set to false
+     */
+    legend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Disable tooltip if set to false
+     */
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The size of steps between values the user can select. Defaults to 1 unless percentage = true in which case it will
+     * default to 0.01.
+     */
+    step: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * The rounding precision for display purposes
+     */
+    decimals: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * A format template string used for display purposes. Use the placeholder {value} to reference the value in the
+     * format string. e.g. value = 90, ${value} => $90
+     */
+    valueTemplate: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Disable formatting, e.g. in the case of a year value -> display as 2020, not 2,020.
+     */
+    disableFormatting: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%
+     */
+    percentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The locale used for display purposes. This defaults to the browser's locale if none is provided.
+     */
+    locale: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * The minimum range value
+     */
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * The maximum range value. The default value is 100 except when percentage = true the default is 1 (100%).
+     */
+    max: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * Component disabled state.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * ARIA label for the lower bound slider.
+     */
+    lowerBoundLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * ARIA label for the upper bound slider.
+     */
+    upperBoundLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    formattedValues: import("vue").ComputedRef<string[]>;
+    changeLowerBound: (value: number) => void;
+    changeUpperBound: (value: number) => void;
+    emitValues: (values: number[]) => 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<{
+    /**
+     * This is the <em>v-model</em> property which is an array containing the lower and upper bounds of the selected range.
+     */
+    modelValue: {
+        type: () => Array<number>;
+        required: true;
+    };
+    /**
+     * The list of ids for the lower bound and upper bound inputs, e.g. ['lowerBoundId', 'upperBoundId']
+     */
+    ids: {
+        type: () => Array<string>;
+        required: false;
+    };
+    /**
+     * Slider color.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * Disable output display if set to false
+     */
+    output: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Disable legend if set to false
+     */
+    legend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Disable tooltip if set to false
+     */
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The size of steps between values the user can select. Defaults to 1 unless percentage = true in which case it will
+     * default to 0.01.
+     */
+    step: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * The rounding precision for display purposes
+     */
+    decimals: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * A format template string used for display purposes. Use the placeholder {value} to reference the value in the
+     * format string. e.g. value = 90, ${value} => $90
+     */
+    valueTemplate: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Disable formatting, e.g. in the case of a year value -> display as 2020, not 2,020.
+     */
+    disableFormatting: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%
+     */
+    percentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The locale used for display purposes. This defaults to the browser's locale if none is provided.
+     */
+    locale: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * The minimum range value
+     */
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * The maximum range value. The default value is 100 except when percentage = true the default is 1 (100%).
+     */
+    max: {
+        type: NumberConstructor;
+        required: false;
+    };
+    /**
+     * Component disabled state.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * ARIA label for the lower bound slider.
+     */
+    lowerBoundLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * ARIA label for the upper bound slider.
+     */
+    upperBoundLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    legend: boolean;
+    output: boolean;
+    color: NeonFunctionalColor;
+    tooltip: boolean;
+    disabled: boolean;
+    locale: string;
+    min: number;
+    percentage: boolean;
+    disableFormatting: boolean;
+    lowerBoundLabel: string;
+    upperBoundLabel: string;
+}>;
+export default _default;

package/dist/src/components/user-input/range-slider/NeonRangeSlider.vue.d.ts

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