@aotearoan/neon 5.0.2 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@aotearoan/components/feedback/linear-progress/NeonLinearProgress.d.ts +60 -0
- package/dist/@aotearoan/components/feedback/linear-progress/NeonLinearProgress.spec.d.ts +1 -0
- package/dist/@aotearoan/components/user-input/input/NeonInput.d.ts +4 -0
- package/dist/@aotearoan/components.d.ts +2 -1
- package/dist/@aotearoan/neon.common.js +233 -66
- package/dist/@aotearoan/neon.umd.js +233 -66
- package/dist/@aotearoan/neon.umd.min.js +3 -3
- package/package.json +1 -1
- package/src/sass/_input.scss +9 -0
- package/src/sass/_linear-progress.scss +69 -0
- package/src/sass/_note.scss +4 -1
- package/src/sass/colors/_button.scss +2 -2
- package/src/sass/colors/_input.scss +4 -0
- package/src/sass/colors/_linear-progress.scss +37 -0
- package/src/sass/colors/_note.scss +4 -4
- package/src/sass/colors/_toggle-chip.scss +1 -1
- package/src/sass/colors/color-components.scss +6 -1
- package/src/sass/common.scss +7 -1
- package/themes/classic/dark.scss +3 -2
- package/themes/classic/light.scss +3 -2
- package/themes/classic/theme.scss +7 -2
- package/themes/sharp/dark.scss +3 -2
- package/themes/sharp/light.scss +3 -2
- package/themes/sharp/theme.scss +6 -1
- package/themes/smooth/dark.scss +3 -2
- package/themes/smooth/light.scss +3 -2
- package/themes/smooth/theme.scss +7 -2
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { Vue } from 'vue-property-decorator';
|
|
2
|
+
import { TranslateResult } from 'vue-i18n';
|
|
3
|
+
import { NeonFunctionalColor } from '../../../common/enums/NeonFunctionalColor';
|
|
4
|
+
import { NeonSize } from '../../../common/enums/NeonSize';
|
|
5
|
+
/**
|
|
6
|
+
* A component for displaying linear progress. The progress can be displayed as a percentage (default) or
|
|
7
|
+
* as a counter (x / y).
|
|
8
|
+
*/
|
|
9
|
+
export default class NeonLinearProgress extends Vue {
|
|
10
|
+
private static PROGRESS_ANIMATION_INTERVAL;
|
|
11
|
+
private calculatedValue;
|
|
12
|
+
/**
|
|
13
|
+
* If no total is provided (default) the current % completion is expressed as a %, e.g. 0.15 = 15%,
|
|
14
|
+
* In the case of a total being provided this is the count of items from the total, i.e. the 'x' in 'x / y '.
|
|
15
|
+
*/
|
|
16
|
+
value: number;
|
|
17
|
+
/**
|
|
18
|
+
* When the total is provided the display is 'x / y' where total is the 'y' in 'x / y'.
|
|
19
|
+
*/
|
|
20
|
+
total?: number;
|
|
21
|
+
/**
|
|
22
|
+
* A label to display above the progress bar
|
|
23
|
+
*/
|
|
24
|
+
label?: TranslateResult;
|
|
25
|
+
/**
|
|
26
|
+
* The progress bar color
|
|
27
|
+
*/
|
|
28
|
+
color: NeonFunctionalColor;
|
|
29
|
+
/**
|
|
30
|
+
* The alternate color for displaying the progress as a gradient
|
|
31
|
+
*/
|
|
32
|
+
alternateColor?: NeonFunctionalColor;
|
|
33
|
+
/**
|
|
34
|
+
* The component size, NeonSize.Small or NeonSize.Medium
|
|
35
|
+
*/
|
|
36
|
+
size: NeonSize;
|
|
37
|
+
/**
|
|
38
|
+
* Display the text output indicating the current state of progress
|
|
39
|
+
*/
|
|
40
|
+
output: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Display an icon on completion
|
|
43
|
+
*/
|
|
44
|
+
completedIcon?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Specify the icon color (default = alternate-color || color)
|
|
47
|
+
*/
|
|
48
|
+
completedIconColor?: NeonFunctionalColor;
|
|
49
|
+
/**
|
|
50
|
+
* The decimals to use for rounding
|
|
51
|
+
*/
|
|
52
|
+
decimals: number;
|
|
53
|
+
private calculateValue;
|
|
54
|
+
private incrementValue;
|
|
55
|
+
private get increment();
|
|
56
|
+
private get computedPercentage();
|
|
57
|
+
private get computedTotal();
|
|
58
|
+
private get completed();
|
|
59
|
+
private get computedOutput();
|
|
60
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -67,6 +67,10 @@ export default class NeonInput extends Vue {
|
|
|
67
67
|
* When the state is success or error, display the state icon.
|
|
68
68
|
*/
|
|
69
69
|
private stateIcon;
|
|
70
|
+
/**
|
|
71
|
+
* The character limit for a textarea.
|
|
72
|
+
*/
|
|
73
|
+
private maxlength?;
|
|
70
74
|
private focused;
|
|
71
75
|
get sanitizedAttributes(): Record<string, string>;
|
|
72
76
|
get sanitizedListeners(): Record<string, Function | Function[]>;
|
|
@@ -37,6 +37,7 @@ import NeonNotificationCounter from './components/feedback/notification-counter/
|
|
|
37
37
|
import NeonNumber from './components/user-input/number/NeonNumber.vue';
|
|
38
38
|
import NeonPage from './components/layout/page/NeonPage.vue';
|
|
39
39
|
import NeonPassword from './components/user-input/password/NeonPassword.vue';
|
|
40
|
+
import NeonLinearProgress from './components/feedback/linear-progress/NeonLinearProgress.vue';
|
|
40
41
|
import NeonRangeSlider from './components/user-input/range-slider/NeonRangeSlider.vue';
|
|
41
42
|
import NeonSideNav from './components/layout/side-nav/NeonSideNav.vue';
|
|
42
43
|
import NeonSearch from './components/user-input/search/NeonSearch.vue';
|
|
@@ -119,4 +120,4 @@ import { NeonVerticalPosition } from './common/enums/NeonVerticalPosition';
|
|
|
119
120
|
* register all components.
|
|
120
121
|
*/
|
|
121
122
|
declare function registerComponents(): void;
|
|
122
|
-
export { NeonActionMenu, NeonActionMenuModel, NeonAlert, NeonAlertAction, NeonAlertContainer, NeonAlertLevel, NeonAlertMessage, NeonAlertModel, NeonAlertPlacement, NeonAlertService, NeonAnchor, NeonAvailableSpace, NeonBadge, NeonButton, NeonButtonSize, NeonButtonStyle, NeonCard, NeonCardBody, NeonCardFooter, NeonCardHeader, NeonChip, NeonChipAction, NeonClipboardService, NeonClipboardSupport, NeonClosableUtils, NeonColor, NeonDateUtils, NeonDialog, NeonDrawer, NeonDropdown, NeonDropdownMenu, NeonDropdownMenuItem, NeonDropdownPlacement, NeonDropdownPlacementObject, NeonDropdownPlacementUtils, NeonDropdownStyle, NeonDropZone, NeonEventBus, NeonExpansionIndicator, NeonExpansionPanel, NeonFieldGroup, NeonFile, NeonFilterList, NeonFilterListItem, NeonFormattedDate, NeonFooter, NeonFunctionalColor, NeonGrid, NeonGridArea, NeonGridModel, NeonIcon, NeonInput, NeonInputIndicator, NeonInputMode, NeonInputType, NeonHorizontalPosition, NeonIconRegistry, NeonLabel, NeonLabelSize, NeonLink, NeonList, NeonListItem, NeonLogo, NeonMenu, NeonMenuItem, NeonMenuModel, NeonModal, NeonMode, NeonModeUtils, NeonNote, NeonNotificationCounter, NeonNumber, NeonNumberFormatOptions, NeonNumberUtils, NeonOrientation, NeonOutlineStyle, NeonPage, NeonPassword, NeonPlacement, NeonPlacementUtils, NeonPosition, NeonPriorityMenuItem, NeonRangeSlider, NeonResponsive, NeonResponsiveUtils, NeonScrollUtils, NeonSearch, NeonSearchOption, NeonSelect, NeonSelectGroup, NeonSelectOption, NeonSideNav, NeonSize, NeonSkeletonLoader, NeonSlider, NeonSplashLoader, NeonSplashLoaderSize, NeonState, NeonSwitch, NeonSwitchStyle, NeonTab, NeonTabModel, NeonTabs, NeonTheme, NeonToastMessage, NeonToastModel, NeonToastService, NeonToggle, NeonToggleChip, NeonToggleModel, NeonToggleStyle, NeonTooltip, NeonTooltipPlacementUtils, NeonTooltipStyle, NeonTopNav, NeonTreeMenu, NeonTreeMenuLinkModel, NeonTreeMenuSectionModel, NeonVerticalPosition, registerComponents, };
|
|
123
|
+
export { NeonActionMenu, NeonActionMenuModel, NeonAlert, NeonAlertAction, NeonAlertContainer, NeonAlertLevel, NeonAlertMessage, NeonAlertModel, NeonAlertPlacement, NeonAlertService, NeonAnchor, NeonAvailableSpace, NeonBadge, NeonButton, NeonButtonSize, NeonButtonStyle, NeonCard, NeonCardBody, NeonCardFooter, NeonCardHeader, NeonChip, NeonChipAction, NeonClipboardService, NeonClipboardSupport, NeonClosableUtils, NeonColor, NeonDateUtils, NeonDialog, NeonDrawer, NeonDropdown, NeonDropdownMenu, NeonDropdownMenuItem, NeonDropdownPlacement, NeonDropdownPlacementObject, NeonDropdownPlacementUtils, NeonDropdownStyle, NeonDropZone, NeonEventBus, NeonExpansionIndicator, NeonExpansionPanel, NeonFieldGroup, NeonFile, NeonFilterList, NeonFilterListItem, NeonFormattedDate, NeonFooter, NeonFunctionalColor, NeonGrid, NeonGridArea, NeonGridModel, NeonIcon, NeonInput, NeonInputIndicator, NeonInputMode, NeonInputType, NeonHorizontalPosition, NeonIconRegistry, NeonLabel, NeonLabelSize, NeonLinearProgress, NeonLink, NeonList, NeonListItem, NeonLogo, NeonMenu, NeonMenuItem, NeonMenuModel, NeonModal, NeonMode, NeonModeUtils, NeonNote, NeonNotificationCounter, NeonNumber, NeonNumberFormatOptions, NeonNumberUtils, NeonOrientation, NeonOutlineStyle, NeonPage, NeonPassword, NeonPlacement, NeonPlacementUtils, NeonPosition, NeonPriorityMenuItem, NeonRangeSlider, NeonResponsive, NeonResponsiveUtils, NeonScrollUtils, NeonSearch, NeonSearchOption, NeonSelect, NeonSelectGroup, NeonSelectOption, NeonSideNav, NeonSize, NeonSkeletonLoader, NeonSlider, NeonSplashLoader, NeonSplashLoaderSize, NeonState, NeonSwitch, NeonSwitchStyle, NeonTab, NeonTabModel, NeonTabs, NeonTheme, NeonToastMessage, NeonToastModel, NeonToastService, NeonToggle, NeonToggleChip, NeonToggleModel, NeonToggleStyle, NeonTooltip, NeonTooltipPlacementUtils, NeonTooltipStyle, NeonTopNav, NeonTreeMenu, NeonTreeMenuLinkModel, NeonTreeMenuSectionModel, NeonVerticalPosition, registerComponents, };
|