@fluentui/web-components 3.0.0-alpha.9 → 3.0.0-beta.10

package/dist/esm/slider/slider.js

@@ -0,0 +1,480 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { attr, css, nullableNumberConverter, observable, Observable } from '@microsoft/fast-element';
+import { Direction, keyArrowDown, keyArrowLeft, keyArrowRight, keyArrowUp, keyEnd, keyHome, limit, Orientation, } from '@microsoft/fast-web-utilities';
+import { getDirection } from '../utils/index.js';
+import { SliderMode } from './slider.options.js';
+import { FormAssociatedSlider } from './slider.form-associated.js';
+import { convertPixelToPercent } from './slider-utilities.js';
+/**
+ * The base class used for constructing a fluent-slider custom element
+ * @public
+ */
+export class Slider extends FormAssociatedSlider {
+    constructor() {
+        super(...arguments);
+        /**
+         * @internal
+         */
+        this.direction = Direction.ltr;
+        /**
+         * @internal
+         */
+        this.isDragging = false;
+        /**
+         * @internal
+         */
+        this.trackWidth = 0;
+        /**
+         * @internal
+         */
+        this.trackMinWidth = 0;
+        /**
+         * @internal
+         */
+        this.trackHeight = 0;
+        /**
+         * @internal
+         */
+        this.trackLeft = 0;
+        /**
+         * @internal
+         */
+        this.trackMinHeight = 0;
+        /**
+         * Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
+         *
+         * @public
+         */
+        this.valueTextFormatter = () => null;
+        /**
+         * The minimum allowed value.
+         *
+         * @defaultValue - 0
+         * @public
+         * @remarks
+         * HTML Attribute: min
+         */
+        this.min = 0; // Map to proxy element.
+        /**
+         * The maximum allowed value.
+         *
+         * @defaultValue - 10
+         * @public
+         * @remarks
+         * HTML Attribute: max
+         */
+        this.max = 10; // Map to proxy element.
+        /**
+         * The orientation of the slider.
+         *
+         * @public
+         * @remarks
+         * HTML Attribute: orientation
+         */
+        this.orientation = Orientation.horizontal;
+        /**
+         * The selection mode.
+         *
+         * @public
+         * @remarks
+         * HTML Attribute: mode
+         */
+        this.mode = SliderMode.singleValue;
+        this.keypressHandler = (e) => {
+            if (this.readOnly || this.disabled) {
+                return;
+            }
+            if (e.key === keyHome) {
+                e.preventDefault();
+                this.direction !== Direction.rtl && this.orientation !== Orientation.vertical
+                    ? (this.value = `${this.min}`)
+                    : (this.value = `${this.max}`);
+            }
+            else if (e.key === keyEnd) {
+                e.preventDefault();
+                this.direction !== Direction.rtl && this.orientation !== Orientation.vertical
+                    ? (this.value = `${this.max}`)
+                    : (this.value = `${this.min}`);
+            }
+            else if (!e.shiftKey) {
+                switch (e.key) {
+                    case keyArrowRight:
+                    case keyArrowUp:
+                        e.preventDefault();
+                        this.increment();
+                        break;
+                    case keyArrowLeft:
+                    case keyArrowDown:
+                        e.preventDefault();
+                        this.decrement();
+                        break;
+                }
+            }
+        };
+        this.setupTrackConstraints = () => {
+            const clientRect = this.track.getBoundingClientRect();
+            this.trackWidth = this.track.clientWidth;
+            this.trackMinWidth = this.track.clientLeft;
+            this.trackHeight = clientRect.top;
+            this.trackMinHeight = clientRect.bottom;
+            this.trackLeft = this.getBoundingClientRect().left;
+            if (this.trackWidth === 0) {
+                this.trackWidth = 1;
+            }
+        };
+        //Remove
+        this.setupListeners = (remove = false) => {
+            //TODO Bug: https://github.com/microsoft/fluentui/issues/30087
+            this.addEventListener('keydown', this.keypressHandler);
+            this.addEventListener('mousedown', this.handleMouseDown);
+            // removes handlers attached by mousedown handlers
+            if (remove) {
+                this.removeEventListener('keydown', this.keypressHandler);
+                this.removeEventListener('mousedown', this.handleMouseDown);
+            }
+        };
+        /**
+         * @internal
+         */
+        this.initialValue = '';
+        /**
+         *  Handle mouse moves during a thumb drag operation
+         *  If the event handler is null it removes the events
+         */
+        this.handleThumbMouseDown = (event) => {
+            const windowFn = event !== null ? window.addEventListener : window.removeEventListener;
+            windowFn('mouseup', this.handleWindowMouseUp);
+            windowFn('mousemove', this.handleMouseMove, { passive: true });
+            windowFn('touchmove', this.handleMouseMove, { passive: true });
+            windowFn('touchend', this.handleWindowMouseUp);
+            this.isDragging = event !== null;
+        };
+        /**
+         *  Handle mouse moves during a thumb drag operation
+         */
+        this.handleMouseMove = (e) => {
+            if (this.readOnly || this.disabled || e.defaultPrevented) {
+                return;
+            }
+            // update the value based on current position
+            const sourceEvent = window.TouchEvent && e instanceof TouchEvent ? e.touches[0] : e;
+            const eventValue = this.orientation === Orientation.horizontal
+                ? sourceEvent.pageX - document.documentElement.scrollLeft - this.trackLeft
+                : sourceEvent.pageY - document.documentElement.scrollTop;
+            this.value = `${this.calculateNewValue(eventValue)}`;
+        };
+        /**
+         * Handle a window mouse up during a drag operation
+         */
+        this.handleWindowMouseUp = (event) => {
+            this.stopDragging();
+        };
+        this.stopDragging = () => {
+            this.isDragging = false;
+            this.handleMouseDown(null);
+            this.handleThumbMouseDown(null);
+        };
+        /**
+         *
+         * @param e - MouseEvent or null. If there is no event handler it will remove the events
+         */
+        this.handleMouseDown = (e) => {
+            if (e === null || (!this.disabled && !this.readOnly)) {
+                const windowFn = e !== null ? window.addEventListener : window.removeEventListener;
+                const documentFn = e !== null ? document.addEventListener : document.removeEventListener;
+                windowFn('mouseup', this.handleWindowMouseUp);
+                documentFn('mouseleave', this.handleWindowMouseUp);
+                windowFn('mousemove', this.handleMouseMove);
+                if (e) {
+                    this.setupTrackConstraints();
+                    const controlValue = this.orientation === Orientation.horizontal
+                        ? e.pageX - document.documentElement.scrollLeft - this.trackLeft
+                        : e.pageY - document.documentElement.scrollTop;
+                    this.value = `${this.calculateNewValue(controlValue)}`;
+                }
+            }
+        };
+    }
+    handleChange(source, propertyName) {
+        switch (propertyName) {
+            case 'min':
+            case 'max':
+            case 'step':
+                this.handleStepStyles();
+                break;
+            default:
+                break;
+        }
+    }
+    /**
+     * Handles changes to step styling based on the step value
+     * NOTE: This function is not a changed callback, stepStyles is not observable
+     */
+    handleStepStyles() {
+        if (this.step) {
+            const totalSteps = (100 / Math.floor((this.max - this.min) / this.step));
+            if (this.stepStyles !== undefined) {
+                this.$fastController.removeStyles(this.stepStyles);
+            }
+            this.stepStyles = css /**css*/ `
+        :host {
+          --step-rate: ${totalSteps}%;
+          color: blue;
+        }
+      `;
+            this.$fastController.addStyles(this.stepStyles);
+        }
+        else if (this.stepStyles !== undefined) {
+            this.$fastController.removeStyles(this.stepStyles);
+        }
+    }
+    readOnlyChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.readOnly = this.readOnly;
+        }
+    }
+    /**
+     * The value property, typed as a number.
+     *
+     * @public
+     */
+    get valueAsNumber() {
+        return parseFloat(super.value);
+    }
+    set valueAsNumber(next) {
+        this.value = next.toString();
+    }
+    /**
+     * @internal
+     */
+    valueChanged(previous, next) {
+        if (this.$fastController.isConnected) {
+            const nextAsNumber = parseFloat(next);
+            const value = limit(this.min, this.max, this.convertToConstrainedValue(nextAsNumber)).toString();
+            if (value !== next) {
+                this.value = value;
+                return;
+            }
+            super.valueChanged(previous, next);
+            this.setThumbPositionForOrientation(this.direction);
+            this.$emit('change');
+        }
+    }
+    minChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.min = `${this.min}`;
+        }
+        this.validate();
+    }
+    maxChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.max = `${this.max}`;
+        }
+        this.validate();
+    }
+    stepChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.step = `${this.step}`;
+        }
+        this.updateStepMultiplier();
+        this.validate();
+    }
+    orientationChanged() {
+        if (this.$fastController.isConnected) {
+            this.setThumbPositionForOrientation(this.direction);
+        }
+    }
+    /**
+     * @internal
+     */
+    connectedCallback() {
+        super.connectedCallback();
+        this.proxy.setAttribute('type', 'range');
+        this.direction = getDirection(this);
+        this.updateStepMultiplier();
+        this.setupTrackConstraints();
+        this.setupListeners();
+        this.setupDefaultValue();
+        this.setThumbPositionForOrientation(this.direction);
+        Observable.getNotifier(this).subscribe(this, 'max');
+        Observable.getNotifier(this).subscribe(this, 'min');
+        Observable.getNotifier(this).subscribe(this, 'step');
+        this.handleStepStyles();
+    }
+    /**
+     * @internal
+     */
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.setupListeners(true);
+        Observable.getNotifier(this).unsubscribe(this, 'max');
+        Observable.getNotifier(this).unsubscribe(this, 'min');
+        Observable.getNotifier(this).unsubscribe(this, 'step');
+    }
+    /**
+     * Increment the value by the step
+     *
+     * @public
+     */
+    increment() {
+        const newVal = this.direction !== Direction.rtl && this.orientation !== Orientation.vertical
+            ? Number(this.value) + Number(this.stepValue)
+            : Number(this.value) + Number(this.stepValue);
+        const incrementedVal = this.convertToConstrainedValue(newVal);
+        const incrementedValString = incrementedVal < Number(this.max) ? `${incrementedVal}` : `${this.max}`;
+        this.value = incrementedValString;
+    }
+    /**
+     * Decrement the value by the step
+     *
+     * @public
+     */
+    decrement() {
+        const newVal = this.direction !== Direction.rtl && this.orientation !== Orientation.vertical
+            ? Number(this.value) - Number(this.stepValue)
+            : Number(this.value) - Number(this.stepValue);
+        const decrementedVal = this.convertToConstrainedValue(newVal);
+        const decrementedValString = decrementedVal > Number(this.min) ? `${decrementedVal}` : `${this.min}`;
+        this.value = decrementedValString;
+    }
+    /**
+     * Gets the actual step value for the slider
+     *
+     */
+    get stepValue() {
+        return this.step === undefined ? 1 : this.step;
+    }
+    /**
+     * Places the thumb based on the current value
+     *
+     * @public
+     * @param direction - writing mode
+     */
+    setThumbPositionForOrientation(direction) {
+        const newPct = convertPixelToPercent(Number(this.value), Number(this.min), Number(this.max), direction);
+        const percentage = (1 - newPct) * 100;
+        if (this.orientation === Orientation.horizontal) {
+            this.position = this.isDragging
+                ? `right: ${percentage}%; transition: none;`
+                : `right: ${percentage}%; transition: all 0.2s ease;`;
+        }
+        else {
+            this.position = this.isDragging
+                ? `top: ${percentage}%; transition: none;`
+                : `top: ${percentage}%; transition: all 0.2s ease;`;
+        }
+    }
+    /**
+     * Update the step multiplier used to ensure rounding errors from steps that
+     * are not whole numbers
+     */
+    updateStepMultiplier() {
+        const stepString = this.stepValue + '';
+        const decimalPlacesOfStep = !!(this.stepValue % 1) ? stepString.length - stepString.indexOf('.') - 1 : 0;
+        this.stepMultiplier = Math.pow(10, decimalPlacesOfStep);
+    }
+    get midpoint() {
+        return `${this.convertToConstrainedValue((this.max + this.min) / 2)}`;
+    }
+    setupDefaultValue() {
+        if (typeof this.value === 'string') {
+            if (this.value.length === 0) {
+                this.initialValue = this.midpoint;
+            }
+            else {
+                const value = parseFloat(this.value);
+                if (!Number.isNaN(value) && (value < this.min || value > this.max)) {
+                    this.value = this.midpoint;
+                }
+            }
+        }
+    }
+    /**
+     * Calculate the new value based on the given raw pixel value.
+     *
+     * @param rawValue - the value to be converted to a constrained value
+     * @returns the constrained value
+     *
+     * @internal
+     */
+    calculateNewValue(rawValue) {
+        this.setupTrackConstraints();
+        // update the value based on current position
+        const newPosition = convertPixelToPercent(rawValue, this.orientation === Orientation.horizontal ? this.trackMinWidth : this.trackMinHeight, this.orientation === Orientation.horizontal ? this.trackWidth : this.trackHeight, this.direction);
+        const newValue = (this.max - this.min) * newPosition + this.min;
+        return this.convertToConstrainedValue(newValue);
+    }
+    convertToConstrainedValue(value) {
+        if (isNaN(value)) {
+            value = this.min;
+        }
+        /**
+         * The following logic intends to overcome the issue with math in JavaScript with regards to floating point numbers.
+         * This is needed as the `step` may be an integer but could also be a float. To accomplish this the step  is assumed to be a float
+         * and is converted to an integer by determining the number of decimal places it represent, multiplying it until it is an
+         * integer and then dividing it to get back to the correct number.
+         */
+        let constrainedValue = value - this.min;
+        const roundedConstrainedValue = Math.round(constrainedValue / this.stepValue);
+        const remainderValue = constrainedValue - (roundedConstrainedValue * (this.stepMultiplier * this.stepValue)) / this.stepMultiplier;
+        constrainedValue =
+            remainderValue >= Number(this.stepValue) / 2
+                ? constrainedValue - remainderValue + Number(this.stepValue)
+                : constrainedValue - remainderValue;
+        return constrainedValue + this.min;
+    }
+}
+__decorate([
+    attr
+], Slider.prototype, "size", void 0);
+__decorate([
+    attr({ attribute: 'readonly', mode: 'boolean' })
+], Slider.prototype, "readOnly", void 0);
+__decorate([
+    observable
+], Slider.prototype, "direction", void 0);
+__decorate([
+    observable
+], Slider.prototype, "isDragging", void 0);
+__decorate([
+    observable
+], Slider.prototype, "position", void 0);
+__decorate([
+    observable
+], Slider.prototype, "trackWidth", void 0);
+__decorate([
+    observable
+], Slider.prototype, "trackMinWidth", void 0);
+__decorate([
+    observable
+], Slider.prototype, "trackHeight", void 0);
+__decorate([
+    observable
+], Slider.prototype, "trackLeft", void 0);
+__decorate([
+    observable
+], Slider.prototype, "trackMinHeight", void 0);
+__decorate([
+    observable
+], Slider.prototype, "valueTextFormatter", void 0);
+__decorate([
+    attr({ converter: nullableNumberConverter })
+], Slider.prototype, "min", void 0);
+__decorate([
+    attr({ converter: nullableNumberConverter })
+], Slider.prototype, "max", void 0);
+__decorate([
+    attr({ converter: nullableNumberConverter })
+], Slider.prototype, "step", void 0);
+__decorate([
+    attr
+], Slider.prototype, "orientation", void 0);
+__decorate([
+    attr
+], Slider.prototype, "mode", void 0);
+//# sourceMappingURL=slider.js.map

package/dist/esm/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,uBAAuB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErG,OAAO,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,MAAM,EACN,OAAO,EACP,KAAK,EACL,WAAW,GACZ,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAuB,UAAU,EAAc,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,MAAM,OAAO,MAAO,SAAQ,oBAAoB;IAAhD;;QA+EE;;WAEG;QAEI,cAAS,GAAc,SAAS,CAAC,GAAG,CAAC;QAE5C;;WAEG;QAEI,eAAU,GAAY,KAAK,CAAC;QAQnC;;WAEG;QAEI,eAAU,GAAW,CAAC,CAAC;QAE9B;;WAEG;QAEI,kBAAa,GAAW,CAAC,CAAC;QAEjC;;WAEG;QAEI,gBAAW,GAAW,CAAC,CAAC;QAE/B;;WAEG;QAEI,cAAS,GAAW,CAAC,CAAC;QAE7B;;WAEG;QAEI,mBAAc,GAAW,CAAC,CAAC;QAelC;;;;WAIG;QAEI,uBAAkB,GAAqC,GAAG,EAAE,CAAC,IAAI,CAAC;QAuBzE;;;;;;;WAOG;QAEI,QAAG,GAAW,CAAC,CAAC,CAAC,wBAAwB;QAShD;;;;;;;WAOG;QAEI,QAAG,GAAW,EAAE,CAAC,CAAC,wBAAwB;QA0BjD;;;;;;WAMG;QAEI,gBAAW,GAAgB,WAAW,CAAC,UAAU,CAAC;QAOzD;;;;;;WAMG;QAEI,SAAI,GAAe,UAAU,CAAC,WAAW,CAAC;QAmE1C,oBAAe,GAAG,CAAC,CAAgB,EAAQ,EAAE;YAClD,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAClC,OAAO;aACR;YAED,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;gBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,GAAG,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ;oBAC3E,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;oBAC9B,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;aAClC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,EAAE;gBAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,GAAG,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ;oBAC3E,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;oBAC9B,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;aAClC;iBAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;gBACtB,QAAQ,CAAC,CAAC,GAAG,EAAE;oBACb,KAAK,aAAa,CAAC;oBACnB,KAAK,UAAU;wBACb,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,SAAS,EAAE,CAAC;wBACjB,MAAM;oBACR,KAAK,YAAY,CAAC;oBAClB,KAAK,YAAY;wBACf,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,SAAS,EAAE,CAAC;wBACjB,MAAM;iBACT;aACF;QACH,CAAC,CAAC;QAwCM,0BAAqB,GAAG,GAAS,EAAE;YACzC,MAAM,UAAU,GAAY,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAC/D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;YACzC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;YAC3C,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC;YAClC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC;YACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;YACnD,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,EAAE;gBACzB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;aACrB;QACH,CAAC,CAAC;QAEF,QAAQ;QACA,mBAAc,GAAG,CAAC,SAAkB,KAAK,EAAQ,EAAE;YACzD,8DAA8D;YAC9D,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACvD,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACzD,kDAAkD;YAClD,IAAI,MAAM,EAAE;gBACV,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;gBAC1D,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;aAC7D;QACH,CAAC,CAAC;QAEF;;WAEG;QACI,iBAAY,GAAW,EAAE,CAAC;QAoBjC;;;WAGG;QACI,yBAAoB,GAAG,CAAC,KAAwB,EAAQ,EAAE;YAC/D,MAAM,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC;YACvF,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAC9C,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAC/D,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAC/D,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAC/C,IAAI,CAAC,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC;QACnC,CAAC,CAAC;QAEF;;WAEG;QACK,oBAAe,GAAG,CAAC,CAAkC,EAAQ,EAAE;YACrE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,gBAAgB,EAAE;gBACxD,OAAO;aACR;YACD,6CAA6C;YAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,YAAY,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAgB,CAAC;YACpG,MAAM,UAAU,GACd,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU;gBACzC,CAAC,CAAC,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS;gBAC1E,CAAC,CAAC,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;YAE7D,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,CAAC;QACvD,CAAC,CAAC;QAwBF;;WAEG;QACK,wBAAmB,GAAG,CAAC,KAAY,EAAQ,EAAE;YACnD,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,CAAC;QAEF;;;WAGG;QACI,oBAAe,GAAG,CAAC,CAAoB,EAAE,EAAE;YAChD,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;gBACpD,MAAM,QAAQ,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC;gBACnF,MAAM,UAAU,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,mBAAmB,CAAC;gBACzF,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;gBAC9C,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;gBACnD,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;gBAE5C,IAAI,CAAC,EAAE;oBACL,IAAI,CAAC,qBAAqB,EAAE,CAAC;oBAC7B,MAAM,YAAY,GAChB,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU;wBACzC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS;wBAChE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;oBAEnD,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,CAAC;iBACxD;aACF;QACH,CAAC,CAAC;IAwBJ,CAAC;IAjhBQ,YAAY,CAAC,MAAW,EAAE,YAAoB;QACnD,QAAQ,YAAY,EAAE;YACpB,KAAK,KAAK,CAAC;YACX,KAAK,KAAK,CAAC;YACX,KAAK,MAAM;gBACT,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACxB,MAAM;YACR;gBACE,MAAM;SACT;IACH,CAAC;IAID;;;OAGG;IACK,gBAAgB;QACtB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,UAAU,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAQ,CAAC;YAEhF,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;gBACjC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACpD;YAED,IAAI,CAAC,UAAU,GAAG,GAAG,CAAA,QAAQ,CAAC;;yBAEX,UAAU;;;OAG5B,CAAC;YAEF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACjD;aAAM,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;YACxC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACpD;IACH,CAAC;IAWS,eAAe;QACvB,IAAI,IAAI,CAAC,KAAK,YAAY,gBAAgB,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;SACrC;IACH,CAAC;IAiED;;;;OAIG;IACH,IAAW,aAAa;QACtB,OAAO,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,IAAW,aAAa,CAAC,IAAY;QACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC/B,CAAC;IAUD;;OAEG;IACI,YAAY,CAAC,QAAgB,EAAE,IAAY;QAChD,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;YACpC,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;YACtC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,yBAAyB,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YAEjG,IAAI,KAAK,KAAK,IAAI,EAAE;gBAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,OAAO;aACR;YAED,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAEnC,IAAI,CAAC,8BAA8B,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAEpD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACtB;IACH,CAAC;IAYS,UAAU;QAClB,IAAI,IAAI,CAAC,KAAK,YAAY,gBAAgB,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;SAChC;QAED,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAYS,UAAU;QAClB,IAAI,IAAI,CAAC,KAAK,YAAY,gBAAgB,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;SAChC;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAWS,WAAW;QACnB,IAAI,IAAI,CAAC,KAAK,YAAY,gBAAgB,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;SAClC;QAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAWS,kBAAkB;QAC1B,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;YACpC,IAAI,CAAC,8BAA8B,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACrD;IACH,CAAC;IAYD;;OAEG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAEzC,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,8BAA8B,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEpD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAErD,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED;;OAEG;IACI,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAE1B,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACzD,CAAC;IAED;;;;OAIG;IACI,SAAS;QACd,MAAM,MAAM,GACV,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,GAAG,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ;YAC3E,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;YAC7C,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,cAAc,GAAW,IAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;QACtE,MAAM,oBAAoB,GAAW,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7G,IAAI,CAAC,KAAK,GAAG,oBAAoB,CAAC;IACpC,CAAC;IAED;;;;OAIG;IACI,SAAS;QACd,MAAM,MAAM,GACV,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,GAAG,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ;YAC3E,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;YAC7C,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,cAAc,GAAW,IAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;QACtE,MAAM,oBAAoB,GAAW,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7G,IAAI,CAAC,KAAK,GAAG,oBAAoB,CAAC;IACpC,CAAC;IAiCD;;;OAGG;IACH,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACK,8BAA8B,CAAC,SAAoB;QACzD,MAAM,MAAM,GAAW,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC;QAChH,MAAM,UAAU,GAAW,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC;QAC9C,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU,EAAE;YAC/C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU;gBAC7B,CAAC,CAAC,UAAU,UAAU,sBAAsB;gBAC5C,CAAC,CAAC,UAAU,UAAU,+BAA+B,CAAC;SACzD;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU;gBAC7B,CAAC,CAAC,QAAQ,UAAU,sBAAsB;gBAC1C,CAAC,CAAC,QAAQ,UAAU,+BAA+B,CAAC;SACvD;IACH,CAAC;IAED;;;OAGG;IACK,oBAAoB;QAC1B,MAAM,UAAU,GAAW,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QAC/C,MAAM,mBAAmB,GAAW,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;IAC1D,CAAC;IA+BD,IAAY,QAAQ;QAClB,OAAO,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IACxE,CAAC;IAEO,iBAAiB;QACvB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC3B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC;aACnC;iBAAM;gBACL,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAErC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE;oBAClE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;iBAC5B;aACF;SACF;IACH,CAAC;IAgCD;;;;;;;OAOG;IACI,iBAAiB,CAAC,QAAgB;QACvC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAE7B,6CAA6C;QAC7C,MAAM,WAAW,GAAG,qBAAqB,CACvC,QAAQ,EACR,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EACtF,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAChF,IAAI,CAAC,SAAS,CACf,CAAC;QACF,MAAM,QAAQ,GAAW,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC;QACxE,OAAO,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAuCO,yBAAyB,CAAC,KAAa;QAC7C,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;YAChB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;SAClB;QAED;;;;;WAKG;QACH,IAAI,gBAAgB,GAAW,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;QAChD,MAAM,uBAAuB,GAAW,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;QACtF,MAAM,cAAc,GAClB,gBAAgB,GAAG,CAAC,uBAAuB,GAAG,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC;QAE9G,gBAAgB;YACd,cAAc,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;gBAC1C,CAAC,CAAC,gBAAgB,GAAG,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC5D,CAAC,CAAC,gBAAgB,GAAG,cAAc,CAAC;QACxC,OAAO,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC;IACrC,CAAC;CACF;AAnhBC;IADC,IAAI;oCACoB;AAiDzB;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wCACvB;AA0B1B;IADC,UAAU;yCACiC;AAM5C;IADC,UAAU;0CACwB;AAMnC;IADC,UAAU;wCACc;AAMzB;IADC,UAAU;0CACmB;AAM9B;IADC,UAAU;6CACsB;AAMjC;IADC,UAAU;2CACoB;AAM/B;IADC,UAAU;yCACkB;AAM7B;IADC,UAAU;8CACuB;AAqBlC;IADC,UAAU;kDAC8D;AAgCzE;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;mCACtB;AAkBvB;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;mCACrB;AAgBxB;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;oCACb;AAkBhC;IADC,IAAI;2CACoD;AAezD;IADC,IAAI;oCAC4C"}

package/dist/esm/slider/slider.options.js

@@ -0,0 +1,20 @@
+import { Orientation } from '@microsoft/fast-web-utilities';
+/**
+ * SliderSize Constants
+ * @public
+ */
+export const SliderSize = {
+    small: 'small',
+    medium: 'medium',
+};
+/**
+ * @public
+ */
+export const SliderOrientation = Orientation;
+/**
+ * @public
+ */
+export const SliderMode = {
+    singleValue: 'single-value',
+};
+//# sourceMappingURL=slider.options.js.map

package/dist/esm/slider/slider.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.options.js","sourceRoot":"","sources":["../../../src/slider/slider.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAI5D;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAQ7C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,cAAc;CACnB,CAAC"}