@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.
@@ -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
+ }
@@ -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, };