@spectrum-web-components/slider 0.14.2 → 0.14.3

package/src/SliderHandle.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["SliderHandle.ts"],
-  "sourcesContent": ["/*\nCopyright 2021 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 { PropertyValues } from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { ProvideLang } from '@spectrum-web-components/theme';\nimport {\n    NumberFormatOptions,\n    NumberFormatter,\n} from '@internationalized/number';\n\nexport type HandleMin = number | 'previous';\nexport type HandleMax = number | 'next';\n\nexport type HandleValues = {\n    name: string;\n    value: number;\n}[];\n\nexport interface Controller {\n    inputForHandle(handle: SliderHandle): HTMLInputElement | undefined;\n    requestUpdate(): void;\n    setValueFromHandle(handle: SliderHandle): void;\n    handleHasChanged(handle: SliderHandle): void;\n}\n\nexport type SliderNormalization = {\n    toNormalized: (value: number, min: number, max: number) => number;\n    fromNormalized: (value: number, min: number, max: number) => number;\n};\n\nexport const defaultNormalization: SliderNormalization = {\n    toNormalized(value: number, min: number, max: number) {\n        return (value - min) / (max - min);\n    },\n    fromNormalized(value: number, min: number, max: number) {\n        return value * (max - min) + min;\n    },\n};\n\nconst MinConverter = {\n    fromAttribute: (value: string): number | 'previous' => {\n        if (value === 'previous') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'previous' | number): string => {\n        return value.toString();\n    },\n};\n\nconst MaxConverter = {\n    fromAttribute: (value: string): number | 'next' => {\n        if (value === 'next') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'next' | number): string => {\n        return value.toString();\n    },\n};\n\n/**\n * @element sp-slider-handle\n *\n * @fires input - The value of the element has changed.\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class SliderHandle extends Focusable {\n    public handleController?: Controller;\n\n    public get handleName(): string {\n        return this.name;\n    }\n\n    public override get focusElement(): HTMLElement {\n        /* c8 ignore next */\n        return this.handleController?.inputForHandle(this) ?? this;\n    }\n\n    _forcedUnit = '';\n\n    @property({ type: Number })\n    value = 10;\n\n    @property({ type: Boolean, reflect: true })\n    public dragging = false;\n\n    @property({ type: Boolean })\n    public highlight = false;\n\n    @property({ type: String })\n    public name = '';\n\n    @property({ reflect: true, converter: MinConverter })\n    public min?: number | 'previous';\n\n    @property({ reflect: true, converter: MaxConverter })\n    public max?: number | 'next';\n\n    @property({ attribute: false })\n    private resolvedLanguage =\n        document.documentElement.lang || navigator.language;\n\n    @property({ type: Number, reflect: true })\n    public step?: number;\n\n    @property({ type: Object, attribute: 'format-options' })\n    public formatOptions?: NumberFormatOptions;\n\n    @property({ type: String })\n    public label = '';\n\n    @property({ attribute: false })\n    public getAriaHandleText: (\n        value: number,\n        numberFormat: NumberFormatter\n    ) => string = (value, numberFormat) => {\n        return numberFormat.format(value);\n    };\n\n    protected override update(changes: PropertyValues): void {\n        if (changes.has('formatOptions') || changes.has('resolvedLanguage')) {\n            delete this._numberFormatCache;\n        }\n        if (changes.has('value')) {\n            const oldValue = changes.get('value');\n            if (oldValue != null) {\n                this.updateComplete.then(() => {\n                    this.handleController?.setValueFromHandle(this);\n                });\n            }\n        }\n        this.handleController?.handleHasChanged(this);\n        super.update(changes);\n    }\n\n    protected override firstUpdated(\n        changedProperties: PropertyValues<this>\n    ): void {\n        super.firstUpdated(changedProperties);\n        this.dispatchEvent(new CustomEvent('sp-slider-handle-ready'));\n    }\n\n    @property({ attribute: false })\n    public normalization: SliderNormalization = defaultNormalization;\n\n    public dispatchInputEvent(): void {\n        const inputEvent = new Event('input', {\n            bubbles: true,\n            composed: true,\n        });\n\n        this.dispatchEvent(inputEvent);\n    }\n\n    protected _numberFormatCache:\n        | { numberFormat: NumberFormatter; language: string }\n        | undefined;\n    protected getNumberFormat(): NumberFormatter {\n        /* c8 ignore next */\n        if (\n            !this._numberFormatCache ||\n            this.resolvedLanguage !== this._numberFormatCache.language\n        ) {\n            let numberFormatter: NumberFormatter;\n            try {\n                numberFormatter = new NumberFormatter(\n                    this.resolvedLanguage,\n                    this.formatOptions\n                );\n                this._forcedUnit = '';\n                // numberFormatter.format(1);\n            } catch (error) {\n                const {\n                    style,\n                    unit,\n                    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                    unitDisplay,\n                    ...formatOptionsNoUnit\n                } = this.formatOptions || {};\n                if (style === 'unit') {\n                    this._forcedUnit = unit as string;\n                }\n                numberFormatter = new NumberFormatter(\n                    this.resolvedLanguage,\n                    formatOptionsNoUnit\n                );\n            }\n            this._numberFormatCache = {\n                language: this.resolvedLanguage,\n                numberFormat: numberFormatter,\n            };\n        }\n        /* c8 ignore next */\n        return this._numberFormatCache?.numberFormat;\n    }\n\n    public get numberFormat(): NumberFormatter | undefined {\n        if (!this.formatOptions) return;\n        return this.getNumberFormat();\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.resolveLanguage();\n    }\n\n    public override disconnectedCallback(): void {\n        this.resolveLanguage();\n        super.disconnectedCallback();\n    }\n\n    private resolveLanguage(): void {\n        const queryThemeEvent = new CustomEvent<ProvideLang>(\n            'sp-language-context',\n            {\n                bubbles: true,\n                composed: true,\n                detail: {\n                    callback: (lang: string) => {\n                        this.resolvedLanguage = lang;\n                    },\n                },\n                cancelable: true,\n            }\n        );\n        this.dispatchEvent(queryThemeEvent);\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2021 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 { PropertyValues } from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport {\n    NumberFormatOptions,\n    NumberFormatter,\n} from '@internationalized/number';\n\nexport type HandleMin = number | 'previous';\nexport type HandleMax = number | 'next';\n\nexport type HandleValues = {\n    name: string;\n    value: number;\n}[];\n\nexport interface Controller {\n    inputForHandle(handle: SliderHandle): HTMLInputElement | undefined;\n    requestUpdate(): void;\n    setValueFromHandle(handle: SliderHandle): void;\n    handleHasChanged(handle: SliderHandle): void;\n}\n\nexport type SliderNormalization = {\n    toNormalized: (value: number, min: number, max: number) => number;\n    fromNormalized: (value: number, min: number, max: number) => number;\n};\n\nexport const defaultNormalization: SliderNormalization = {\n    toNormalized(value: number, min: number, max: number) {\n        return (value - min) / (max - min);\n    },\n    fromNormalized(value: number, min: number, max: number) {\n        return value * (max - min) + min;\n    },\n};\n\nconst MinConverter = {\n    fromAttribute: (value: string): number | 'previous' => {\n        if (value === 'previous') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'previous' | number): string => {\n        return value.toString();\n    },\n};\n\nconst MaxConverter = {\n    fromAttribute: (value: string): number | 'next' => {\n        if (value === 'next') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'next' | number): string => {\n        return value.toString();\n    },\n};\n\n/**\n * @element sp-slider-handle\n *\n * @fires input - The value of the element has changed.\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class SliderHandle extends Focusable {\n    public handleController?: Controller;\n\n    public get handleName(): string {\n        return this.name;\n    }\n\n    public override get focusElement(): HTMLElement {\n        /* c8 ignore next */\n        return this.handleController?.inputForHandle(this) ?? this;\n    }\n\n    _forcedUnit = '';\n\n    @property({ type: Number })\n    value = 10;\n\n    @property({ type: Boolean, reflect: true })\n    public dragging = false;\n\n    @property({ type: Boolean })\n    public highlight = false;\n\n    @property({ type: String })\n    public name = '';\n\n    @property({ reflect: true, converter: MinConverter })\n    public min?: number | 'previous';\n\n    @property({ reflect: true, converter: MaxConverter })\n    public max?: number | 'next';\n\n    @property({ type: Number, reflect: true })\n    public step?: number;\n\n    @property({ type: Object, attribute: 'format-options' })\n    public formatOptions?: NumberFormatOptions;\n\n    @property({ type: String })\n    public label = '';\n\n    @property({ attribute: false })\n    public getAriaHandleText: (\n        value: number,\n        numberFormat: NumberFormatter\n    ) => string = (value, numberFormat) => {\n        return numberFormat.format(value);\n    };\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    protected override update(changes: PropertyValues): void {\n        if (changes.has('formatOptions') || changes.has('resolvedLanguage')) {\n            delete this._numberFormatCache;\n        }\n        if (changes.has('value')) {\n            const oldValue = changes.get('value');\n            if (oldValue != null) {\n                this.updateComplete.then(() => {\n                    this.handleController?.setValueFromHandle(this);\n                });\n            }\n        }\n        this.handleController?.handleHasChanged(this);\n        super.update(changes);\n    }\n\n    protected override firstUpdated(\n        changedProperties: PropertyValues<this>\n    ): void {\n        super.firstUpdated(changedProperties);\n        this.dispatchEvent(new CustomEvent('sp-slider-handle-ready'));\n    }\n\n    @property({ attribute: false })\n    public normalization: SliderNormalization = defaultNormalization;\n\n    public dispatchInputEvent(): void {\n        const inputEvent = new Event('input', {\n            bubbles: true,\n            composed: true,\n        });\n\n        this.dispatchEvent(inputEvent);\n    }\n\n    protected _numberFormatCache:\n        | { numberFormat: NumberFormatter; language: string }\n        | undefined;\n    protected getNumberFormat(): NumberFormatter {\n        /* c8 ignore next */\n        if (\n            !this._numberFormatCache ||\n            this.languageResolver.language !== this._numberFormatCache.language\n        ) {\n            let numberFormatter: NumberFormatter;\n            try {\n                numberFormatter = new NumberFormatter(\n                    this.languageResolver.language,\n                    this.formatOptions\n                );\n                this._forcedUnit = '';\n                // numberFormatter.format(1);\n            } catch (error) {\n                const {\n                    style,\n                    unit,\n                    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                    unitDisplay,\n                    ...formatOptionsNoUnit\n                } = this.formatOptions || {};\n                if (style === 'unit') {\n                    this._forcedUnit = unit as string;\n                }\n                numberFormatter = new NumberFormatter(\n                    this.languageResolver.language,\n                    formatOptionsNoUnit\n                );\n            }\n            this._numberFormatCache = {\n                language: this.languageResolver.language,\n                numberFormat: numberFormatter,\n            };\n        }\n        /* c8 ignore next */\n        return this._numberFormatCache?.numberFormat;\n    }\n\n    public get numberFormat(): NumberFormatter | undefined {\n        if (!this.formatOptions) return;\n        return this.getNumberFormat();\n    }\n}\n"],
+  "mappings": "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",
   "names": ["_a"]
 }

package/src/SliderHandle.js

@@ -1,2 +1,2 @@
-"use strict";var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var n=(t,a,e,r)=>{for(var u=r>1?void 0:r?b(a,e):a,i=t.length-1,m;i>=0;i--)(m=t[i])&&(u=(r?m(a,e,u):m(u))||u);return r&&u&&p(a,e,u),u};import{property as o}from"@spectrum-web-components/base/src/decorators.js";import{Focusable as d}from"@spectrum-web-components/shared/src/focusable.js";import{NumberFormatter as l}from"@internationalized/number";export const defaultNormalization={toNormalized(t,a,e){return(t-a)/(e-a)},fromNormalized(t,a,e){return t*(e-a)+a}};const c={fromAttribute:t=>t==="previous"?t:parseFloat(t),toAttribute:t=>t.toString()},h={fromAttribute:t=>t==="next"?t:parseFloat(t),toAttribute:t=>t.toString()};export class SliderHandle extends d{constructor(){super(...arguments);this._forcedUnit="";this.value=10;this.dragging=!1;this.highlight=!1;this.name="";this.resolvedLanguage=document.documentElement.lang||navigator.language;this.label="";this.getAriaHandleText=(e,r)=>r.format(e);this.normalization=defaultNormalization}get handleName(){return this.name}get focusElement(){var e,r;return(r=(e=this.handleController)==null?void 0:e.inputForHandle(this))!=null?r:this}update(e){var r;(e.has("formatOptions")||e.has("resolvedLanguage"))&&delete this._numberFormatCache,e.has("value")&&e.get("value")!=null&&this.updateComplete.then(()=>{var i;(i=this.handleController)==null||i.setValueFromHandle(this)}),(r=this.handleController)==null||r.handleHasChanged(this),super.update(e)}firstUpdated(e){super.firstUpdated(e),this.dispatchEvent(new CustomEvent("sp-slider-handle-ready"))}dispatchInputEvent(){const e=new Event("input",{bubbles:!0,composed:!0});this.dispatchEvent(e)}getNumberFormat(){var e;if(!this._numberFormatCache||this.resolvedLanguage!==this._numberFormatCache.language){let r;try{r=new l(this.resolvedLanguage,this.formatOptions),this._forcedUnit=""}catch(u){const{style:i,unit:m,unitDisplay:g,...s}=this.formatOptions||{};i==="unit"&&(this._forcedUnit=m),r=new l(this.resolvedLanguage,s)}this._numberFormatCache={language:this.resolvedLanguage,numberFormat:r}}return(e=this._numberFormatCache)==null?void 0:e.numberFormat}get numberFormat(){if(!!this.formatOptions)return this.getNumberFormat()}connectedCallback(){super.connectedCallback(),this.resolveLanguage()}disconnectedCallback(){this.resolveLanguage(),super.disconnectedCallback()}resolveLanguage(){const e=new CustomEvent("sp-language-context",{bubbles:!0,composed:!0,detail:{callback:r=>{this.resolvedLanguage=r}},cancelable:!0});this.dispatchEvent(e)}}n([o({type:Number})],SliderHandle.prototype,"value",2),n([o({type:Boolean,reflect:!0})],SliderHandle.prototype,"dragging",2),n([o({type:Boolean})],SliderHandle.prototype,"highlight",2),n([o({type:String})],SliderHandle.prototype,"name",2),n([o({reflect:!0,converter:c})],SliderHandle.prototype,"min",2),n([o({reflect:!0,converter:h})],SliderHandle.prototype,"max",2),n([o({attribute:!1})],SliderHandle.prototype,"resolvedLanguage",2),n([o({type:Number,reflect:!0})],SliderHandle.prototype,"step",2),n([o({type:Object,attribute:"format-options"})],SliderHandle.prototype,"formatOptions",2),n([o({type:String})],SliderHandle.prototype,"label",2),n([o({attribute:!1})],SliderHandle.prototype,"getAriaHandleText",2),n([o({attribute:!1})],SliderHandle.prototype,"normalization",2);
+"use strict";var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var n=(t,o,e,r)=>{for(var u=r>1?void 0:r?b(o,e):o,i=t.length-1,m;i>=0;i--)(m=t[i])&&(u=(r?m(o,e,u):m(u))||u);return r&&u&&p(o,e,u),u};import{property as a}from"@spectrum-web-components/base/src/decorators.js";import{Focusable as d}from"@spectrum-web-components/shared/src/focusable.js";import{LanguageResolutionController as h}from"@spectrum-web-components/reactive-controllers/src/LanguageResolution.js";import{NumberFormatter as l}from"@internationalized/number";export const defaultNormalization={toNormalized(t,o,e){return(t-o)/(e-o)},fromNormalized(t,o,e){return t*(e-o)+o}};const g={fromAttribute:t=>t==="previous"?t:parseFloat(t),toAttribute:t=>t.toString()},c={fromAttribute:t=>t==="next"?t:parseFloat(t),toAttribute:t=>t.toString()};export class SliderHandle extends d{constructor(){super(...arguments);this._forcedUnit="";this.value=10;this.dragging=!1;this.highlight=!1;this.name="";this.label="";this.getAriaHandleText=(e,r)=>r.format(e);this.languageResolver=new h(this);this.normalization=defaultNormalization}get handleName(){return this.name}get focusElement(){var e,r;return(r=(e=this.handleController)==null?void 0:e.inputForHandle(this))!=null?r:this}update(e){var r;(e.has("formatOptions")||e.has("resolvedLanguage"))&&delete this._numberFormatCache,e.has("value")&&e.get("value")!=null&&this.updateComplete.then(()=>{var i;(i=this.handleController)==null||i.setValueFromHandle(this)}),(r=this.handleController)==null||r.handleHasChanged(this),super.update(e)}firstUpdated(e){super.firstUpdated(e),this.dispatchEvent(new CustomEvent("sp-slider-handle-ready"))}dispatchInputEvent(){const e=new Event("input",{bubbles:!0,composed:!0});this.dispatchEvent(e)}getNumberFormat(){var e;if(!this._numberFormatCache||this.languageResolver.language!==this._numberFormatCache.language){let r;try{r=new l(this.languageResolver.language,this.formatOptions),this._forcedUnit=""}catch(u){const{style:i,unit:m,unitDisplay:f,...s}=this.formatOptions||{};i==="unit"&&(this._forcedUnit=m),r=new l(this.languageResolver.language,s)}this._numberFormatCache={language:this.languageResolver.language,numberFormat:r}}return(e=this._numberFormatCache)==null?void 0:e.numberFormat}get numberFormat(){if(!!this.formatOptions)return this.getNumberFormat()}}n([a({type:Number})],SliderHandle.prototype,"value",2),n([a({type:Boolean,reflect:!0})],SliderHandle.prototype,"dragging",2),n([a({type:Boolean})],SliderHandle.prototype,"highlight",2),n([a({type:String})],SliderHandle.prototype,"name",2),n([a({reflect:!0,converter:g})],SliderHandle.prototype,"min",2),n([a({reflect:!0,converter:c})],SliderHandle.prototype,"max",2),n([a({type:Number,reflect:!0})],SliderHandle.prototype,"step",2),n([a({type:Object,attribute:"format-options"})],SliderHandle.prototype,"formatOptions",2),n([a({type:String})],SliderHandle.prototype,"label",2),n([a({attribute:!1})],SliderHandle.prototype,"getAriaHandleText",2),n([a({attribute:!1})],SliderHandle.prototype,"normalization",2);
 //# sourceMappingURL=SliderHandle.js.map

package/src/SliderHandle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["SliderHandle.ts"],
-  "sourcesContent": ["/*\nCopyright 2021 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 { PropertyValues } from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { ProvideLang } from '@spectrum-web-components/theme';\nimport {\n    NumberFormatOptions,\n    NumberFormatter,\n} from '@internationalized/number';\n\nexport type HandleMin = number | 'previous';\nexport type HandleMax = number | 'next';\n\nexport type HandleValues = {\n    name: string;\n    value: number;\n}[];\n\nexport interface Controller {\n    inputForHandle(handle: SliderHandle): HTMLInputElement | undefined;\n    requestUpdate(): void;\n    setValueFromHandle(handle: SliderHandle): void;\n    handleHasChanged(handle: SliderHandle): void;\n}\n\nexport type SliderNormalization = {\n    toNormalized: (value: number, min: number, max: number) => number;\n    fromNormalized: (value: number, min: number, max: number) => number;\n};\n\nexport const defaultNormalization: SliderNormalization = {\n    toNormalized(value: number, min: number, max: number) {\n        return (value - min) / (max - min);\n    },\n    fromNormalized(value: number, min: number, max: number) {\n        return value * (max - min) + min;\n    },\n};\n\nconst MinConverter = {\n    fromAttribute: (value: string): number | 'previous' => {\n        if (value === 'previous') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'previous' | number): string => {\n        return value.toString();\n    },\n};\n\nconst MaxConverter = {\n    fromAttribute: (value: string): number | 'next' => {\n        if (value === 'next') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'next' | number): string => {\n        return value.toString();\n    },\n};\n\n/**\n * @element sp-slider-handle\n *\n * @fires input - The value of the element has changed.\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class SliderHandle extends Focusable {\n    public handleController?: Controller;\n\n    public get handleName(): string {\n        return this.name;\n    }\n\n    public override get focusElement(): HTMLElement {\n        /* c8 ignore next */\n        return this.handleController?.inputForHandle(this) ?? this;\n    }\n\n    _forcedUnit = '';\n\n    @property({ type: Number })\n    value = 10;\n\n    @property({ type: Boolean, reflect: true })\n    public dragging = false;\n\n    @property({ type: Boolean })\n    public highlight = false;\n\n    @property({ type: String })\n    public name = '';\n\n    @property({ reflect: true, converter: MinConverter })\n    public min?: number | 'previous';\n\n    @property({ reflect: true, converter: MaxConverter })\n    public max?: number | 'next';\n\n    @property({ attribute: false })\n    private resolvedLanguage =\n        document.documentElement.lang || navigator.language;\n\n    @property({ type: Number, reflect: true })\n    public step?: number;\n\n    @property({ type: Object, attribute: 'format-options' })\n    public formatOptions?: NumberFormatOptions;\n\n    @property({ type: String })\n    public label = '';\n\n    @property({ attribute: false })\n    public getAriaHandleText: (\n        value: number,\n        numberFormat: NumberFormatter\n    ) => string = (value, numberFormat) => {\n        return numberFormat.format(value);\n    };\n\n    protected override update(changes: PropertyValues): void {\n        if (changes.has('formatOptions') || changes.has('resolvedLanguage')) {\n            delete this._numberFormatCache;\n        }\n        if (changes.has('value')) {\n            const oldValue = changes.get('value');\n            if (oldValue != null) {\n                this.updateComplete.then(() => {\n                    this.handleController?.setValueFromHandle(this);\n                });\n            }\n        }\n        this.handleController?.handleHasChanged(this);\n        super.update(changes);\n    }\n\n    protected override firstUpdated(\n        changedProperties: PropertyValues<this>\n    ): void {\n        super.firstUpdated(changedProperties);\n        this.dispatchEvent(new CustomEvent('sp-slider-handle-ready'));\n    }\n\n    @property({ attribute: false })\n    public normalization: SliderNormalization = defaultNormalization;\n\n    public dispatchInputEvent(): void {\n        const inputEvent = new Event('input', {\n            bubbles: true,\n            composed: true,\n        });\n\n        this.dispatchEvent(inputEvent);\n    }\n\n    protected _numberFormatCache:\n        | { numberFormat: NumberFormatter; language: string }\n        | undefined;\n    protected getNumberFormat(): NumberFormatter {\n        /* c8 ignore next */\n        if (\n            !this._numberFormatCache ||\n            this.resolvedLanguage !== this._numberFormatCache.language\n        ) {\n            let numberFormatter: NumberFormatter;\n            try {\n                numberFormatter = new NumberFormatter(\n                    this.resolvedLanguage,\n                    this.formatOptions\n                );\n                this._forcedUnit = '';\n                // numberFormatter.format(1);\n            } catch (error) {\n                const {\n                    style,\n                    unit,\n                    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                    unitDisplay,\n                    ...formatOptionsNoUnit\n                } = this.formatOptions || {};\n                if (style === 'unit') {\n                    this._forcedUnit = unit as string;\n                }\n                numberFormatter = new NumberFormatter(\n                    this.resolvedLanguage,\n                    formatOptionsNoUnit\n                );\n            }\n            this._numberFormatCache = {\n                language: this.resolvedLanguage,\n                numberFormat: numberFormatter,\n            };\n        }\n        /* c8 ignore next */\n        return this._numberFormatCache?.numberFormat;\n    }\n\n    public get numberFormat(): NumberFormatter | undefined {\n        if (!this.formatOptions) return;\n        return this.getNumberFormat();\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.resolveLanguage();\n    }\n\n    public override disconnectedCallback(): void {\n        this.resolveLanguage();\n        super.disconnectedCallback();\n    }\n\n    private resolveLanguage(): void {\n        const queryThemeEvent = new CustomEvent<ProvideLang>(\n            'sp-language-context',\n            {\n                bubbles: true,\n                composed: true,\n                detail: {\n                    callback: (lang: string) => {\n                        this.resolvedLanguage = lang;\n                    },\n                },\n                cancelable: true,\n            }\n        );\n        this.dispatchEvent(queryThemeEvent);\n    }\n}\n"],
-  "mappings": "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",
-  "names": ["property", "Focusable", "NumberFormatter", "value", "min", "max", "MinConverter", "MaxConverter", "numberFormat", "_a", "_b", "changes", "changedProperties", "inputEvent", "numberFormatter", "error", "style", "unit", "unitDisplay", "formatOptionsNoUnit", "queryThemeEvent", "lang", "__decorateClass"]
+  "sourcesContent": ["/*\nCopyright 2021 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 { PropertyValues } from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport {\n    NumberFormatOptions,\n    NumberFormatter,\n} from '@internationalized/number';\n\nexport type HandleMin = number | 'previous';\nexport type HandleMax = number | 'next';\n\nexport type HandleValues = {\n    name: string;\n    value: number;\n}[];\n\nexport interface Controller {\n    inputForHandle(handle: SliderHandle): HTMLInputElement | undefined;\n    requestUpdate(): void;\n    setValueFromHandle(handle: SliderHandle): void;\n    handleHasChanged(handle: SliderHandle): void;\n}\n\nexport type SliderNormalization = {\n    toNormalized: (value: number, min: number, max: number) => number;\n    fromNormalized: (value: number, min: number, max: number) => number;\n};\n\nexport const defaultNormalization: SliderNormalization = {\n    toNormalized(value: number, min: number, max: number) {\n        return (value - min) / (max - min);\n    },\n    fromNormalized(value: number, min: number, max: number) {\n        return value * (max - min) + min;\n    },\n};\n\nconst MinConverter = {\n    fromAttribute: (value: string): number | 'previous' => {\n        if (value === 'previous') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'previous' | number): string => {\n        return value.toString();\n    },\n};\n\nconst MaxConverter = {\n    fromAttribute: (value: string): number | 'next' => {\n        if (value === 'next') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'next' | number): string => {\n        return value.toString();\n    },\n};\n\n/**\n * @element sp-slider-handle\n *\n * @fires input - The value of the element has changed.\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class SliderHandle extends Focusable {\n    public handleController?: Controller;\n\n    public get handleName(): string {\n        return this.name;\n    }\n\n    public override get focusElement(): HTMLElement {\n        /* c8 ignore next */\n        return this.handleController?.inputForHandle(this) ?? this;\n    }\n\n    _forcedUnit = '';\n\n    @property({ type: Number })\n    value = 10;\n\n    @property({ type: Boolean, reflect: true })\n    public dragging = false;\n\n    @property({ type: Boolean })\n    public highlight = false;\n\n    @property({ type: String })\n    public name = '';\n\n    @property({ reflect: true, converter: MinConverter })\n    public min?: number | 'previous';\n\n    @property({ reflect: true, converter: MaxConverter })\n    public max?: number | 'next';\n\n    @property({ type: Number, reflect: true })\n    public step?: number;\n\n    @property({ type: Object, attribute: 'format-options' })\n    public formatOptions?: NumberFormatOptions;\n\n    @property({ type: String })\n    public label = '';\n\n    @property({ attribute: false })\n    public getAriaHandleText: (\n        value: number,\n        numberFormat: NumberFormatter\n    ) => string = (value, numberFormat) => {\n        return numberFormat.format(value);\n    };\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    protected override update(changes: PropertyValues): void {\n        if (changes.has('formatOptions') || changes.has('resolvedLanguage')) {\n            delete this._numberFormatCache;\n        }\n        if (changes.has('value')) {\n            const oldValue = changes.get('value');\n            if (oldValue != null) {\n                this.updateComplete.then(() => {\n                    this.handleController?.setValueFromHandle(this);\n                });\n            }\n        }\n        this.handleController?.handleHasChanged(this);\n        super.update(changes);\n    }\n\n    protected override firstUpdated(\n        changedProperties: PropertyValues<this>\n    ): void {\n        super.firstUpdated(changedProperties);\n        this.dispatchEvent(new CustomEvent('sp-slider-handle-ready'));\n    }\n\n    @property({ attribute: false })\n    public normalization: SliderNormalization = defaultNormalization;\n\n    public dispatchInputEvent(): void {\n        const inputEvent = new Event('input', {\n            bubbles: true,\n            composed: true,\n        });\n\n        this.dispatchEvent(inputEvent);\n    }\n\n    protected _numberFormatCache:\n        | { numberFormat: NumberFormatter; language: string }\n        | undefined;\n    protected getNumberFormat(): NumberFormatter {\n        /* c8 ignore next */\n        if (\n            !this._numberFormatCache ||\n            this.languageResolver.language !== this._numberFormatCache.language\n        ) {\n            let numberFormatter: NumberFormatter;\n            try {\n                numberFormatter = new NumberFormatter(\n                    this.languageResolver.language,\n                    this.formatOptions\n                );\n                this._forcedUnit = '';\n                // numberFormatter.format(1);\n            } catch (error) {\n                const {\n                    style,\n                    unit,\n                    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                    unitDisplay,\n                    ...formatOptionsNoUnit\n                } = this.formatOptions || {};\n                if (style === 'unit') {\n                    this._forcedUnit = unit as string;\n                }\n                numberFormatter = new NumberFormatter(\n                    this.languageResolver.language,\n                    formatOptionsNoUnit\n                );\n            }\n            this._numberFormatCache = {\n                language: this.languageResolver.language,\n                numberFormat: numberFormatter,\n            };\n        }\n        /* c8 ignore next */\n        return this._numberFormatCache?.numberFormat;\n    }\n\n    public get numberFormat(): NumberFormatter | undefined {\n        if (!this.formatOptions) return;\n        return this.getNumberFormat();\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["property", "Focusable", "LanguageResolutionController", "NumberFormatter", "value", "min", "max", "MinConverter", "MaxConverter", "numberFormat", "_a", "_b", "changes", "changedProperties", "inputEvent", "numberFormatter", "error", "style", "unit", "unitDisplay", "formatOptionsNoUnit", "__decorateClass"]
 }

package/test/index.js

@@ -0,0 +1,206 @@
+"use strict";
+import {
+  editable,
+  hideStepper,
+  Indeterminate
+} from "../stories/slider.stories.js";
+import { elementUpdated, expect, fixture } from "@open-wc/testing";
+import { sendKeys } from "@web/test-runner-commands";
+import { spy } from "sinon";
+import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
+async function sliderFromFixture(sliderFixture) {
+  const el = await fixture(sliderFixture({}));
+  const slider = el.querySelector("sp-slider");
+  return slider;
+}
+export const testEditableSlider = (type) => {
+  describe(`Slider - editable, ${type}`, () => {
+    testForLitDevWarnings(async () => await sliderFromFixture(editable));
+    it("loads", async () => {
+      const el = await sliderFromFixture(editable);
+      await elementUpdated(el);
+      await expect(el).to.be.accessible();
+    });
+    it("loads - [hide-stepper]", async () => {
+      const el = await sliderFromFixture(hideStepper);
+      await elementUpdated(el);
+      await expect(el).to.be.accessible();
+    });
+    it("loads - [disabled]", async () => {
+      const el = document.createElement("sp-slider");
+      el.editable = true;
+      el.disabled = true;
+      el.label = "Disabled, editable, slider";
+      try {
+        document.body.append(el);
+      } catch (error) {
+        expect(true).to.be.false;
+      }
+      await elementUpdated(el);
+      await expect(el).to.be.accessible();
+      el.remove();
+    });
+    it("toggles indeterminate when edited via the `<sp-number-field>`", async () => {
+      const el = await sliderFromFixture(Indeterminate);
+      await elementUpdated(el);
+      expect(el.value).to.equal(5);
+      expect(el.indeterminate).to.be.true;
+      el.focus();
+      await elementUpdated(el);
+      await sendKeys({ press: "Backspace" });
+      await sendKeys({ press: "Backspace" });
+      await sendKeys({ type: "15" });
+      await sendKeys({ press: "Enter" });
+      await elementUpdated(el);
+      expect(el.value).to.equal(15);
+      expect(el.indeterminate).to.be.false;
+    });
+    it("focuses `<sp-number-field>` directly", async () => {
+      const el = await sliderFromFixture(editable);
+      await elementUpdated(el);
+      el.focus();
+      await elementUpdated(el);
+      expect(el.shadowRoot.activeElement).to.equal(el.numberField);
+    });
+    it("edits via the `<sp-number-field>`", async () => {
+      var _a, _b, _c, _d;
+      const inputSpy = spy();
+      const changeSpy = spy();
+      const el = await sliderFromFixture(editable);
+      el.addEventListener("input", () => inputSpy());
+      el.addEventListener("change", () => changeSpy());
+      await elementUpdated(el);
+      el.focus();
+      await elementUpdated(el);
+      expect(el.shadowRoot.activeElement).to.equal(el.numberField);
+      expect(el.value).to.equal(90);
+      await sendKeys({ press: "Backspace" });
+      await sendKeys({ press: "Backspace" });
+      await sendKeys({ press: "Backspace" });
+      await sendKeys({ type: "45" });
+      await sendKeys({ press: "Enter" });
+      await elementUpdated(el);
+      expect(el.shadowRoot.activeElement).to.equal(el.numberField);
+      expect(el.value).to.equal(45);
+      expect(inputSpy.callCount, "one input").to.equal(1);
+      expect(changeSpy.callCount, "one change").to.equal(1);
+      await sendKeys({ press: "Backspace" });
+      await sendKeys({ press: "Backspace" });
+      await sendKeys({ press: "Backspace" });
+      await sendKeys({ press: "Enter" });
+      expect(el.shadowRoot.activeElement).to.equal(el.numberField);
+      expect(el.value).to.equal(45);
+      expect(inputSpy.callCount, "still one input").to.equal(1);
+      expect(changeSpy.callCount, "still one change").to.equal(1);
+      (_a = el.shadowRoot.activeElement) == null ? void 0 : _a.dispatchEvent(
+        new WheelEvent("wheel", { deltaY: 1 })
+      );
+      await elementUpdated(el);
+      expect(el.shadowRoot.activeElement).to.equal(el.numberField);
+      expect(el.value).to.equal(46);
+      expect(inputSpy.callCount, "still one input").to.equal(2);
+      (_b = el.shadowRoot.activeElement) == null ? void 0 : _b.dispatchEvent(
+        new WheelEvent("wheel", { deltaY: -1 })
+      );
+      await elementUpdated(el);
+      expect(el.shadowRoot.activeElement).to.equal(el.numberField);
+      expect(el.value).to.equal(45);
+      expect(inputSpy.callCount, "still one input").to.equal(3);
+      (_c = el.shadowRoot.activeElement) == null ? void 0 : _c.dispatchEvent(
+        new WheelEvent("wheel", { deltaX: 1, shiftKey: true })
+      );
+      await elementUpdated(el);
+      expect(el.shadowRoot.activeElement).to.equal(el.numberField);
+      expect(el.value).to.equal(55);
+      expect(inputSpy.callCount, "still one input").to.equal(4);
+      (_d = el.shadowRoot.activeElement) == null ? void 0 : _d.dispatchEvent(
+        new WheelEvent("wheel", { deltaX: -1, shiftKey: true })
+      );
+      await elementUpdated(el);
+      expect(el.shadowRoot.activeElement).to.equal(el.numberField);
+      expect(el.value).to.equal(45);
+      expect(inputSpy.callCount, "still one input").to.equal(5);
+    });
+    it("focuses `<input>` after pointer interactions", async () => {
+      let pointerId = -1;
+      const el = await sliderFromFixture(editable);
+      await elementUpdated(el);
+      expect(el.dragging).to.be.false;
+      expect(el.highlight).to.be.false;
+      expect(pointerId).to.equal(-1);
+      const handle = el.shadowRoot.querySelector(
+        ".handle"
+      );
+      el.track.setPointerCapture = (id) => pointerId = id;
+      el.track.releasePointerCapture = (id) => pointerId = id;
+      handle.dispatchEvent(
+        new PointerEvent("pointerdown", {
+          button: 1,
+          pointerId: 1,
+          cancelable: true,
+          bubbles: true,
+          composed: true,
+          pointerType: "mouse"
+        })
+      );
+      await elementUpdated(el);
+      expect(el.dragging).to.be.false;
+      expect(pointerId, "1").to.equal(-1);
+      handle.dispatchEvent(
+        new PointerEvent("pointerdown", {
+          button: 0,
+          pointerId: 1,
+          cancelable: true,
+          bubbles: true,
+          composed: true,
+          pointerType: "mouse"
+        })
+      );
+      await elementUpdated(el);
+      expect(el.dragging, "it is dragging 1").to.be.true;
+      expect(pointerId, "2").to.equal(1);
+      handle.dispatchEvent(
+        new PointerEvent("pointerup", {
+          pointerId: 2,
+          cancelable: true,
+          bubbles: true,
+          composed: true,
+          pointerType: "mouse"
+        })
+      );
+      await elementUpdated(el);
+      expect(el.dragging).to.be.false;
+      expect(el.highlight).to.be.false;
+      expect(pointerId, "3").to.equal(2);
+      handle.dispatchEvent(
+        new PointerEvent("pointerdown", {
+          button: 0,
+          pointerId: 1,
+          cancelable: true,
+          bubbles: true,
+          composed: true,
+          pointerType: "mouse"
+        })
+      );
+      await elementUpdated(el);
+      expect(el.dragging, "it is dragging 2").to.be.true;
+      expect(pointerId, "4").to.equal(1);
+      handle.dispatchEvent(
+        new PointerEvent("pointercancel", {
+          pointerId: 3,
+          cancelable: true,
+          bubbles: true,
+          composed: true,
+          pointerType: "mouse"
+        })
+      );
+      await elementUpdated(el);
+      expect(el.dragging).to.be.false;
+      expect(pointerId, "5").to.equal(3);
+      expect(el.shadowRoot.activeElement).to.equal(
+        el.handleController.inputForHandle(el)
+      );
+    });
+  });
+};
+//# sourceMappingURL=index.js.map

package/test/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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\nimport { Slider } from '@spectrum-web-components/slider';\nimport {\n    editable,\n    hideStepper,\n    Indeterminate,\n    StoryArgs,\n} from '../stories/slider.stories.js';\nimport { elementUpdated, expect, fixture } from '@open-wc/testing';\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { spy } from 'sinon';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\nasync function sliderFromFixture(\n    sliderFixture: (args: StoryArgs) => TemplateResult\n): Promise<Slider> {\n    const el = await fixture<Slider>(sliderFixture({}));\n    const slider = el.querySelector('sp-slider') as Slider;\n    return slider;\n}\n\nexport const testEditableSlider = (type: string): void => {\n    describe(`Slider - editable, ${type}`, () => {\n        testForLitDevWarnings(async () => await sliderFromFixture(editable));\n        it('loads', async () => {\n            const el = await sliderFromFixture(editable);\n\n            await elementUpdated(el);\n\n            await expect(el).to.be.accessible();\n        });\n\n        it('loads - [hide-stepper]', async () => {\n            const el = await sliderFromFixture(hideStepper);\n\n            await elementUpdated(el);\n\n            await expect(el).to.be.accessible();\n        });\n\n        it('loads - [disabled]', async () => {\n            const el = document.createElement('sp-slider');\n            el.editable = true;\n            el.disabled = true;\n            el.label = 'Disabled, editable, slider';\n\n            try {\n                document.body.append(el);\n            } catch (error) {\n                expect(true).to.be.false;\n            }\n\n            await elementUpdated(el);\n\n            await expect(el).to.be.accessible();\n            el.remove();\n        });\n\n        it('toggles indeterminate when edited via the `<sp-number-field>`', async () => {\n            const el = await sliderFromFixture(Indeterminate);\n\n            await elementUpdated(el);\n\n            expect(el.value).to.equal(5);\n            expect(el.indeterminate).to.be.true;\n\n            el.focus();\n\n            await elementUpdated(el);\n\n            await sendKeys({ press: 'Backspace' });\n            await sendKeys({ press: 'Backspace' });\n            await sendKeys({ type: '15' });\n            await sendKeys({ press: 'Enter' });\n\n            await elementUpdated(el);\n\n            expect(el.value).to.equal(15);\n            expect(el.indeterminate).to.be.false;\n        });\n\n        it('focuses `<sp-number-field>` directly', async () => {\n            const el = await sliderFromFixture(editable);\n\n            await elementUpdated(el);\n\n            el.focus();\n\n            await elementUpdated(el);\n\n            expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n        });\n\n        it('edits via the `<sp-number-field>`', async () => {\n            const inputSpy = spy();\n            const changeSpy = spy();\n            const el = await sliderFromFixture(editable);\n            el.addEventListener('input', () => inputSpy());\n            el.addEventListener('change', () => changeSpy());\n\n            await elementUpdated(el);\n\n            el.focus();\n\n            await elementUpdated(el);\n\n            expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n            expect(el.value).to.equal(90);\n\n            await sendKeys({ press: 'Backspace' });\n            await sendKeys({ press: 'Backspace' });\n            await sendKeys({ press: 'Backspace' });\n            await sendKeys({ type: '45' });\n            await sendKeys({ press: 'Enter' });\n\n            await elementUpdated(el);\n\n            expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n            expect(el.value).to.equal(45);\n            expect(inputSpy.callCount, 'one input').to.equal(1);\n            expect(changeSpy.callCount, 'one change').to.equal(1);\n\n            await sendKeys({ press: 'Backspace' });\n            await sendKeys({ press: 'Backspace' });\n            await sendKeys({ press: 'Backspace' });\n            await sendKeys({ press: 'Enter' });\n\n            expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n            expect(el.value).to.equal(45);\n            expect(inputSpy.callCount, 'still one input').to.equal(1);\n            expect(changeSpy.callCount, 'still one change').to.equal(1);\n\n            el.shadowRoot.activeElement?.dispatchEvent(\n                new WheelEvent('wheel', { deltaY: 1 })\n            );\n\n            await elementUpdated(el);\n\n            expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n            expect(el.value).to.equal(46);\n            expect(inputSpy.callCount, 'still one input').to.equal(2);\n\n            el.shadowRoot.activeElement?.dispatchEvent(\n                new WheelEvent('wheel', { deltaY: -1 })\n            );\n\n            await elementUpdated(el);\n\n            expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n            expect(el.value).to.equal(45);\n            expect(inputSpy.callCount, 'still one input').to.equal(3);\n\n            el.shadowRoot.activeElement?.dispatchEvent(\n                new WheelEvent('wheel', { deltaX: 1, shiftKey: true })\n            );\n\n            await elementUpdated(el);\n\n            expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n            expect(el.value).to.equal(55);\n            expect(inputSpy.callCount, 'still one input').to.equal(4);\n\n            el.shadowRoot.activeElement?.dispatchEvent(\n                new WheelEvent('wheel', { deltaX: -1, shiftKey: true })\n            );\n\n            await elementUpdated(el);\n\n            expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n            expect(el.value).to.equal(45);\n            expect(inputSpy.callCount, 'still one input').to.equal(5);\n        });\n\n        it('focuses `<input>` after pointer interactions', async () => {\n            let pointerId = -1;\n            const el = await sliderFromFixture(editable);\n\n            await elementUpdated(el);\n\n            expect(el.dragging).to.be.false;\n            expect(el.highlight).to.be.false;\n            expect(pointerId).to.equal(-1);\n\n            const handle = el.shadowRoot.querySelector(\n                '.handle'\n            ) as HTMLDivElement;\n            el.track.setPointerCapture = (id: number) => (pointerId = id);\n            el.track.releasePointerCapture = (id: number) => (pointerId = id);\n            handle.dispatchEvent(\n                new PointerEvent('pointerdown', {\n                    button: 1,\n                    pointerId: 1,\n                    cancelable: true,\n                    bubbles: true,\n                    composed: true,\n                    pointerType: 'mouse',\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.dragging).to.be.false;\n            expect(pointerId, '1').to.equal(-1);\n\n            handle.dispatchEvent(\n                new PointerEvent('pointerdown', {\n                    button: 0,\n                    pointerId: 1,\n                    cancelable: true,\n                    bubbles: true,\n                    composed: true,\n                    pointerType: 'mouse',\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.dragging, 'it is dragging 1').to.be.true;\n            expect(pointerId, '2').to.equal(1);\n\n            handle.dispatchEvent(\n                new PointerEvent('pointerup', {\n                    pointerId: 2,\n                    cancelable: true,\n                    bubbles: true,\n                    composed: true,\n                    pointerType: 'mouse',\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.dragging).to.be.false;\n            expect(el.highlight).to.be.false;\n            expect(pointerId, '3').to.equal(2);\n\n            handle.dispatchEvent(\n                new PointerEvent('pointerdown', {\n                    button: 0,\n                    pointerId: 1,\n                    cancelable: true,\n                    bubbles: true,\n                    composed: true,\n                    pointerType: 'mouse',\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.dragging, 'it is dragging 2').to.be.true;\n            expect(pointerId, '4').to.equal(1);\n\n            handle.dispatchEvent(\n                new PointerEvent('pointercancel', {\n                    pointerId: 3,\n                    cancelable: true,\n                    bubbles: true,\n                    composed: true,\n                    pointerType: 'mouse',\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.dragging).to.be.false;\n            expect(pointerId, '5').to.equal(3);\n            expect(el.shadowRoot.activeElement).to.equal(\n                el.handleController.inputForHandle(el)\n            );\n        });\n    });\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/test/slider-editable-sync.test.js

@@ -1,150 +1,5 @@
 "use strict";
 import "@spectrum-web-components/slider/sync/sp-slider.js";
-import { editable, hideStepper } from "../stories/slider.stories.js";
-import { elementUpdated, expect, fixture } from "@open-wc/testing";
-import { sendKeys } from "@web/test-runner-commands";
-import { spy } from "sinon";
-import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
-async function sliderFromFixture(sliderFixture) {
-  const el = await fixture(sliderFixture());
-  const slider = el.querySelector("sp-slider");
-  return slider;
-}
-describe("Slider - editable, sync", () => {
-  testForLitDevWarnings(async () => await sliderFromFixture(editable));
-  it("loads", async () => {
-    const el = await sliderFromFixture(editable);
-    await elementUpdated(el);
-    await expect(el).to.be.accessible();
-  });
-  it("loads - [hide-stepper]", async () => {
-    const el = await sliderFromFixture(hideStepper);
-    await elementUpdated(el);
-    await expect(el).to.be.accessible();
-  });
-  it("loads - [disabled]", async () => {
-    const el = document.createElement("sp-slider");
-    el.editable = true;
-    el.disabled = true;
-    el.label = "Disabled, editable, slider";
-    try {
-      document.body.append(el);
-    } catch (error) {
-      expect(true).to.be.false;
-    }
-    await elementUpdated(el);
-    await expect(el).to.be.accessible();
-    el.remove();
-  });
-  it("focuses `<sp-number-field>` directly", async () => {
-    const el = await sliderFromFixture(editable);
-    await elementUpdated(el);
-    el.focus();
-    await elementUpdated(el);
-    expect(el.shadowRoot.activeElement).to.equal(el.numberField);
-  });
-  it("edits via the `<sp-number-field>`", async () => {
-    const inputSpy = spy();
-    const changeSpy = spy();
-    const el = await sliderFromFixture(editable);
-    el.addEventListener("input", () => inputSpy());
-    el.addEventListener("change", () => changeSpy());
-    await elementUpdated(el);
-    el.focus();
-    await elementUpdated(el);
-    expect(el.shadowRoot.activeElement).to.equal(el.numberField);
-    expect(el.value).to.equal(90);
-    await sendKeys({ press: "Backspace" });
-    await sendKeys({ press: "Backspace" });
-    await sendKeys({ press: "Backspace" });
-    await sendKeys({ type: "45" });
-    await sendKeys({ press: "Enter" });
-    await elementUpdated(el);
-    expect(el.shadowRoot.activeElement).to.equal(el.numberField);
-    expect(el.value).to.equal(45);
-    expect(inputSpy.callCount, "one input").to.equal(1);
-    expect(changeSpy.callCount, "one change").to.equal(1);
-    await sendKeys({ press: "Backspace" });
-    await sendKeys({ press: "Backspace" });
-    await sendKeys({ press: "Backspace" });
-    await sendKeys({ press: "Enter" });
-    expect(el.shadowRoot.activeElement).to.equal(el.numberField);
-    expect(el.value).to.equal(45);
-    expect(inputSpy.callCount, "still one input").to.equal(1);
-    expect(changeSpy.callCount, "still one change").to.equal(1);
-  });
-  it("focuses `<input>` after pointer interactions", async () => {
-    let pointerId = -1;
-    const el = await sliderFromFixture(editable);
-    await elementUpdated(el);
-    expect(el.dragging).to.be.false;
-    expect(el.highlight).to.be.false;
-    expect(pointerId).to.equal(-1);
-    const handle = el.shadowRoot.querySelector(".handle");
-    el.track.setPointerCapture = (id) => pointerId = id;
-    el.track.releasePointerCapture = (id) => pointerId = id;
-    handle.dispatchEvent(
-      new PointerEvent("pointerdown", {
-        button: 1,
-        pointerId: 1,
-        cancelable: true,
-        bubbles: true,
-        composed: true
-      })
-    );
-    await elementUpdated(el);
-    expect(el.dragging).to.be.false;
-    expect(pointerId, "1").to.equal(-1);
-    handle.dispatchEvent(
-      new PointerEvent("pointerdown", {
-        button: 0,
-        pointerId: 1,
-        cancelable: true,
-        bubbles: true,
-        composed: true
-      })
-    );
-    await elementUpdated(el);
-    expect(el.dragging, "it is dragging 1").to.be.true;
-    expect(pointerId, "2").to.equal(1);
-    handle.dispatchEvent(
-      new PointerEvent("pointerup", {
-        pointerId: 2,
-        cancelable: true,
-        bubbles: true,
-        composed: true
-      })
-    );
-    await elementUpdated(el);
-    expect(el.dragging).to.be.false;
-    expect(el.highlight).to.be.false;
-    expect(pointerId, "3").to.equal(2);
-    handle.dispatchEvent(
-      new PointerEvent("pointerdown", {
-        button: 0,
-        pointerId: 1,
-        cancelable: true,
-        bubbles: true,
-        composed: true
-      })
-    );
-    await elementUpdated(el);
-    expect(el.dragging, "it is dragging 2").to.be.true;
-    expect(pointerId, "4").to.equal(1);
-    handle.dispatchEvent(
-      new PointerEvent("pointercancel", {
-        pointerId: 3,
-        cancelable: true,
-        bubbles: true,
-        composed: true
-      })
-    );
-    await elementUpdated(el);
-    expect(el.dragging).to.be.false;
-    expect(pointerId, "5").to.equal(3);
-    expect(el.shadowRoot.activeElement).to.equal(
-      el.handleController.inputForHandle(el)
-    );
-  });
-});
+import { testEditableSlider } from "./index.js";
+testEditableSlider("sync");
 //# sourceMappingURL=slider-editable-sync.test.js.map

package/test/slider-editable-sync.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["slider-editable-sync.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/slider/sync/sp-slider.js';\nimport { Slider } from '@spectrum-web-components/slider';\nimport { editable, hideStepper } from '../stories/slider.stories.js';\nimport { elementUpdated, expect, fixture } from '@open-wc/testing';\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { spy } from 'sinon';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\nasync function sliderFromFixture(\n    sliderFixture: () => TemplateResult\n): Promise<Slider> {\n    const el = await fixture<Slider>(sliderFixture());\n    const slider = el.querySelector('sp-slider') as Slider;\n    return slider;\n}\n\ndescribe('Slider - editable, sync', () => {\n    testForLitDevWarnings(async () => await sliderFromFixture(editable));\n    it('loads', async () => {\n        const el = await sliderFromFixture(editable);\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('loads - [hide-stepper]', async () => {\n        const el = await sliderFromFixture(hideStepper);\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('loads - [disabled]', async () => {\n        const el = document.createElement('sp-slider');\n        el.editable = true;\n        el.disabled = true;\n        el.label = 'Disabled, editable, slider';\n\n        try {\n            document.body.append(el);\n        } catch (error) {\n            expect(true).to.be.false;\n        }\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n        el.remove();\n    });\n\n    it('focuses `<sp-number-field>` directly', async () => {\n        const el = await sliderFromFixture(editable);\n\n        await elementUpdated(el);\n\n        el.focus();\n\n        await elementUpdated(el);\n\n        expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n    });\n\n    it('edits via the `<sp-number-field>`', async () => {\n        const inputSpy = spy();\n        const changeSpy = spy();\n        const el = await sliderFromFixture(editable);\n        el.addEventListener('input', () => inputSpy());\n        el.addEventListener('change', () => changeSpy());\n\n        await elementUpdated(el);\n\n        el.focus();\n\n        await elementUpdated(el);\n\n        expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n        expect(el.value).to.equal(90);\n\n        await sendKeys({ press: 'Backspace' });\n        await sendKeys({ press: 'Backspace' });\n        await sendKeys({ press: 'Backspace' });\n        await sendKeys({ type: '45' });\n        await sendKeys({ press: 'Enter' });\n\n        await elementUpdated(el);\n\n        expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n        expect(el.value).to.equal(45);\n        expect(inputSpy.callCount, 'one input').to.equal(1);\n        expect(changeSpy.callCount, 'one change').to.equal(1);\n\n        await sendKeys({ press: 'Backspace' });\n        await sendKeys({ press: 'Backspace' });\n        await sendKeys({ press: 'Backspace' });\n        await sendKeys({ press: 'Enter' });\n\n        expect(el.shadowRoot.activeElement).to.equal(el.numberField);\n        expect(el.value).to.equal(45);\n        expect(inputSpy.callCount, 'still one input').to.equal(1);\n        expect(changeSpy.callCount, 'still one change').to.equal(1);\n    });\n\n    it('focuses `<input>` after pointer interactions', async () => {\n        let pointerId = -1;\n        const el = await sliderFromFixture(editable);\n\n        await elementUpdated(el);\n\n        expect(el.dragging).to.be.false;\n        expect(el.highlight).to.be.false;\n        expect(pointerId).to.equal(-1);\n\n        const handle = el.shadowRoot.querySelector('.handle') as HTMLDivElement;\n        el.track.setPointerCapture = (id: number) => (pointerId = id);\n        el.track.releasePointerCapture = (id: number) => (pointerId = id);\n        handle.dispatchEvent(\n            new PointerEvent('pointerdown', {\n                button: 1,\n                pointerId: 1,\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        await elementUpdated(el);\n\n        expect(el.dragging).to.be.false;\n        expect(pointerId, '1').to.equal(-1);\n\n        handle.dispatchEvent(\n            new PointerEvent('pointerdown', {\n                button: 0,\n                pointerId: 1,\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        await elementUpdated(el);\n\n        expect(el.dragging, 'it is dragging 1').to.be.true;\n        expect(pointerId, '2').to.equal(1);\n\n        handle.dispatchEvent(\n            new PointerEvent('pointerup', {\n                pointerId: 2,\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        await elementUpdated(el);\n\n        expect(el.dragging).to.be.false;\n        expect(el.highlight).to.be.false;\n        expect(pointerId, '3').to.equal(2);\n\n        handle.dispatchEvent(\n            new PointerEvent('pointerdown', {\n                button: 0,\n                pointerId: 1,\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        await elementUpdated(el);\n\n        expect(el.dragging, 'it is dragging 2').to.be.true;\n        expect(pointerId, '4').to.equal(1);\n\n        handle.dispatchEvent(\n            new PointerEvent('pointercancel', {\n                pointerId: 3,\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        await elementUpdated(el);\n\n        expect(el.dragging).to.be.false;\n        expect(pointerId, '5').to.equal(3);\n        expect(el.shadowRoot.activeElement).to.equal(\n            el.handleController.inputForHandle(el)\n        );\n    });\n});\n"],
-  "mappings": "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",
+  "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/slider/sync/sp-slider.js';\nimport { testEditableSlider } from './index.js';\n\ntestEditableSlider('sync');\n"],
+  "mappings": ";AAYA,OAAO;AACP,SAAS,0BAA0B;AAEnC,mBAAmB,MAAM;",
   "names": []
 }