@spectrum-web-components/color-slider 0.4.0 → 0.4.1

package/src/ColorSlider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["ColorSlider.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { streamingListener } from '@spectrum-web-components/base/src/streaming-listener.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/color-handle/sp-color-handle.js';\nimport styles from './color-slider.css.js';\nimport {\n    ColorHandle,\n    ColorValue,\n    extractHueAndSaturationRegExp,\n    replaceHueAndSaturationRegExp,\n} from '@spectrum-web-components/color-handle';\nimport { TinyColor } from '@ctrl/tinycolor';\n\n/**\n * @element sp-color-slider\n * @slot gradient - a custom gradient visually outlining the available color values\n * @fires input - The value of the Color Slider has changed.\n * @fires change - An alteration to the value of the Color Slider has been committed by the user.\n */\nexport class ColorSlider extends Focusable {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public override disabled = false;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @query('.handle')\n    private handle!: ColorHandle;\n\n    @property({ type: String })\n    public label = 'hue';\n\n    @property({ type: Boolean, reflect: true })\n    public vertical = false;\n\n    @property({ type: Number })\n    public get value(): number {\n        return this._value;\n    }\n\n    public set value(hue: number) {\n        const value = Math.min(360, Math.max(0, hue));\n        if (value === this.value) {\n            return;\n        }\n        const oldValue = this.value;\n        const { s, v } = this._color.toHsv();\n        this._color = new TinyColor({ h: value, s, v });\n        this._value = value;\n\n        if (value !== this.sliderHandlePosition) {\n            this.sliderHandlePosition = 100 * (value / 360);\n        }\n\n        this.requestUpdate('value', oldValue);\n    }\n\n    private _value = 0;\n\n    @property({ type: Number, reflect: true })\n    public sliderHandlePosition = 0;\n\n    @property({ type: String })\n    public get color(): ColorValue {\n        switch (this._format.format) {\n            case 'rgb':\n                return this._format.isString\n                    ? this._color.toRgbString()\n                    : this._color.toRgb();\n            case 'prgb':\n                return this._format.isString\n                    ? this._color.toPercentageRgbString()\n                    : this._color.toPercentageRgb();\n            case 'hex':\n            case 'hex3':\n            case 'hex4':\n            case 'hex6':\n                return this._format.isString\n                    ? this._color.toHexString()\n                    : this._color.toHex();\n            case 'hex8':\n                return this._format.isString\n                    ? this._color.toHex8String()\n                    : this._color.toHex8();\n            case 'name':\n                return this._color.toName() || this._color.toRgbString();\n            case 'hsl':\n                if (this._format.isString) {\n                    const hslString = this._color.toHslString();\n                    return hslString.replace(\n                        replaceHueAndSaturationRegExp,\n                        `$1${this.value}$2${this._saturation}`\n                    );\n                } else {\n                    const { s, l, a } = this._color.toHsl();\n                    return { h: this.value, s, l, a };\n                }\n            case 'hsv':\n                if (this._format.isString) {\n                    const hsvString = this._color.toHsvString();\n                    return hsvString.replace(\n                        replaceHueAndSaturationRegExp,\n                        `$1${this.value}$2${this._saturation}`\n                    );\n                } else {\n                    const { s, v, a } = this._color.toHsv();\n                    return { h: this.value, s, v, a };\n                }\n            default:\n                return 'No color format applied.';\n        }\n    }\n\n    public set color(color: ColorValue) {\n        if (color === this.color) {\n            return;\n        }\n        const oldValue = this._color;\n        this._color = new TinyColor(color);\n        const format = this._color.format;\n        let isString = typeof color === 'string' || color instanceof String;\n\n        if (format.startsWith('hex')) {\n            isString = (color as string).startsWith('#');\n        }\n\n        this._format = {\n            format,\n            isString,\n        };\n\n        if (isString && format.startsWith('hs')) {\n            const values = extractHueAndSaturationRegExp.exec(color as string);\n            if (values !== null) {\n                const [, h, s] = values;\n                this.value = Number(h);\n                this._saturation = Number(s);\n            }\n        } else if (!isString && format.startsWith('hs')) {\n            const colorInput = this._color.originalInput;\n            const colorValues = Object.values(colorInput);\n            this.value = colorValues[0];\n            this._saturation = colorValues[1];\n        } else {\n            const { h } = this._color.toHsv();\n            this.value = h;\n        }\n        this._previousColor = oldValue;\n        this.requestUpdate('color', oldValue);\n    }\n\n    private _color = new TinyColor({ h: 0, s: 1, v: 1 });\n\n    private _previousColor = new TinyColor({ h: 0, s: 1, v: 1 });\n\n    private _saturation!: number;\n\n    private _format: { format: string; isString: boolean } = {\n        format: '',\n        isString: false,\n    };\n\n    @property({ type: Number })\n    public step = 1;\n\n    private get altered(): number {\n        return this._altered;\n    }\n\n    private set altered(altered: number) {\n        this._altered = altered;\n        this.step = Math.max(1, this.altered * 10);\n    }\n\n    private _altered = 0;\n\n    @query('input')\n    public input!: HTMLInputElement;\n\n    public override get focusElement(): HTMLInputElement {\n        return this.input;\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { key } = event;\n        this.focused = true;\n        this.altered = [event.shiftKey, event.ctrlKey, event.altKey].filter(\n            (key) => !!key\n        ).length;\n        let delta = 0;\n        switch (key) {\n            case 'ArrowUp':\n                delta = this.step;\n                break;\n            case 'ArrowDown':\n                delta = -this.step;\n                break;\n            case 'ArrowLeft':\n                delta = this.step * (this.isLTR ? -1 : 1);\n                break;\n            case 'ArrowRight':\n                delta = this.step * (this.isLTR ? 1 : -1);\n                break;\n            default:\n                return;\n        }\n        event.preventDefault();\n\n        this.sliderHandlePosition = Math.min(\n            100,\n            Math.max(0, this.sliderHandlePosition + delta)\n        );\n        this.value = 360 * (this.sliderHandlePosition / 100);\n        this._color = new TinyColor({ ...this._color.toHsl(), h: this.value });\n\n        if (delta != 0) {\n            this.dispatchEvent(\n                new Event('input', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            this.dispatchEvent(\n                new Event('change', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n        }\n    }\n\n    private handleInput(event: Event & { target: HTMLInputElement }): void {\n        const { valueAsNumber } = event.target;\n\n        this.value = valueAsNumber;\n        this.sliderHandlePosition = 100 * (this.value / 360);\n        this._color = new TinyColor({ ...this._color.toHsl(), h: this.value });\n    }\n\n    private handleChange(event: Event & { target: HTMLInputElement }): void {\n        this.handleInput(event);\n        this.dispatchEvent(\n            new Event('change', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n    }\n\n    public override focus(focusOptions: FocusOptions = {}): void {\n        super.focus(focusOptions);\n        this.forwardFocus();\n    }\n\n    private forwardFocus(): void {\n        this.focused = this.hasVisibleFocusInTree();\n        this.input.focus();\n    }\n\n    private handleFocusin(): void {\n        this.focused = true;\n    }\n\n    private handleFocusout(): void {\n        if (this._pointerDown) {\n            return;\n        }\n        this.altered = 0;\n        this.focused = false;\n    }\n\n    private boundingClientRect!: DOMRect;\n    private _pointerDown = false;\n\n    private handlePointerdown(event: PointerEvent): void {\n        if (event.button !== 0) {\n            event.preventDefault();\n            return;\n        }\n        this._pointerDown = true;\n        this._previousColor = this._color.clone();\n        this.boundingClientRect = this.getBoundingClientRect();\n        (event.target as HTMLElement).setPointerCapture(event.pointerId);\n        if (event.pointerType === 'mouse') {\n            this.focused = true;\n        }\n    }\n\n    private handlePointermove(event: PointerEvent): void {\n        this.sliderHandlePosition = this.calculateHandlePosition(event);\n        this.value = 360 * (this.sliderHandlePosition / 100);\n\n        this._color = new TinyColor({ ...this._color.toHsl(), h: this.value });\n\n        this.dispatchEvent(\n            new Event('input', {\n                bubbles: true,\n                composed: true,\n                cancelable: true,\n            })\n        );\n    }\n\n    private handlePointerup(event: PointerEvent): void {\n        this._pointerDown = false;\n        (event.target as HTMLElement).releasePointerCapture(event.pointerId);\n\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                bubbles: true,\n                composed: true,\n                cancelable: true,\n            })\n        );\n        if (!applyDefault) {\n            this._color = this._previousColor;\n        }\n        // Retain focus on input element after mouse up to enable keyboard interactions\n        this.focus();\n        if (event.pointerType === 'mouse') {\n            this.focused = false;\n        }\n    }\n\n    /**\n     * Returns the value under the cursor\n     * @param: PointerEvent on slider\n     * @return: Slider value that correlates to the position under the pointer\n     */\n    private calculateHandlePosition(event: PointerEvent): number {\n        /* c8 ignore next 3 */\n        if (!this.boundingClientRect) {\n            return this.sliderHandlePosition;\n        }\n        const rect = this.boundingClientRect;\n        const minOffset = this.vertical ? rect.top : rect.left;\n        const offset = this.vertical ? event.clientY : event.clientX;\n        const size = this.vertical ? rect.height : rect.width;\n\n        const percent = Math.max(0, Math.min(1, (offset - minOffset) / size));\n        const sliderHandlePosition = 100 * percent;\n\n        return sliderHandlePosition;\n    }\n\n    private handleGradientPointerdown(event: PointerEvent): void {\n        if (event.button !== 0) {\n            return;\n        }\n        event.stopPropagation();\n        event.preventDefault();\n        this.handle.dispatchEvent(new PointerEvent('pointerdown', event));\n        this.handlePointermove(event);\n    }\n\n    private get handlePositionStyles(): string {\n        return `${this.vertical ? 'top' : 'left'}: ${\n            this.sliderHandlePosition\n        }%`;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div\n                class=\"checkerboard\"\n                role=\"presentation\"\n                @pointerdown=${this.handleGradientPointerdown}\n            >\n                <div\n                    class=\"gradient\"\n                    role=\"presentation\"\n                    style=\"background: linear-gradient(to ${this.vertical\n                        ? 'bottom'\n                        : 'right'}, var(--sp-color-slider-gradient, var(--sp-color-slider-gradient-fallback)));\"\n                >\n                    <slot name=\"gradient\"></slot>\n                </div>\n            </div>\n            <sp-color-handle\n                tabindex=${ifDefined(this.focused ? undefined : '0')}\n                @focus=${this.forwardFocus}\n                ?focused=${this.focused}\n                class=\"handle\"\n                color=\"hsl(${this.value}, 100%, 50%)\"\n                ?disabled=${this.disabled}\n                style=${this.handlePositionStyles}\n                ${streamingListener({\n                    start: ['pointerdown', this.handlePointerdown],\n                    streamInside: ['pointermove', this.handlePointermove],\n                    end: [['pointerup', 'pointercancel'], this.handlePointerup],\n                })}\n            ></sp-color-handle>\n            <input\n                type=\"range\"\n                class=\"slider\"\n                min=\"0\"\n                max=\"360\"\n                step=${this.step}\n                aria-label=${this.label}\n                .value=${String(this.value)}\n                @input=${this.handleInput}\n                @change=${this.handleChange}\n                @keydown=${this.handleKeydown}\n            />\n        `;\n    }\n\n    protected override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n        this.boundingClientRect = this.getBoundingClientRect();\n        this.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('focusout', this.handleFocusout);\n    }\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { streamingListener } from '@spectrum-web-components/base/src/streaming-listener.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport type { ColorHandle } from '@spectrum-web-components/color-handle';\nimport '@spectrum-web-components/color-handle/sp-color-handle.js';\nimport {\n    ColorController,\n    ColorValue,\n    HSL,\n} from '@spectrum-web-components/reactive-controllers/src/Color.js';\n\nimport styles from './color-slider.css.js';\n\n/**\n * @element sp-color-slider\n * @slot gradient - a custom gradient visually outlining the available color values\n * @fires input - The value of the Color Slider has changed.\n * @fires change - An alteration to the value of the Color Slider has been committed by the user.\n */\nexport class ColorSlider extends Focusable {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public override disabled = false;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @query('.handle')\n    private handle!: ColorHandle;\n\n    @property({ type: String })\n    public label = 'hue';\n\n    @property({ type: Boolean, reflect: true })\n    public vertical = false;\n\n    private colorController = new ColorController(this, {\n        /* c8 ignore next 3 */\n        applyColorToState: () => {\n            this.sliderHandlePosition = 100 * (this.colorController.hue / 360);\n        },\n        extractColorFromState: (controller) => ({\n            ...(controller.getColor('hsl') as HSL),\n            h: this.value,\n        }),\n        maintains: 'saturation',\n    });\n\n    @property({ type: Number })\n    public get value(): number {\n        return this.colorController.hue;\n    }\n\n    public set value(hue: number) {\n        this.colorController.hue = hue;\n    }\n\n    @property({ type: Number, reflect: true })\n    public sliderHandlePosition = 0;\n\n    @property({ type: String })\n    public get color(): ColorValue {\n        return this.colorController.color;\n    }\n\n    public set color(color: ColorValue) {\n        this.colorController.color = color;\n    }\n\n    @property({ type: Number })\n    public step = 1;\n\n    private get altered(): number {\n        return this._altered;\n    }\n\n    private set altered(altered: number) {\n        this._altered = altered;\n        this.step = Math.max(1, this.altered * 10);\n    }\n\n    private _altered = 0;\n\n    @query('input')\n    public input!: HTMLInputElement;\n\n    public override get focusElement(): HTMLInputElement {\n        return this.input;\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { key } = event;\n        this.focused = true;\n        this.altered = [event.shiftKey, event.ctrlKey, event.altKey].filter(\n            (key) => !!key\n        ).length;\n        let delta = 0;\n        switch (key) {\n            case 'ArrowUp':\n                delta = this.step;\n                break;\n            case 'ArrowDown':\n                delta = -this.step;\n                break;\n            case 'ArrowLeft':\n                delta = this.step * (this.isLTR ? -1 : 1);\n                break;\n            case 'ArrowRight':\n                delta = this.step * (this.isLTR ? 1 : -1);\n                break;\n            default:\n                return;\n        }\n        event.preventDefault();\n\n        this.sliderHandlePosition = Math.min(\n            100,\n            Math.max(0, this.sliderHandlePosition + delta)\n        );\n        this.value = 360 * (this.sliderHandlePosition / 100);\n        this.colorController.applyColorFromState();\n\n        if (delta != 0) {\n            this.dispatchEvent(\n                new Event('input', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            this.dispatchEvent(\n                new Event('change', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n        }\n    }\n\n    private handleInput(event: Event & { target: HTMLInputElement }): void {\n        const { valueAsNumber } = event.target;\n\n        this.value = valueAsNumber;\n        this.sliderHandlePosition = 100 * (this.value / 360);\n        this.colorController.applyColorFromState();\n    }\n\n    private handleChange(event: Event & { target: HTMLInputElement }): void {\n        this.handleInput(event);\n        this.dispatchEvent(\n            new Event('change', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n    }\n\n    public override focus(focusOptions: FocusOptions = {}): void {\n        super.focus(focusOptions);\n        this.forwardFocus();\n    }\n\n    private forwardFocus(): void {\n        this.focused = this.hasVisibleFocusInTree();\n        this.input.focus();\n    }\n\n    private handleFocusin(): void {\n        this.focused = true;\n    }\n\n    private handleFocusout(): void {\n        if (this._pointerDown) {\n            return;\n        }\n        this.altered = 0;\n        this.focused = false;\n    }\n\n    private boundingClientRect!: DOMRect;\n    private _pointerDown = false;\n\n    private handlePointerdown(event: PointerEvent): void {\n        if (event.button !== 0) {\n            event.preventDefault();\n            return;\n        }\n        this._pointerDown = true;\n        this.colorController.savePreviousColor();\n        this.boundingClientRect = this.getBoundingClientRect();\n        (event.target as HTMLElement).setPointerCapture(event.pointerId);\n        if (event.pointerType === 'mouse') {\n            this.focused = true;\n        }\n    }\n\n    private handlePointermove(event: PointerEvent): void {\n        this.sliderHandlePosition = this.calculateHandlePosition(event);\n        this.value = 360 * (this.sliderHandlePosition / 100);\n\n        this.colorController.applyColorFromState();\n\n        this.dispatchEvent(\n            new Event('input', {\n                bubbles: true,\n                composed: true,\n                cancelable: true,\n            })\n        );\n    }\n\n    private handlePointerup(event: PointerEvent): void {\n        this._pointerDown = false;\n        (event.target as HTMLElement).releasePointerCapture(event.pointerId);\n\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                bubbles: true,\n                composed: true,\n                cancelable: true,\n            })\n        );\n        if (!applyDefault) {\n            this.colorController.restorePreviousColor();\n        }\n        // Retain focus on input element after mouse up to enable keyboard interactions\n        this.focus();\n        if (event.pointerType === 'mouse') {\n            this.focused = false;\n        }\n    }\n\n    /**\n     * Returns the value under the cursor\n     * @param: PointerEvent on slider\n     * @return: Slider value that correlates to the position under the pointer\n     */\n    private calculateHandlePosition(event: PointerEvent): number {\n        /* c8 ignore next 3 */\n        if (!this.boundingClientRect) {\n            return this.sliderHandlePosition;\n        }\n        const rect = this.boundingClientRect;\n        const minOffset = this.vertical ? rect.top : rect.left;\n        const offset = this.vertical ? event.clientY : event.clientX;\n        const size = this.vertical ? rect.height : rect.width;\n\n        const percent = Math.max(0, Math.min(1, (offset - minOffset) / size));\n        const sliderHandlePosition = 100 * percent;\n\n        return sliderHandlePosition;\n    }\n\n    private handleGradientPointerdown(event: PointerEvent): void {\n        if (event.button !== 0) {\n            return;\n        }\n        event.stopPropagation();\n        event.preventDefault();\n        this.handle.dispatchEvent(new PointerEvent('pointerdown', event));\n        this.handlePointermove(event);\n    }\n\n    private get handlePositionStyles(): string {\n        return `${this.vertical ? 'top' : 'left'}: ${\n            this.sliderHandlePosition\n        }%`;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div\n                class=\"checkerboard\"\n                role=\"presentation\"\n                @pointerdown=${this.handleGradientPointerdown}\n            >\n                <div\n                    class=\"gradient\"\n                    role=\"presentation\"\n                    style=\"background: linear-gradient(to ${this.vertical\n                        ? 'bottom'\n                        : 'right'}, var(--sp-color-slider-gradient, var(--sp-color-slider-gradient-fallback)));\"\n                >\n                    <slot name=\"gradient\"></slot>\n                </div>\n            </div>\n            <sp-color-handle\n                tabindex=${ifDefined(this.focused ? undefined : '0')}\n                @focus=${this.forwardFocus}\n                ?focused=${this.focused}\n                class=\"handle\"\n                color=\"hsl(${this.value}, 100%, 50%)\"\n                ?disabled=${this.disabled}\n                style=${this.handlePositionStyles}\n                ${streamingListener({\n                    start: ['pointerdown', this.handlePointerdown],\n                    streamInside: ['pointermove', this.handlePointermove],\n                    end: [['pointerup', 'pointercancel'], this.handlePointerup],\n                })}\n            ></sp-color-handle>\n            <input\n                type=\"range\"\n                class=\"slider\"\n                min=\"0\"\n                max=\"360\"\n                step=${this.step}\n                aria-label=${this.label}\n                .value=${String(this.value)}\n                @input=${this.handleInput}\n                @change=${this.handleChange}\n                @keydown=${this.handleKeydown}\n            />\n        `;\n    }\n\n    protected override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n        this.boundingClientRect = this.getBoundingClientRect();\n        this.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('focusout', this.handleFocusout);\n    }\n}\n"],
+  "mappings": "qNAYA,OAEI,QAAAA,MAGG,gCACP,OAAS,aAAAC,MAAiB,kDAC1B,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,qBAAAC,MAAyB,0DAClC,OAAS,aAAAC,MAAiB,mDAE1B,MAAO,2DACP,OACI,mBAAAC,MAGG,6DAEP,OAAOC,MAAY,wBAQZ,aAAM,oBAAoBF,CAAU,CAApC,kCAMH,KAAgB,SAAW,GAG3B,KAAO,QAAU,GAMjB,KAAO,MAAQ,MAGf,KAAO,SAAW,GAElB,KAAQ,gBAAkB,IAAIC,EAAgB,KAAM,CAEhD,kBAAmB,IAAM,CACrB,KAAK,qBAAuB,KAAO,KAAK,gBAAgB,IAAM,IAClE,EACA,sBAAwBE,IAAgB,CACpC,GAAIA,EAAW,SAAS,KAAK,EAC7B,EAAG,KAAK,KACZ,GACA,UAAW,YACf,CAAC,EAYD,KAAO,qBAAuB,EAY9B,KAAO,KAAO,EAWd,KAAQ,SAAW,EAkGnB,KAAQ,aAAe,GAlKvB,WAA2B,QAAyB,CAChD,MAAO,CAACD,CAAM,CAClB,CA8BA,IAAW,OAAgB,CACvB,OAAO,KAAK,gBAAgB,GAChC,CAEA,IAAW,MAAME,EAAa,CAC1B,KAAK,gBAAgB,IAAMA,CAC/B,CAMA,IAAW,OAAoB,CAC3B,OAAO,KAAK,gBAAgB,KAChC,CAEA,IAAW,MAAMC,EAAmB,CAChC,KAAK,gBAAgB,MAAQA,CACjC,CAKA,IAAY,SAAkB,CAC1B,OAAO,KAAK,QAChB,CAEA,IAAY,QAAQC,EAAiB,CACjC,KAAK,SAAWA,EAChB,KAAK,KAAO,KAAK,IAAI,EAAG,KAAK,QAAU,EAAE,CAC7C,CAOA,IAAoB,cAAiC,CACjD,OAAO,KAAK,KAChB,CAEQ,cAAcC,EAA4B,CAC9C,KAAM,CAAE,IAAAC,CAAI,EAAID,EAChB,KAAK,QAAU,GACf,KAAK,QAAU,CAACA,EAAM,SAAUA,EAAM,QAASA,EAAM,MAAM,EAAE,OACxDC,GAAQ,CAAC,CAACA,CACf,EAAE,OACF,IAAIC,EAAQ,EACZ,OAAQD,OACC,UACDC,EAAQ,KAAK,KACb,UACC,YACDA,EAAQ,CAAC,KAAK,KACd,UACC,YACDA,EAAQ,KAAK,MAAQ,KAAK,MAAQ,GAAK,GACvC,UACC,aACDA,EAAQ,KAAK,MAAQ,KAAK,MAAQ,EAAI,IACtC,cAEA,OAERF,EAAM,eAAe,EAErB,KAAK,qBAAuB,KAAK,IAC7B,IACA,KAAK,IAAI,EAAG,KAAK,qBAAuBE,CAAK,CACjD,EACA,KAAK,MAAQ,KAAO,KAAK,qBAAuB,KAChD,KAAK,gBAAgB,oBAAoB,EAErCA,GAAS,IACT,KAAK,cACD,IAAI,MAAM,QAAS,CACf,QAAS,GACT,SAAU,EACd,CAAC,CACL,EACA,KAAK,cACD,IAAI,MAAM,SAAU,CAChB,QAAS,GACT,SAAU,EACd,CAAC,CACL,EAER,CAEQ,YAAYF,EAAmD,CACnE,KAAM,CAAE,cAAAG,CAAc,EAAIH,EAAM,OAEhC,KAAK,MAAQG,EACb,KAAK,qBAAuB,KAAO,KAAK,MAAQ,KAChD,KAAK,gBAAgB,oBAAoB,CAC7C,CAEQ,aAAaH,EAAmD,CACpE,KAAK,YAAYA,CAAK,EACtB,KAAK,cACD,IAAI,MAAM,SAAU,CAChB,QAAS,GACT,SAAU,EACd,CAAC,CACL,CACJ,CAEgB,MAAMI,EAA6B,CAAC,EAAS,CACzD,MAAM,MAAMA,CAAY,EACxB,KAAK,aAAa,CACtB,CAEQ,cAAqB,CACzB,KAAK,QAAU,KAAK,sBAAsB,EAC1C,KAAK,MAAM,MAAM,CACrB,CAEQ,eAAsB,CAC1B,KAAK,QAAU,EACnB,CAEQ,gBAAuB,CACvB,KAAK,eAGT,KAAK,QAAU,EACf,KAAK,QAAU,GACnB,CAKQ,kBAAkBJ,EAA2B,CACjD,GAAIA,EAAM,SAAW,EAAG,CACpBA,EAAM,eAAe,EACrB,MACJ,CACA,KAAK,aAAe,GACpB,KAAK,gBAAgB,kBAAkB,EACvC,KAAK,mBAAqB,KAAK,sBAAsB,EACpDA,EAAM,OAAuB,kBAAkBA,EAAM,SAAS,EAC3DA,EAAM,cAAgB,UACtB,KAAK,QAAU,GAEvB,CAEQ,kBAAkBA,EAA2B,CACjD,KAAK,qBAAuB,KAAK,wBAAwBA,CAAK,EAC9D,KAAK,MAAQ,KAAO,KAAK,qBAAuB,KAEhD,KAAK,gBAAgB,oBAAoB,EAEzC,KAAK,cACD,IAAI,MAAM,QAAS,CACf,QAAS,GACT,SAAU,GACV,WAAY,EAChB,CAAC,CACL,CACJ,CAEQ,gBAAgBA,EAA2B,CAC/C,KAAK,aAAe,GACnBA,EAAM,OAAuB,sBAAsBA,EAAM,SAAS,EAE9C,KAAK,cACtB,IAAI,MAAM,SAAU,CAChB,QAAS,GACT,SAAU,GACV,WAAY,EAChB,CAAC,CACL,GAEI,KAAK,gBAAgB,qBAAqB,EAG9C,KAAK,MAAM,EACPA,EAAM,cAAgB,UACtB,KAAK,QAAU,GAEvB,CAOQ,wBAAwBA,EAA6B,CAEzD,GAAI,CAAC,KAAK,mBACN,OAAO,KAAK,qBAEhB,MAAMK,EAAO,KAAK,mBACZC,EAAY,KAAK,SAAWD,EAAK,IAAMA,EAAK,KAC5CE,EAAS,KAAK,SAAWP,EAAM,QAAUA,EAAM,QAC/CQ,EAAO,KAAK,SAAWH,EAAK,OAASA,EAAK,MAE1CI,EAAU,KAAK,IAAI,EAAG,KAAK,IAAI,GAAIF,EAASD,GAAaE,CAAI,CAAC,EAGpE,MAF6B,KAAMC,CAGvC,CAEQ,0BAA0BT,EAA2B,CACrDA,EAAM,SAAW,IAGrBA,EAAM,gBAAgB,EACtBA,EAAM,eAAe,EACrB,KAAK,OAAO,cAAc,IAAI,aAAa,cAAeA,CAAK,CAAC,EAChE,KAAK,kBAAkBA,CAAK,EAChC,CAEA,IAAY,sBAA+B,CACvC,MAAO,GAAG,KAAK,SAAW,MAAQ,WAC9B,KAAK,uBAEb,CAEmB,QAAyB,CACxC,OAAOZ;AAAA;AAAA;AAAA;AAAA,+BAIgB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,4DAKwB,KAAK,SACvC,SACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMCC,EAAU,KAAK,QAAU,OAAY,GAAG;AAAA,yBAC1C,KAAK;AAAA,2BACH,KAAK;AAAA;AAAA,6BAEH,KAAK;AAAA,4BACN,KAAK;AAAA,wBACT,KAAK;AAAA,kBACXG,EAAkB,CAChB,MAAO,CAAC,cAAe,KAAK,iBAAiB,EAC7C,aAAc,CAAC,cAAe,KAAK,iBAAiB,EACpD,IAAK,CAAC,CAAC,YAAa,eAAe,EAAG,KAAK,eAAe,CAC9D,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAOM,KAAK;AAAA,6BACC,KAAK;AAAA,yBACT,OAAO,KAAK,KAAK;AAAA,yBACjB,KAAK;AAAA,0BACJ,KAAK;AAAA,2BACJ,KAAK;AAAA;AAAA,SAG5B,CAEmB,aAAakB,EAA+B,CAC3D,MAAM,aAAaA,CAAO,EAC1B,KAAK,mBAAqB,KAAK,sBAAsB,EACrD,KAAK,iBAAiB,UAAW,KAAK,aAAa,EACnD,KAAK,iBAAiB,WAAY,KAAK,cAAc,CACzD,CACJ,CA1SoBC,EAAA,CADfrB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GALjC,YAMO,wBAGTqB,EAAA,CADNrB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARjC,YASF,uBAGCqB,EAAA,CADPpB,EAAM,SAAS,GAXP,YAYD,sBAGDoB,EAAA,CADNrB,EAAS,CAAE,KAAM,MAAO,CAAC,GAdjB,YAeF,qBAGAqB,EAAA,CADNrB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjBjC,YAkBF,wBAeIqB,EAAA,CADVrB,EAAS,CAAE,KAAM,MAAO,CAAC,GAhCjB,YAiCE,qBASJqB,EAAA,CADNrB,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAzChC,YA0CF,oCAGIqB,EAAA,CADVrB,EAAS,CAAE,KAAM,MAAO,CAAC,GA5CjB,YA6CE,qBASJqB,EAAA,CADNrB,EAAS,CAAE,KAAM,MAAO,CAAC,GArDjB,YAsDF,oBAcAqB,EAAA,CADNpB,EAAM,OAAO,GAnEL,YAoEF",
+  "names": ["html", "ifDefined", "property", "query", "streamingListener", "Focusable", "ColorController", "styles", "controller", "hue", "color", "altered", "event", "key", "delta", "valueAsNumber", "focusOptions", "rect", "minOffset", "offset", "size", "percent", "changed", "__decorateClass"]
 }

package/src/color-slider.css.dev.js

@@ -1,3 +1,4 @@
+"use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
 :host{--spectrum-colorslider-handle-hitarea-border-radius:0%;--spectrum-colorslider-handle-hitarea-width:var(

package/src/color-slider.css.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["color-slider.css.ts"],
   "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-colorslider-handle-hitarea-border-radius:0%;--spectrum-colorslider-handle-hitarea-width:var(\n--spectrum-global-dimension-size-300\n);--spectrum-colorslider-handle-hitarea-height:var(\n--spectrum-global-dimension-size-300\n)}:host([focused]) .handle{height:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*2);margin-left:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*-1);margin-top:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*-1);width:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*2)}.slider{height:100%;left:0;margin:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}:host{cursor:default;display:block;height:var(\n--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300)\n);position:relative;-webkit-user-select:none;user-select:none;width:var(\n--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400)\n)}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([vertical]){display:inline-block;height:var(\n--spectrum-colorslider-vertical-default-length,var(--spectrum-global-dimension-size-2400)\n);width:var(\n--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300)\n)}:host([vertical]) .handle{left:50%;top:0}.handle{left:0;top:50%}.handle:after{border-radius:var(\n--spectrum-colorslider-handle-hitarea-border-radius\n);height:var(--spectrum-colorslider-handle-hitarea-height);width:var(--spectrum-colorslider-handle-hitarea-width)}.checkerboard{background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px) calc(var(--spectrum-global-dimension-static-size-100, 8px)*-1),calc(var(--spectrum-global-dimension-static-size-100, 8px)*-1) 0;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px)}.checkerboard:before{border-radius:var(\n--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular)\n);bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:1}.checkerboard,.gradient{border-radius:var(\n--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular)\n);height:100%;width:100%}:host{--spectrum-colorslider-border-color:var(\n--spectrum-colorarea-border-color,var(--spectrum-alias-border-color-translucent)\n)}.checkerboard{background-color:var(\n--spectrum-colorcontrol-checkerboard-light-color,var(--spectrum-global-color-static-white)\n);background-image:linear-gradient(-45deg,transparent 75.5%,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 75.5%),linear-gradient(45deg,transparent 75.5%,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 75.5%),linear-gradient(-45deg,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 25.5%,transparent 25.5%),linear-gradient(45deg,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 25.5%,transparent 25.5%)}.checkerboard:before{box-shadow:inset 0 0 0 var(\n--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin)\n) var(\n--spectrum-colorslider-border-color,var(--spectrum-alias-border-color-translucent)\n)}:host([disabled]) .checkerboard{background:var(\n--spectrum-colorslider-fill-color-disabled,var(--spectrum-alias-track-color-disabled)\n)}:host([disabled]) .checkerboard:before{box-shadow:0 0 0 var(\n--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin)\n) var(\n--spectrum-colorslider-border-color-disabled,var(--spectrum-alias-track-color-disabled)\n)}:host([disabled]) .gradient{display:none}@media (forced-colors:active){:host{--spectrum-colorslider-border-color-disabled:GrayText;--spectrum-colorslider-fill-color-disabled:Canvas}:host{forced-color-adjust:none}}:host{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){height:100%;width:100%}\n`;\nexport default styles;"],
-  "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDf,eAAe;",
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDf,eAAe;",
   "names": []
 }

package/src/color-slider.css.js

@@ -1,4 +1,4 @@
-import{css as r}from"@spectrum-web-components/base";const e=r`
+"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 :host{--spectrum-colorslider-handle-hitarea-border-radius:0%;--spectrum-colorslider-handle-hitarea-width:var(
 --spectrum-global-dimension-size-300
 );--spectrum-colorslider-handle-hitarea-height:var(

package/src/color-slider.css.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["color-slider.css.ts"],
   "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-colorslider-handle-hitarea-border-radius:0%;--spectrum-colorslider-handle-hitarea-width:var(\n--spectrum-global-dimension-size-300\n);--spectrum-colorslider-handle-hitarea-height:var(\n--spectrum-global-dimension-size-300\n)}:host([focused]) .handle{height:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*2);margin-left:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*-1);margin-top:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*-1);width:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*2)}.slider{height:100%;left:0;margin:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}:host{cursor:default;display:block;height:var(\n--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300)\n);position:relative;-webkit-user-select:none;user-select:none;width:var(\n--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400)\n)}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([vertical]){display:inline-block;height:var(\n--spectrum-colorslider-vertical-default-length,var(--spectrum-global-dimension-size-2400)\n);width:var(\n--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300)\n)}:host([vertical]) .handle{left:50%;top:0}.handle{left:0;top:50%}.handle:after{border-radius:var(\n--spectrum-colorslider-handle-hitarea-border-radius\n);height:var(--spectrum-colorslider-handle-hitarea-height);width:var(--spectrum-colorslider-handle-hitarea-width)}.checkerboard{background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px) calc(var(--spectrum-global-dimension-static-size-100, 8px)*-1),calc(var(--spectrum-global-dimension-static-size-100, 8px)*-1) 0;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px)}.checkerboard:before{border-radius:var(\n--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular)\n);bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:1}.checkerboard,.gradient{border-radius:var(\n--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular)\n);height:100%;width:100%}:host{--spectrum-colorslider-border-color:var(\n--spectrum-colorarea-border-color,var(--spectrum-alias-border-color-translucent)\n)}.checkerboard{background-color:var(\n--spectrum-colorcontrol-checkerboard-light-color,var(--spectrum-global-color-static-white)\n);background-image:linear-gradient(-45deg,transparent 75.5%,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 75.5%),linear-gradient(45deg,transparent 75.5%,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 75.5%),linear-gradient(-45deg,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 25.5%,transparent 25.5%),linear-gradient(45deg,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 25.5%,transparent 25.5%)}.checkerboard:before{box-shadow:inset 0 0 0 var(\n--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin)\n) var(\n--spectrum-colorslider-border-color,var(--spectrum-alias-border-color-translucent)\n)}:host([disabled]) .checkerboard{background:var(\n--spectrum-colorslider-fill-color-disabled,var(--spectrum-alias-track-color-disabled)\n)}:host([disabled]) .checkerboard:before{box-shadow:0 0 0 var(\n--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin)\n) var(\n--spectrum-colorslider-border-color-disabled,var(--spectrum-alias-track-color-disabled)\n)}:host([disabled]) .gradient{display:none}@media (forced-colors:active){:host{--spectrum-colorslider-border-color-disabled:GrayText;--spectrum-colorslider-fill-color-disabled:Canvas}:host{forced-color-adjust:none}}:host{--sp-color-slider-gradient-fallback:red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%;touch-action:none}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){height:100%;width:100%}\n`;\nexport default styles;"],
-  "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuDf,cAAe",
-  "names": []
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuDf,eAAeC",
+  "names": ["css", "styles"]
 }

package/src/index.dev.js

@@ -1,2 +1,3 @@
+"use strict";
 export * from "./ColorSlider.dev.js";
 //# sourceMappingURL=index.dev.js.map

package/src/index.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["index.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nexport * from './ColorSlider.dev.js'\n"],
-  "mappings": "AAYA;",
+  "mappings": ";AAYA,cAAc;",
   "names": []
 }

package/src/index.js

@@ -1,2 +1,2 @@
-export*from"./ColorSlider.js";
+"use strict";export*from"./ColorSlider.js";
 //# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["index.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nexport * from './ColorSlider.js';\n"],
-  "mappings": "AAYA",
+  "mappings": "aAYA,WAAc",
   "names": []
 }

package/src/spectrum-color-slider.css.dev.js

@@ -1,3 +1,4 @@
+"use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
 :host{--spectrum-colorslider-handle-hitarea-border-radius:0%;--spectrum-colorslider-handle-hitarea-width:var(

package/src/spectrum-color-slider.css.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["spectrum-color-slider.css.ts"],
   "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-colorslider-handle-hitarea-border-radius:0%;--spectrum-colorslider-handle-hitarea-width:var(\n--spectrum-global-dimension-size-300\n);--spectrum-colorslider-handle-hitarea-height:var(\n--spectrum-global-dimension-size-300\n)}:host([focused]) .handle{height:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*2);margin-left:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*-1);margin-top:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*-1);width:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*2)}.slider{height:100%;left:0;margin:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}:host{cursor:default;display:block;height:var(\n--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300)\n);position:relative;-webkit-user-select:none;user-select:none;width:var(\n--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400)\n)}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([vertical]){display:inline-block;height:var(\n--spectrum-colorslider-vertical-default-length,var(--spectrum-global-dimension-size-2400)\n);width:var(\n--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300)\n)}:host([vertical]) .handle{left:50%;top:0}.handle{left:0;top:50%}.handle:after{border-radius:var(\n--spectrum-colorslider-handle-hitarea-border-radius\n);height:var(--spectrum-colorslider-handle-hitarea-height);width:var(--spectrum-colorslider-handle-hitarea-width)}.checkerboard{background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px) calc(var(--spectrum-global-dimension-static-size-100, 8px)*-1),calc(var(--spectrum-global-dimension-static-size-100, 8px)*-1) 0;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px)}.checkerboard:before{border-radius:var(\n--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular)\n);bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:1}.checkerboard,.gradient{border-radius:var(\n--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular)\n);height:100%;width:100%}:host{--spectrum-colorslider-border-color:var(\n--spectrum-colorarea-border-color,var(--spectrum-alias-border-color-translucent)\n)}.checkerboard{background-color:var(\n--spectrum-colorcontrol-checkerboard-light-color,var(--spectrum-global-color-static-white)\n);background-image:linear-gradient(-45deg,transparent 75.5%,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 75.5%),linear-gradient(45deg,transparent 75.5%,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 75.5%),linear-gradient(-45deg,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 25.5%,transparent 25.5%),linear-gradient(45deg,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 25.5%,transparent 25.5%)}.checkerboard:before{box-shadow:inset 0 0 0 var(\n--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin)\n) var(\n--spectrum-colorslider-border-color,var(--spectrum-alias-border-color-translucent)\n)}:host([disabled]) .checkerboard{background:var(\n--spectrum-colorslider-fill-color-disabled,var(--spectrum-alias-track-color-disabled)\n)}:host([disabled]) .checkerboard:before{box-shadow:0 0 0 var(\n--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin)\n) var(\n--spectrum-colorslider-border-color-disabled,var(--spectrum-alias-track-color-disabled)\n)}:host([disabled]) .gradient{display:none}@media (forced-colors:active){:host{--spectrum-colorslider-border-color-disabled:GrayText;--spectrum-colorslider-fill-color-disabled:Canvas}:host{forced-color-adjust:none}}\n`;\nexport default styles;"],
-  "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDf,eAAe;",
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDf,eAAe;",
   "names": []
 }

package/src/spectrum-color-slider.css.js

@@ -1,4 +1,4 @@
-import{css as r}from"@spectrum-web-components/base";const e=r`
+"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
 :host{--spectrum-colorslider-handle-hitarea-border-radius:0%;--spectrum-colorslider-handle-hitarea-width:var(
 --spectrum-global-dimension-size-300
 );--spectrum-colorslider-handle-hitarea-height:var(

package/src/spectrum-color-slider.css.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["spectrum-color-slider.css.ts"],
   "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-colorslider-handle-hitarea-border-radius:0%;--spectrum-colorslider-handle-hitarea-width:var(\n--spectrum-global-dimension-size-300\n);--spectrum-colorslider-handle-hitarea-height:var(\n--spectrum-global-dimension-size-300\n)}:host([focused]) .handle{height:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*2);margin-left:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*-1);margin-top:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*-1);width:calc(var(\n--spectrum-colorhandle-size,\nvar(--spectrum-global-dimension-size-200)\n)*2)}.slider{height:100%;left:0;margin:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}:host{cursor:default;display:block;height:var(\n--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300)\n);position:relative;-webkit-user-select:none;user-select:none;width:var(\n--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400)\n)}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([vertical]){display:inline-block;height:var(\n--spectrum-colorslider-vertical-default-length,var(--spectrum-global-dimension-size-2400)\n);width:var(\n--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300)\n)}:host([vertical]) .handle{left:50%;top:0}.handle{left:0;top:50%}.handle:after{border-radius:var(\n--spectrum-colorslider-handle-hitarea-border-radius\n);height:var(--spectrum-colorslider-handle-hitarea-height);width:var(--spectrum-colorslider-handle-hitarea-width)}.checkerboard{background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px) calc(var(--spectrum-global-dimension-static-size-100, 8px)*-1),calc(var(--spectrum-global-dimension-static-size-100, 8px)*-1) 0;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px)}.checkerboard:before{border-radius:var(\n--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular)\n);bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:1}.checkerboard,.gradient{border-radius:var(\n--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular)\n);height:100%;width:100%}:host{--spectrum-colorslider-border-color:var(\n--spectrum-colorarea-border-color,var(--spectrum-alias-border-color-translucent)\n)}.checkerboard{background-color:var(\n--spectrum-colorcontrol-checkerboard-light-color,var(--spectrum-global-color-static-white)\n);background-image:linear-gradient(-45deg,transparent 75.5%,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 75.5%),linear-gradient(45deg,transparent 75.5%,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 75.5%),linear-gradient(-45deg,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 25.5%,transparent 25.5%),linear-gradient(45deg,var(\n--spectrum-colorcontrol-checkerboard-dark-color,var(--spectrum-global-color-static-gray-300)\n) 25.5%,transparent 25.5%)}.checkerboard:before{box-shadow:inset 0 0 0 var(\n--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin)\n) var(\n--spectrum-colorslider-border-color,var(--spectrum-alias-border-color-translucent)\n)}:host([disabled]) .checkerboard{background:var(\n--spectrum-colorslider-fill-color-disabled,var(--spectrum-alias-track-color-disabled)\n)}:host([disabled]) .checkerboard:before{box-shadow:0 0 0 var(\n--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin)\n) var(\n--spectrum-colorslider-border-color-disabled,var(--spectrum-alias-track-color-disabled)\n)}:host([disabled]) .gradient{display:none}@media (forced-colors:active){:host{--spectrum-colorslider-border-color-disabled:GrayText;--spectrum-colorslider-fill-color-disabled:Canvas}:host{forced-color-adjust:none}}\n`;\nexport default styles;"],
-  "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuDf,cAAe",
-  "names": []
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuDf,eAAeC",
+  "names": ["css", "styles"]
 }

package/src/types.dev.js

@@ -1 +1,2 @@
+"use strict";
 //# sourceMappingURL=types.dev.js.map

package/src/types.js

@@ -1 +1,2 @@
+"use strict";
 //# sourceMappingURL=types.js.map

package/stories/color-slider.stories.js

@@ -1,19 +1,93 @@
-import{html as r}from"@spectrum-web-components/base";import"@spectrum-web-components/color-slider/sp-color-slider.js";import{gradient as i}from"./images.js";export default{title:"Color/Slider",component:"sp-color-slider"};export const Default=()=>r`
+"use strict";
+import { html } from "@spectrum-web-components/base";
+import "@spectrum-web-components/color-slider/sp-color-slider.js";
+import { gradient } from "./images.js";
+export default {
+  title: "Color/Slider",
+  component: "sp-color-slider"
+};
+export const Default = () => {
+  return html`
         <sp-color-slider></sp-color-slider>
-    `,disabled=()=>r`
+    `;
+};
+export const disabled = () => {
+  return html`
         <sp-color-slider disabled></sp-color-slider>
-    `,vertical=()=>r`
+    `;
+};
+export const vertical = () => {
+  return html`
         <sp-color-slider vertical></sp-color-slider>
-    `,canvas=()=>r`
+    `;
+};
+export const canvas = () => {
+  return html`
         <sp-color-slider color="rgb(255, 0, 0)">
             <canvas slot="gradient" role="presentation"></canvas>
         </sp-color-slider>
-    `;class a extends HTMLElement{constructor(){super();this.writeStatePromise=Promise.resolve(!1);this.writeStatePromise=new Promise(s=>{requestAnimationFrame(()=>{this.writeToCanvas(),s(!0)})})}writeToCanvas(){const{previousElementSibling:s}=this;if(s){const e=s.querySelector('canvas[slot="gradient"]');if(e){e.width=e.offsetWidth,e.height=e.offsetHeight;const o=e.getContext("2d");if(o){o.rect(0,0,e.width,e.height);const t=o.createLinearGradient(0,0,e.width,e.height);t.addColorStop(0,"rgb(255, 0, 0)"),t.addColorStop(.17,"rgb(255, 255, 0)"),t.addColorStop(.33,"rgb(0, 255, 0)"),t.addColorStop(.5,"rgb(0, 255, 255)"),t.addColorStop(.67,"rgb(0, 0, 255)"),t.addColorStop(.83,"rgb(255, 0, 255)"),t.addColorStop(1,"rgb(255, 0, 0)"),o.fillStyle=t,o.fill()}}}}get updateComplete(){return this.writeStatePromise}}customElements.define("slider-canvas-writer",a),canvas.decorators=[l=>r`
-            ${l()}
+    `;
+};
+class CanvasWriter extends HTMLElement {
+  constructor() {
+    super();
+    this.writeStatePromise = Promise.resolve(false);
+    this.writeStatePromise = new Promise((res) => {
+      requestAnimationFrame(() => {
+        this.writeToCanvas();
+        res(true);
+      });
+    });
+  }
+  writeToCanvas() {
+    const { previousElementSibling } = this;
+    if (previousElementSibling) {
+      const canvas2 = previousElementSibling.querySelector(
+        'canvas[slot="gradient"]'
+      );
+      if (canvas2) {
+        canvas2.width = canvas2.offsetWidth;
+        canvas2.height = canvas2.offsetHeight;
+        const context = canvas2.getContext("2d");
+        if (context) {
+          context.rect(0, 0, canvas2.width, canvas2.height);
+          const gradient2 = context.createLinearGradient(
+            0,
+            0,
+            canvas2.width,
+            canvas2.height
+          );
+          gradient2.addColorStop(0, "rgb(255, 0, 0)");
+          gradient2.addColorStop(0.17, "rgb(255, 255, 0)");
+          gradient2.addColorStop(0.33, "rgb(0, 255, 0)");
+          gradient2.addColorStop(0.5, "rgb(0, 255, 255)");
+          gradient2.addColorStop(0.67, "rgb(0, 0, 255)");
+          gradient2.addColorStop(0.83, "rgb(255, 0, 255)");
+          gradient2.addColorStop(1, "rgb(255, 0, 0)");
+          context.fillStyle = gradient2;
+          context.fill();
+        }
+      }
+    }
+  }
+  get updateComplete() {
+    return this.writeStatePromise;
+  }
+}
+customElements.define("slider-canvas-writer", CanvasWriter);
+canvas.decorators = [
+  (story) => {
+    return html`
+            ${story()}
             <slider-canvas-writer></slider-canvas-writer>
-        `];export const image=()=>r`
+        `;
+  }
+];
+export const image = () => {
+  return html`
         <sp-color-slider color="rgb(255, 0, 0)">
-            <img slot="gradient" role="presentation" src=${i} />
+            <img slot="gradient" role="presentation" src=${gradient} />
         </sp-color-slider>
     `;
+};
 //# sourceMappingURL=color-slider.stories.js.map

package/stories/color-slider.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["color-slider.stories.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/color-slider/sp-color-slider.js';\nimport { gradient } from './images.js';\nexport default {\n    title: 'Color/Slider',\n    component: 'sp-color-slider',\n};\n\nexport const Default = (): TemplateResult => {\n    return html`\n        <sp-color-slider></sp-color-slider>\n    `;\n};\n\n// export const alpha = (): TemplateResult => {\n//     return html`\n//         <sp-color-slider\n//             style=\"--sp-color-slider-gradient: rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%;\"\n//             color=\"rgba(0, 0, 0, 1)\"\n//         ></sp-color-slider>\n//     `;\n// };\n\nexport const disabled = (): TemplateResult => {\n    return html`\n        <sp-color-slider disabled></sp-color-slider>\n    `;\n};\n\nexport const vertical = (): TemplateResult => {\n    return html`\n        <sp-color-slider vertical></sp-color-slider>\n    `;\n};\n\nexport const canvas = (): TemplateResult => {\n    return html`\n        <sp-color-slider color=\"rgb(255, 0, 0)\">\n            <canvas slot=\"gradient\" role=\"presentation\"></canvas>\n        </sp-color-slider>\n    `;\n};\n\nclass CanvasWriter extends HTMLElement {\n    writeToCanvas(): void {\n        const { previousElementSibling } = this;\n        if (previousElementSibling) {\n            const canvas = previousElementSibling.querySelector(\n                'canvas[slot=\"gradient\"]'\n            ) as HTMLCanvasElement;\n\n            if (canvas) {\n                canvas.width = canvas.offsetWidth;\n                canvas.height = canvas.offsetHeight;\n                const context = canvas.getContext('2d');\n                if (context) {\n                    context.rect(0, 0, canvas.width, canvas.height);\n\n                    const gradient = context.createLinearGradient(\n                        0,\n                        0,\n                        canvas.width,\n                        canvas.height\n                    );\n\n                    gradient.addColorStop(0, 'rgb(255, 0, 0)');\n                    gradient.addColorStop(0.17, 'rgb(255, 255, 0)');\n                    gradient.addColorStop(0.33, 'rgb(0, 255, 0)');\n                    gradient.addColorStop(0.5, 'rgb(0, 255, 255)');\n                    gradient.addColorStop(0.67, 'rgb(0, 0, 255)');\n                    gradient.addColorStop(0.83, 'rgb(255, 0, 255)');\n                    gradient.addColorStop(1, 'rgb(255, 0, 0)');\n\n                    context.fillStyle = gradient;\n                    context.fill();\n                }\n            }\n        }\n    }\n\n    constructor() {\n        super();\n        this.writeStatePromise = new Promise((res) => {\n            requestAnimationFrame(() => {\n                this.writeToCanvas();\n                res(true);\n            });\n        });\n    }\n\n    private writeStatePromise: Promise<boolean> = Promise.resolve(false);\n\n    get updateComplete(): Promise<boolean> {\n        return this.writeStatePromise;\n    }\n}\n\ncustomElements.define('slider-canvas-writer', CanvasWriter);\n\ncanvas.decorators = [\n    (story: () => TemplateResult): TemplateResult => {\n        return html`\n            ${story()}\n            <slider-canvas-writer></slider-canvas-writer>\n        `;\n    },\n];\n\nexport const image = (): TemplateResult => {\n    return html`\n        <sp-color-slider color=\"rgb(255, 0, 0)\">\n            <img slot=\"gradient\" role=\"presentation\" src=${gradient} />\n        </sp-color-slider>\n    `;\n};\n"],
-  "mappings": "AAYA,qDAEA,iEACA,uCACA,cAAe,CACX,MAAO,eACP,UAAW,iBACf,EAEO,YAAM,SAAU,IACZ;AAAA;AAAA,MAcE,SAAW,IACb;AAAA;AAAA,MAKE,SAAW,IACb;AAAA;AAAA,MAKE,OAAS,IACX;AAAA;AAAA;AAAA;AAAA,MAOX,MAAM,SAAqB,YAAY,CAqCnC,aAAc,CACV,MAAM,EASF,uBAAsC,QAAQ,QAAQ,EAAK,EAR/D,KAAK,kBAAoB,GAAI,SAAQ,AAAC,GAAQ,CAC1C,sBAAsB,IAAM,CACxB,KAAK,cAAc,EACnB,EAAI,EAAI,CACZ,CAAC,CACL,CAAC,CACL,CA5CA,eAAsB,CAClB,KAAM,CAAE,0BAA2B,KACnC,GAAI,EAAwB,CACxB,KAAM,GAAS,EAAuB,cAClC,yBACJ,EAEA,GAAI,EAAQ,CACR,EAAO,MAAQ,EAAO,YACtB,EAAO,OAAS,EAAO,aACvB,KAAM,GAAU,EAAO,WAAW,IAAI,EACtC,GAAI,EAAS,CACT,EAAQ,KAAK,EAAG,EAAG,EAAO,MAAO,EAAO,MAAM,EAE9C,KAAM,GAAW,EAAQ,qBACrB,EACA,EACA,EAAO,MACP,EAAO,MACX,EAEA,EAAS,aAAa,EAAG,gBAAgB,EACzC,EAAS,aAAa,IAAM,kBAAkB,EAC9C,EAAS,aAAa,IAAM,gBAAgB,EAC5C,EAAS,aAAa,GAAK,kBAAkB,EAC7C,EAAS,aAAa,IAAM,gBAAgB,EAC5C,EAAS,aAAa,IAAM,kBAAkB,EAC9C,EAAS,aAAa,EAAG,gBAAgB,EAEzC,EAAQ,UAAY,EACpB,EAAQ,KAAK,CACjB,CACJ,CACJ,CACJ,IAcI,iBAAmC,CACnC,MAAO,MAAK,iBAChB,CACJ,CAEA,eAAe,OAAO,uBAAwB,CAAY,EAE1D,OAAO,WAAa,CAChB,AAAC,GACU;AAAA,cACD,EAAM;AAAA;AAAA,SAIpB,EAEO,YAAM,OAAQ,IACV;AAAA;AAAA,2DAEgD;AAAA;",
-  "names": []
+  "mappings": ";AAYA,SAAS,YAA4B;AAErC,OAAO;AACP,SAAS,gBAAgB;AACzB,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AACf;AAEO,aAAM,UAAU,MAAsB;AACzC,SAAO;AAAA;AAAA;AAGX;AAWO,aAAM,WAAW,MAAsB;AAC1C,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,WAAW,MAAsB;AAC1C,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,SAAS,MAAsB;AACxC,SAAO;AAAA;AAAA;AAAA;AAAA;AAKX;AAEA,MAAM,qBAAqB,YAAY;AAAA,EAqCnC,cAAc;AACV,UAAM;AASV,SAAQ,oBAAsC,QAAQ,QAAQ,KAAK;AAR/D,SAAK,oBAAoB,IAAI,QAAQ,CAAC,QAAQ;AAC1C,4BAAsB,MAAM;AACxB,aAAK,cAAc;AACnB,YAAI,IAAI;AAAA,MACZ,CAAC;AAAA,IACL,CAAC;AAAA,EACL;AAAA,EA5CA,gBAAsB;AAClB,UAAM,EAAE,uBAAuB,IAAI;AACnC,QAAI,wBAAwB;AACxB,YAAMA,UAAS,uBAAuB;AAAA,QAClC;AAAA,MACJ;AAEA,UAAIA,SAAQ;AACR,QAAAA,QAAO,QAAQA,QAAO;AACtB,QAAAA,QAAO,SAASA,QAAO;AACvB,cAAM,UAAUA,QAAO,WAAW,IAAI;AACtC,YAAI,SAAS;AACT,kBAAQ,KAAK,GAAG,GAAGA,QAAO,OAAOA,QAAO,MAAM;AAE9C,gBAAMC,YAAW,QAAQ;AAAA,YACrB;AAAA,YACA;AAAA,YACAD,QAAO;AAAA,YACPA,QAAO;AAAA,UACX;AAEA,UAAAC,UAAS,aAAa,GAAG,gBAAgB;AACzC,UAAAA,UAAS,aAAa,MAAM,kBAAkB;AAC9C,UAAAA,UAAS,aAAa,MAAM,gBAAgB;AAC5C,UAAAA,UAAS,aAAa,KAAK,kBAAkB;AAC7C,UAAAA,UAAS,aAAa,MAAM,gBAAgB;AAC5C,UAAAA,UAAS,aAAa,MAAM,kBAAkB;AAC9C,UAAAA,UAAS,aAAa,GAAG,gBAAgB;AAEzC,kBAAQ,YAAYA;AACpB,kBAAQ,KAAK;AAAA,QACjB;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA,EAcA,IAAI,iBAAmC;AACnC,WAAO,KAAK;AAAA,EAChB;AACJ;AAEA,eAAe,OAAO,wBAAwB,YAAY;AAE1D,OAAO,aAAa;AAAA,EAChB,CAAC,UAAgD;AAC7C,WAAO;AAAA,cACD,MAAM;AAAA;AAAA;AAAA,EAGhB;AACJ;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA,2DAEgD;AAAA;AAAA;AAG3D;",
+  "names": ["canvas", "gradient"]
 }

package/stories/images.js

@@ -1,2 +1,3 @@
-export const gradient="data:image/png;base64,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ZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU06BaixAAAFVElEQVRmk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZ5P9Wm/wfmvGn3ZOZ97oAAAAASUVORK5CYII=";
+"use strict";
+export const gradient = "data:image/png;base64,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ZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU06BaixAAAFVElEQVRmk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZ5P9Wm/wfmvGn3ZOZ97oAAAAASUVORK5CYII=";
 //# sourceMappingURL=images.js.map

package/stories/images.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["images.ts"],
   "sourcesContent": ["// eslint-disable-next-line notice/notice\nexport const gradient =\n    'data:image/png;base64,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ZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU06BaixAAAFVElEQVRmk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZZDaZTWaT2WQ2mU1mk9lkNplNZpPZ5P9Wm/wfmvGn3ZOZ97oAAAAASUVORK5CYII=';\n"],
-  "mappings": "AACO,YAAM,UACT",
+  "mappings": ";AACO,aAAM,WACT;",
   "names": []
 }

package/test/benchmark/basic-test.js

@@ -1,4 +1,8 @@
-import"@spectrum-web-components/color-slider/sp-color-slider.js";import{html as r}from"lit";import{measureFixtureCreation as o}from"../../../../test/benchmark/helpers.js";o(r`
+"use strict";
+import "@spectrum-web-components/color-slider/sp-color-slider.js";
+import { html } from "lit";
+import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
+measureFixtureCreation(html`
     <sp-color-slider></sp-color-slider>
 `);
 //# sourceMappingURL=basic-test.js.map

package/test/benchmark/basic-test.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["basic-test.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/color-slider/sp-color-slider.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-color-slider></sp-color-slider>\n`);\n"],
-  "mappings": "AAYA,iEACA,2BACA,+EAEA,EAAuB;AAAA;AAAA,CAEtB",
+  "mappings": ";AAYA,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA,CAEtB;",
   "names": []
 }

package/test/color-slider.test-vrt.js

@@ -1,2 +1,5 @@
-import*as r from"../stories/color-slider.stories.js";import{regressVisuals as o}from"../../../test/visual/test.js";o("ColorSliderStories",r);
+"use strict";
+import * as stories from "../stories/color-slider.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("ColorSliderStories", stories);
 //# sourceMappingURL=color-slider.test-vrt.js.map

package/test/color-slider.test-vrt.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["color-slider.test-vrt.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/color-slider.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ColorSliderStories', stories);\n"],
-  "mappings": "AAYA,qDACA,8DAEA,EAAe,qBAAsB,CAAO",
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAE/B,eAAe,sBAAsB,OAAO;",
   "names": []
 }