@mezzanine-ui/core 0.7.0 → 0.7.1

package/message/_message-styles.scss

@@ -7,9 +7,9 @@
 
 $height: 40px !default;
 $padding-left: 12px !default;
-$padding-right: 24px !default;
+$padding-right: 12px !default;
+$content-padding: 12px !default;
 $icon-size: 24px !default;
-$icon-gap: 12px !default;
 
 .#{$prefix} {
   display: flex;
@@ -28,12 +28,13 @@ $icon-gap: 12px !default;
   &__icon {
     color: var(--#{$prefix}-color);
     font-size: typography.px-to-rem($icon-size);
-    margin-right: $icon-gap;
   }
 
   &__content {
     @include typography.variant(body1);
     @include typography.overflow-ellipsis();
+
+    padding: 0 $content-padding;
   }
 
   @each $severity in $severities {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/core",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Core for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {

package/slider/index.js

@@ -1 +1 @@
-export { findClosetValueIndex, getPercentage, getSliderRect, getValueFromClientX, isRangeSlider, roundToStep, sliderClasses, sliderHandlerPrefix, sliderPrefix, sortSliderValue, toSliderCssVars } from './slider.js';
+export { findClosetValueIndex, fixRangeSliderValue, fixSingleSliderValue, getPercentage, getPrecision, getSliderRect, getValueFromClientX, isRangeSlider, roundToStep, sliderClasses, sliderHandlerPrefix, sliderPrefix, sortSliderValue, toSliderCssVars } from './slider.js';

package/slider/slider.d.ts

@@ -53,5 +53,8 @@ export declare function sortSliderValue(value: RangeSliderValue): RangeSliderVal
 export declare function getSliderRect(element: HTMLDivElement): SliderRect;
 export declare function getValueFromClientX(clientX: number, trackDims: SliderRect, min: number, max: number): number;
 export declare function getPercentage(value: number, min: number, max: number): number;
+export declare function getPrecision(step: number): number;
+export declare function fixSingleSliderValue(value: SingleSliderValue, min: number, max: number): SingleSliderValue;
+export declare function fixRangeSliderValue(value: RangeSliderValue, min: number, max: number): RangeSliderValue;
 export declare function roundToStep(value: number, step: number, min: number, max: number): number;
 export declare function findClosetValueIndex(value: SliderValue, newValue: number): number;

package/slider/slider.js

@@ -67,8 +67,42 @@ function getValueFromClientX(clientX, trackDims, min, max) {
     return value + min;
 }
 function getPercentage(value, min, max) {
+    if (min > max)
+        return 0;
     return Math.max(0, Math.min(100, (value / Math.abs(max - min)) * 100));
 }
+function getPrecision(step) {
+    const stepString = step.toString();
+    let precision = 0;
+    if (stepString.indexOf('.') >= 0) {
+        precision = stepString.length - stepString.indexOf('.') - 1;
+    }
+    return precision;
+}
+function fixSingleSliderValue(value, min, max) {
+    if (value < min) {
+        return min;
+    }
+    if (value > max) {
+        return max;
+    }
+    return value;
+}
+function fixRangeSliderValue(value, min, max) {
+    if (value[0] > max && value[1] > max) {
+        return [max, max];
+    }
+    if (value[0] < min && value[1] < min) {
+        return [min, min];
+    }
+    if (value[0] < min) {
+        return [min, value[1]];
+    }
+    if (value[1] > max) {
+        return [value[0], max];
+    }
+    return value;
+}
 function roundToStep(value, step, min, max) {
     let left = min;
     let right = max;
@@ -77,9 +111,9 @@ function roundToStep(value, step, min, max) {
     }
     right = Math.min(left + step, max);
     if (value - left < right - value) {
-        return left;
+        return parseFloat(left.toFixed(getPrecision(step)));
     }
-    return right;
+    return parseFloat(right.toFixed(getPrecision(step)));
 }
 function findClosetValueIndex(value, newValue) {
     if (!isRangeSlider(value))
@@ -88,4 +122,4 @@ function findClosetValueIndex(value, newValue) {
     return value.findIndex((element) => element === closetValue);
 }
 
-export { findClosetValueIndex, getPercentage, getSliderRect, getValueFromClientX, isRangeSlider, roundToStep, sliderClasses, sliderHandlerPrefix, sliderPrefix, sortSliderValue, toSliderCssVars };
+export { findClosetValueIndex, fixRangeSliderValue, fixSingleSliderValue, getPercentage, getPrecision, getSliderRect, getValueFromClientX, isRangeSlider, roundToStep, sliderClasses, sliderHandlerPrefix, sliderPrefix, sortSliderValue, toSliderCssVars };