@fluentui/web-components 3.0.0-beta.6 → 3.0.0-beta.8

package/dist/esm/slider/slider.js

@@ -4,13 +4,202 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, Observable } from '@microsoft/fast-element';
-import { FASTSlider } from '@microsoft/fast-foundation/slider.js';
+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 FASTSlider {
+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':
@@ -22,19 +211,6 @@ export class Slider extends FASTSlider {
                 break;
         }
     }
-    connectedCallback() {
-        super.connectedCallback();
-        Observable.getNotifier(this).subscribe(this, 'max');
-        Observable.getNotifier(this).subscribe(this, 'min');
-        Observable.getNotifier(this).subscribe(this, 'step');
-        this.handleStepStyles();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        Observable.getNotifier(this).unsubscribe(this, 'max');
-        Observable.getNotifier(this).unsubscribe(this, 'min');
-        Observable.getNotifier(this).unsubscribe(this, 'step');
-    }
     /**
      * Handles changes to step styling based on the step value
      * NOTE: This function is not a changed callback, stepStyles is not observable
@@ -57,8 +233,248 @@ export class Slider extends FASTSlider {
             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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE;;;GAGG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAU7B,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;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,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;IAEM,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,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;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;CACF;AA1DC;IADC,IAAI;oCACoB"}
+{"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

@@ -1,4 +1,4 @@
-export { SliderOrientation } from '@microsoft/fast-foundation/slider.js';
+import { Orientation } from '@microsoft/fast-web-utilities';
 /**
  * SliderSize Constants
  * @public
@@ -7,4 +7,14 @@ 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

@@ -1 +1 @@
-{"version":3,"file":"slider.options.js","sourceRoot":"","sources":["../../../src/slider/slider.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC"}
+{"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"}

package/dist/esm/slider/slider.styles.js

@@ -18,7 +18,7 @@ export const styles = css `
     outline: none;
     cursor: pointer;
     user-select: none;
-    border-radius: ${borderRadiusSmall};
+    border-radius: var(${borderRadiusSmall});
     touch-action: pan-y;
     min-width: calc(var(--thumb-size) * 1px);
     width: 100%;
@@ -45,8 +45,8 @@ export const styles = css `
   }
 
   :host(:focus-visible) {
-    box-shadow: 0 0 0 2pt ${colorStrokeFocus2};
-    outline: 1px solid ${colorStrokeFocus1};
+    box-shadow: 0 0 0 2pt var(${colorStrokeFocus2});
+    outline: 1px solid var(${colorStrokeFocus1});
   }
 
   .thumb-cursor:focus {
@@ -80,19 +80,20 @@ export const styles = css `
   .thumb-cursor {
     height: var(--thumb-size);
     width: var(--thumb-size);
-    background-color: ${colorBrandBackground};
-    border-radius: ${borderRadiusCircular};
-    box-shadow: inset 0 0 0 var(--thumb-padding) ${colorNeutralBackground1}, 0 0 0 1px ${colorNeutralStroke1};
+    background-color: var(${colorBrandBackground});
+    border-radius: var(${borderRadiusCircular});
+    box-shadow: inset 0 0 0 var(--thumb-padding) var(${colorNeutralBackground1}), 0 0 0 1px var(${colorNeutralStroke1});
   }
   .thumb-cursor:hover {
-    background-color: ${colorCompoundBrandBackgroundHover};
+    background-color: var(${colorCompoundBrandBackgroundHover});
   }
   .thumb-cursor:active {
-    background-color: ${colorCompoundBrandBackgroundPressed};
+    background-color: var(${colorCompoundBrandBackgroundPressed});
   }
   :host([disabled]) .thumb-cursor {
-    background-color: ${colorNeutralForegroundDisabled};
-    box-shadow: inset 0 0 0 var(--thumb-padding) ${colorNeutralBackground1}, 0 0 0 1px ${colorNeutralStrokeDisabled};
+    background-color: var(${colorNeutralForegroundDisabled});
+    box-shadow: inset 0 0 0 var(--thumb-padding) var(${colorNeutralBackground1}),
+      0 0 0 1px var(${colorNeutralStrokeDisabled});
   }
 
   /* Positioning Region */
@@ -115,23 +116,23 @@ export const styles = css `
   .track {
     align-self: start;
     position: absolute;
-    background-color: ${colorNeutralStrokeAccessible};
-    border-radius: ${borderRadiusMedium};
+    background-color: var(${colorNeutralStrokeAccessible});
+    border-radius: var(${borderRadiusMedium});
     overflow: hidden;
   }
 
   :host([step]) .track::after {
     content: '';
     position: absolute;
-    border-radius: ${borderRadiusMedium};
+    border-radius: var(${borderRadiusMedium});
     width: 100%;
     inset: 0 2px;
     background-image: repeating-linear-gradient(
       var(--slider-direction),
       #0000 0%,
       #0000 calc(var(--step-rate) - 1px),
-      ${colorNeutralBackground1} calc(var(--step-rate) - 1px),
-      ${colorNeutralBackground1} var(--step-rate)
+      var(${colorNeutralBackground1}) calc(var(--step-rate) - 1px),
+      var(${colorNeutralBackground1}) var(--step-rate)
     );
   }
 
@@ -140,7 +141,7 @@ export const styles = css `
   }
 
   :host([disabled]) .track {
-    background-color: ${colorNeutralBackgroundDisabled};
+    background-color: var(${colorNeutralBackgroundDisabled});
   }
 
   :host([orientation='horizontal']) .track {
@@ -159,23 +160,23 @@ export const styles = css `
     grid-column: 2 / auto;
   }
   .track-start {
-    background-color: ${colorCompoundBrandBackground};
+    background-color: var(${colorCompoundBrandBackground});
     position: absolute;
     height: 100%;
     left: 0;
-    border-radius: ${borderRadiusMedium};
+    border-radius: var(${borderRadiusMedium});
   }
   :host([disabled]) .track-start {
-    background-color: ${colorNeutralForegroundDisabled};
+    background-color: var(${colorNeutralForegroundDisabled});
   }
   :host(:hover) .track-start {
-    background-color: ${colorCompoundBrandBackgroundHover};
+    background-color: var(${colorCompoundBrandBackgroundHover});
   }
   :host([disabled]:hover) .track-start {
-    background-color: ${colorNeutralForegroundDisabled};
+    background-color: var(${colorNeutralForegroundDisabled});
   }
   .track-start:active {
-    background-color: ${colorCompoundBrandBackgroundPressed};
+    background-color: var(${colorCompoundBrandBackgroundPressed});
   }
   :host([orientation='vertical']) .track-start {
     height: auto;

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

@@ -1 +1 @@
-{"version":3,"file":"slider.styles.js","sourceRoot":"","sources":["../../../src/slider/slider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAClG,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;qBAaL,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA2BV,iBAAiB;yBACpB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkClB,oBAAoB;qBACvB,oBAAoB;mDACU,uBAAuB,eAAe,mBAAmB;;;wBAGpF,iCAAiC;;;wBAGjC,mCAAmC;;;wBAGnC,8BAA8B;mDACH,uBAAuB,eAAe,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;wBAuB3F,4BAA4B;qBAC/B,kBAAkB;;;;;;;qBAOlB,kBAAkB;;;;;;;QAO/B,uBAAuB;QACvB,uBAAuB;;;;;;;;;wBASP,8BAA8B;;;;;;;;;;;;;;;;;;;wBAmB9B,4BAA4B;;;;qBAI/B,kBAAkB;;;wBAGf,8BAA8B;;;wBAG9B,iCAAiC;;;wBAGjC,8BAA8B;;;wBAG9B,mCAAmC;;;;;;;CAO1D,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"slider.styles.js","sourceRoot":"","sources":["../../../src/slider/slider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAClG,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;yBAaD,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2BV,iBAAiB;6BACpB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAkClB,oBAAoB;yBACvB,oBAAoB;uDACU,uBAAuB,oBAAoB,mBAAmB;;;4BAGzF,iCAAiC;;;4BAGjC,mCAAmC;;;4BAGnC,8BAA8B;uDACH,uBAAuB;sBACxD,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;4BAuBpB,4BAA4B;yBAC/B,kBAAkB;;;;;;;yBAOlB,kBAAkB;;;;;;;YAO/B,uBAAuB;YACvB,uBAAuB;;;;;;;;;4BASP,8BAA8B;;;;;;;;;;;;;;;;;;;4BAmB9B,4BAA4B;;;;yBAI/B,kBAAkB;;;4BAGf,8BAA8B;;;4BAG9B,iCAAiC;;;4BAGjC,8BAA8B;;;4BAG9B,mCAAmC;;;;;;;CAO9D,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBjC,CAAC,CACH,CAAC"}