@mezzanine-ui/core 0.13.10 → 0.13.12

package/slider/slider.js

@@ -1,125 +1,125 @@
-/** Classes */
-const sliderPrefix = 'mzn-slider';
-const sliderHandlerPrefix = `${sliderPrefix}__handler`;
-const sliderClasses = {
-    /**
-     * Base
-     */
-    host: sliderPrefix,
-    disabled: `${sliderPrefix}--disabled`,
-    /**
-     * Input
-     */
-    input: `${sliderPrefix}__input`,
-    /**
-     * Controls
-     */
-    controls: `${sliderPrefix}__controls`,
-    /**
-     * Rail
-     */
-    rail: `${sliderPrefix}__rail`,
-    /**
-     * Track
-     */
-    track: `${sliderPrefix}__track`,
-    /**
-     * Handler
-     */
-    handler: sliderHandlerPrefix,
-    handlerActive: `${sliderHandlerPrefix}--active`,
-    handlerPosition: `${sliderHandlerPrefix}__position`,
-    handlerStartPosition: `${sliderHandlerPrefix}__position--start`,
-    handlerEndPosition: `${sliderHandlerPrefix}__position--end`,
-};
-/** Methods */
-function toSliderCssVars(variables) {
-    const { trackWidth, trackPosition, handlerPosition, handlerStartPosition, handlerEndPosition, } = variables;
-    return {
-        [`--${sliderPrefix}-track-width`]: `${trackWidth}%`,
-        [`--${sliderPrefix}-track-position`]: `${trackPosition}%`,
-        [`--${sliderPrefix}-handler-position`]: `${handlerPosition}%`,
-        [`--${sliderPrefix}-handler-start-position`]: `${handlerStartPosition}%`,
-        [`--${sliderPrefix}-handler-end-position`]: `${handlerEndPosition}%`,
-    };
-}
-function isRangeSlider(value) {
-    return Array.isArray(value);
-}
-function sortSliderValue(value) {
-    if (typeof value !== 'object') {
-        throw Error('should provide `RangeSliderValue` to `sortSliderValue` method');
-    }
-    return value[1] > value[0] ? [value[0], value[1]] : [value[1], value[0]];
-}
-// methods for computing handle and track position
-function getSliderRect(element) {
-    const rect = element.getBoundingClientRect();
-    return {
-        left: Math.ceil(rect.left),
-        width: Math.ceil(rect.width),
-    };
-}
-function getValueFromClientX(clientX, trackDims, min, max) {
-    const { left, width } = trackDims;
-    const percentageValue = (clientX - left) / width;
-    const value = (max - min) * percentageValue;
-    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;
-    while (left < value && left + step < value) {
-        left += step;
-    }
-    right = Math.min(left + step, max);
-    if (value - left < right - value) {
-        return parseFloat(left.toFixed(getPrecision(step)));
-    }
-    return parseFloat(right.toFixed(getPrecision(step)));
-}
-function findClosetValueIndex(value, newValue) {
-    if (!isRangeSlider(value))
-        return -1;
-    const [closetValue] = [...value].sort((a, b) => Math.abs(newValue - a) - Math.abs(newValue - b));
-    return value.findIndex((element) => element === closetValue);
+/** Classes */
+const sliderPrefix = 'mzn-slider';
+const sliderHandlerPrefix = `${sliderPrefix}__handler`;
+const sliderClasses = {
+    /**
+     * Base
+     */
+    host: sliderPrefix,
+    disabled: `${sliderPrefix}--disabled`,
+    /**
+     * Input
+     */
+    input: `${sliderPrefix}__input`,
+    /**
+     * Controls
+     */
+    controls: `${sliderPrefix}__controls`,
+    /**
+     * Rail
+     */
+    rail: `${sliderPrefix}__rail`,
+    /**
+     * Track
+     */
+    track: `${sliderPrefix}__track`,
+    /**
+     * Handler
+     */
+    handler: sliderHandlerPrefix,
+    handlerActive: `${sliderHandlerPrefix}--active`,
+    handlerPosition: `${sliderHandlerPrefix}__position`,
+    handlerStartPosition: `${sliderHandlerPrefix}__position--start`,
+    handlerEndPosition: `${sliderHandlerPrefix}__position--end`,
+};
+/** Methods */
+function toSliderCssVars(variables) {
+    const { trackWidth, trackPosition, handlerPosition, handlerStartPosition, handlerEndPosition, } = variables;
+    return {
+        [`--${sliderPrefix}-track-width`]: `${trackWidth}%`,
+        [`--${sliderPrefix}-track-position`]: `${trackPosition}%`,
+        [`--${sliderPrefix}-handler-position`]: `${handlerPosition}%`,
+        [`--${sliderPrefix}-handler-start-position`]: `${handlerStartPosition}%`,
+        [`--${sliderPrefix}-handler-end-position`]: `${handlerEndPosition}%`,
+    };
+}
+function isRangeSlider(value) {
+    return Array.isArray(value);
+}
+function sortSliderValue(value) {
+    if (typeof value !== 'object') {
+        throw Error('should provide `RangeSliderValue` to `sortSliderValue` method');
+    }
+    return value[1] > value[0] ? [value[0], value[1]] : [value[1], value[0]];
+}
+// methods for computing handle and track position
+function getSliderRect(element) {
+    const rect = element.getBoundingClientRect();
+    return {
+        left: Math.ceil(rect.left),
+        width: Math.ceil(rect.width),
+    };
+}
+function getValueFromClientX(clientX, trackDims, min, max) {
+    const { left, width } = trackDims;
+    const percentageValue = (clientX - left) / width;
+    const value = (max - min) * percentageValue;
+    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;
+    while (left < value && left + step < value) {
+        left += step;
+    }
+    right = Math.min(left + step, max);
+    if (value - left < right - value) {
+        return parseFloat(left.toFixed(getPrecision(step)));
+    }
+    return parseFloat(right.toFixed(getPrecision(step)));
+}
+function findClosetValueIndex(value, newValue) {
+    if (!isRangeSlider(value))
+        return -1;
+    const [closetValue] = [...value].sort((a, b) => Math.abs(newValue - a) - Math.abs(newValue - b));
+    return value.findIndex((element) => element === closetValue);
 }
 
 export { findClosetValueIndex, fixRangeSliderValue, fixSingleSliderValue, getPercentage, getPrecision, getSliderRect, getValueFromClientX, isRangeSlider, roundToStep, sliderClasses, sliderHandlerPrefix, sliderPrefix, sortSliderValue, toSliderCssVars };

package/stepper/index.d.ts

@@ -1,2 +1,2 @@
-export * from './stepper';
-export * from './step';
+export * from './stepper';
+export * from './step';

package/stepper/step.d.ts

@@ -1,9 +1,9 @@
-export declare const stepPrefix: string;
-export declare const stepClasses: {
-    readonly host: string;
-    readonly completedIcon: `${string}__completed-icon`;
-    readonly iconBackground: `${string}__icon-background`;
-    readonly title: `${string}__title`;
-    readonly disabled: `${string}--disabled`;
-    readonly tail: `${string}__tail`;
-};
+export declare const stepPrefix = "mzn-stepper-step";
+export declare const stepClasses: {
+    readonly host: "mzn-stepper-step";
+    readonly completedIcon: "mzn-stepper-step__completed-icon";
+    readonly iconBackground: "mzn-stepper-step__icon-background";
+    readonly title: "mzn-stepper-step__title";
+    readonly disabled: "mzn-stepper-step--disabled";
+    readonly tail: "mzn-stepper-step__tail";
+};

package/stepper/step.js

@@ -1,13 +1,13 @@
 import { stepperPrefix } from './stepper.js';
 
-const stepPrefix = `${stepperPrefix}-step`;
-const stepClasses = {
-    host: stepPrefix,
-    completedIcon: `${stepPrefix}__completed-icon`,
-    iconBackground: `${stepPrefix}__icon-background`,
-    title: `${stepPrefix}__title`,
-    disabled: `${stepPrefix}--disabled`,
-    tail: `${stepPrefix}__tail`,
+const stepPrefix = `${stepperPrefix}-step`;
+const stepClasses = {
+    host: stepPrefix,
+    completedIcon: `${stepPrefix}__completed-icon`,
+    iconBackground: `${stepPrefix}__icon-background`,
+    title: `${stepPrefix}__title`,
+    disabled: `${stepPrefix}--disabled`,
+    tail: `${stepPrefix}__tail`,
 };
 
 export { stepClasses, stepPrefix };

package/stepper/stepper.d.ts

@@ -1,4 +1,4 @@
-export declare const stepperPrefix = "mzn-stepper";
-export declare const stepperClasses: {
-    readonly host: "mzn-stepper";
-};
+export declare const stepperPrefix = "mzn-stepper";
+export declare const stepperClasses: {
+    readonly host: "mzn-stepper";
+};

package/stepper/stepper.js

@@ -1,6 +1,6 @@
-const stepperPrefix = 'mzn-stepper';
-const stepperClasses = {
-    host: stepperPrefix,
+const stepperPrefix = 'mzn-stepper';
+const stepperClasses = {
+    host: stepperPrefix,
 };
 
 export { stepperClasses, stepperPrefix };

package/switch/index.d.ts

@@ -1 +1 @@
-export * from './switch';
+export * from './switch';

package/switch/switch.d.ts

@@ -1,13 +1,13 @@
-import type { IconDefinition } from '@mezzanine-ui/icons';
-import { Size } from '@mezzanine-ui/system/size';
-export declare type SwitchSize = Extract<Size, 'medium' | 'large'>;
-export declare const switchPrefix = "mzn-switch";
-export declare const SwitchSpinnerIcon: IconDefinition;
-export declare const switchClasses: {
-    readonly host: "mzn-switch";
-    readonly checked: "mzn-switch--checked";
-    readonly disabled: "mzn-switch--disabled";
-    readonly large: "mzn-switch--large";
-    readonly control: "mzn-switch__control";
-    readonly input: "mzn-switch__input";
-};
+import type { IconDefinition } from '@mezzanine-ui/icons';
+import { Size } from '@mezzanine-ui/system/size';
+export type SwitchSize = Extract<Size, 'medium' | 'large'>;
+export declare const switchPrefix = "mzn-switch";
+export declare const SwitchSpinnerIcon: IconDefinition;
+export declare const switchClasses: {
+    readonly host: "mzn-switch";
+    readonly checked: "mzn-switch--checked";
+    readonly disabled: "mzn-switch--disabled";
+    readonly large: "mzn-switch--large";
+    readonly control: "mzn-switch__control";
+    readonly input: "mzn-switch__input";
+};

package/switch/switch.js

@@ -1,24 +1,24 @@
-const switchPrefix = 'mzn-switch';
-const SwitchSpinnerIcon = {
-    name: 'switch-spinner-icon',
-    definition: {
-        svg: {
-            viewBox: '0 0 24 24',
-        },
-        path: {
-            fill: 'currentColor',
-            fillRule: 'evenodd',
-            d: 'M 12 3 L12 2 A10 10, 0 0 1 22 12 L21 12 A10 10, 0 0 0 12 3Z',
-        },
-    },
-};
-const switchClasses = {
-    host: switchPrefix,
-    checked: `${switchPrefix}--checked`,
-    disabled: `${switchPrefix}--disabled`,
-    large: `${switchPrefix}--large`,
-    control: `${switchPrefix}__control`,
-    input: `${switchPrefix}__input`,
+const switchPrefix = 'mzn-switch';
+const SwitchSpinnerIcon = {
+    name: 'switch-spinner-icon',
+    definition: {
+        svg: {
+            viewBox: '0 0 24 24',
+        },
+        path: {
+            fill: 'currentColor',
+            fillRule: 'evenodd',
+            d: 'M 12 3 L12 2 A10 10, 0 0 1 22 12 L21 12 A10 10, 0 0 0 12 3Z',
+        },
+    },
+};
+const switchClasses = {
+    host: switchPrefix,
+    checked: `${switchPrefix}--checked`,
+    disabled: `${switchPrefix}--disabled`,
+    large: `${switchPrefix}--large`,
+    control: `${switchPrefix}__control`,
+    input: `${switchPrefix}__input`,
 };
 
 export { SwitchSpinnerIcon, switchClasses, switchPrefix };

package/table/index.d.ts

@@ -1 +1 @@
-export * from './table';
+export * from './table';