@spectrum-web-components/reactive-controllers 0.3.5 → 0.3.6-react.78

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/reactive-controllers",
-    "version": "0.3.5",
+    "version": "0.3.6-react.78+e4fada004",
     "publishConfig": {
         "access": "public"
     },
@@ -79,5 +79,5 @@
     "sideEffects": [
         "./**/*.dev.js"
     ],
-    "gitHead": "02534b6685ff89a21dba86c09b2169f5b30a46f2"
+    "gitHead": "e4fada0040dcaf1e1267f2159f366ec708cb2d09"
 }

package/src/Color.dev.js

@@ -146,6 +146,7 @@ export class ColorController {
     this._hue = hue;
     this.host.requestUpdate("hue", oldValue);
   }
+  /* c8 ignore next 3 */
   get value() {
     return this.color;
   }

package/src/Color.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["Color.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*/\n\nimport type { ReactiveElement } from 'lit';\nimport { HSL, HSLA, HSV, HSVA, RGB, RGBA, TinyColor } from '@ctrl/tinycolor';\nexport type { HSL, HSLA, HSV, HSVA, RGB, RGBA, TinyColor };\n\nexport type ColorValue =\n    | string\n    | number\n    | TinyColor\n    | HSVA\n    | HSV\n    | RGB\n    | RGBA\n    | HSL\n    | HSLA;\n\nexport const extractHueAndSaturationRegExp =\n    /^hs[v|l]a?\\s?\\((\\d{1,3}\\.?\\d*?),?\\s?(\\d{1,3})/;\nexport const replaceHueAndSaturationRegExp =\n    /(^hs[v|l]a?\\s?\\()\\d{1,3}\\.?\\d*?(,?\\s?)\\d{1,3}/;\nexport const replaceHueRegExp = /(^hs[v|l]a?\\()\\d{1,3}/;\n\ntype TinyColorToValue = {\n    toHex: ColorValue;\n    toHexString: ColorValue;\n    toHsv: ColorValue;\n    toHsvString: ColorValue;\n    toHsl: ColorValue;\n    toHslString: ColorValue;\n    toHex8: ColorValue;\n    toHex8String: ColorValue;\n    toPercentageRgb: ColorValue;\n    toPercentageRgbString: ColorValue;\n    toRgb: ColorValue;\n    toRgbString: ColorValue;\n};\n\nconst getHexValue = (color: TinyColor, isString: boolean): ColorValue =>\n    isString ? color.toHexString() : color.toHex();\n\nexport class ColorController {\n    protected host: ReactiveElement;\n\n    protected applyColorToState!: ({\n        h,\n        s,\n        v,\n    }: {\n        h: number;\n        s: number;\n        v: number;\n    }) => void;\n\n    protected extractColorFromState!: (\n        controller: ColorController\n    ) => ColorValue;\n\n    protected setColorProcess(\n        currentColor: TinyColor,\n        nextColor: ColorValue,\n        format: string,\n        isString: boolean\n    ): void {\n        if (this.maintains === 'hue') {\n            this.setColorMaintainHue(currentColor, nextColor, format, isString);\n        } else if (this.maintains === 'saturation') {\n            this.setColorMaintainSaturation(\n                currentColor,\n                nextColor,\n                format,\n                isString\n            );\n        }\n    }\n\n    protected setColorMaintainHue(\n        currentColor: TinyColor,\n        nextColor: ColorValue,\n        format: string,\n        isString: boolean\n    ): void {\n        const { h, s, v } = this._color.toHsv();\n        let originalHue: number | undefined = undefined;\n\n        if (isString && format.startsWith('hs')) {\n            const values = extractHueAndSaturationRegExp.exec(\n                nextColor as string\n            );\n\n            if (values !== null) {\n                const [, h] = values;\n                originalHue = Number(h);\n            }\n        } else if (!isString && format.startsWith('hs')) {\n            const colorInput = currentColor.originalInput;\n            const colorValues = Object.values(colorInput);\n            originalHue = colorValues[0];\n        }\n\n        this.hue = originalHue || h;\n        this.applyColorToState({ h, s, v });\n    }\n\n    protected setColorMaintainSaturation(\n        currentColor: TinyColor,\n        nextColor: ColorValue,\n        format: string,\n        isString: boolean\n    ): void {\n        if (isString && format.startsWith('hs')) {\n            const values = extractHueAndSaturationRegExp.exec(\n                nextColor as string\n            );\n\n            if (values !== null) {\n                const [, h, s] = values;\n                this.hue = Number(h);\n                this.saturation = Number(s);\n            }\n        } else if (!isString && format.startsWith('hs')) {\n            const colorInput = currentColor.originalInput;\n            const colorValues = Object.values(colorInput);\n            this.hue = colorValues[0];\n            this.saturation = colorValues[1];\n        } else {\n            const { h } = currentColor.toHsv();\n            this.hue = h;\n        }\n        this.applyColorToState(currentColor.toHsv());\n    }\n\n    protected maintains: 'hue' | 'saturation' = 'hue';\n    private saturation!: number;\n\n    constructor(\n        host: ReactiveElement,\n        {\n            applyColorToState,\n            extractColorFromState,\n            maintains,\n        }: {\n            applyColorToState({\n                h,\n                s,\n                v,\n            }: {\n                h: number;\n                s: number;\n                v: number;\n            }): void;\n            extractColorFromState(controller: ColorController): ColorValue;\n            maintains?: 'hue' | 'saturation';\n        }\n    ) {\n        this.host = host;\n        this.applyColorToState = applyColorToState;\n        this.extractColorFromState = extractColorFromState;\n        this.maintains = maintains || this.maintains;\n    }\n\n    public applyColorFromState(): void {\n        this._color = new TinyColor(this.extractColorFromState(this));\n    }\n\n    public get hue(): number {\n        return this._hue;\n    }\n\n    public set hue(value: number) {\n        const hue = Math.min(360, Math.max(0, value));\n        if (hue === this.hue) {\n            return;\n        }\n        const oldValue = this.hue;\n        const { s, v } = this._color.toHsv();\n        this._color = new TinyColor({ h: hue, s, v });\n        this._hue = hue;\n        this.host.requestUpdate('hue', oldValue);\n    }\n\n    private _hue = 0;\n\n    protected getColorProcesses: Record<\n        string,\n        (color: TinyColor, isString: boolean) => ColorValue\n    > = {\n        rgb: (color, isString) =>\n            isString ? color.toRgbString() : color.toRgb(),\n        prgb: (color, isString) =>\n            isString ? color.toPercentageRgbString() : color.toPercentageRgb(),\n        hex8: (color, isString) =>\n            isString ? color.toHex8String() : color.toHex8(),\n        name: (color) => color.toName() || color.toRgbString(),\n        hsl: (color, isString) => {\n            if (this.maintains === 'hue') {\n                if (isString) {\n                    const hslString = color.toHslString();\n                    return hslString.replace(replaceHueRegExp, `$1${this.hue}`);\n                } else {\n                    const { s, l, a } = color.toHsl();\n                    return { h: this.hue, s, l, a };\n                }\n            } else {\n                if (isString) {\n                    const hslString = color.toHslString();\n                    return hslString.replace(\n                        replaceHueAndSaturationRegExp,\n                        `$1${this.hue}$2${this.saturation}`\n                    );\n                } else {\n                    const { s, l, a } = color.toHsl();\n                    return { h: this.hue, s, l, a };\n                }\n            }\n        },\n        hsv: (color, isString) => {\n            if (this.maintains === 'hue') {\n                if (isString) {\n                    const hsvString = color.toHsvString();\n                    return hsvString.replace(replaceHueRegExp, `$1${this.hue}`);\n                } else {\n                    const { s, v, a } = color.toHsv();\n                    return { h: this.hue, s, v, a };\n                }\n            } else {\n                if (isString) {\n                    const hsvString = color.toHsvString();\n                    return hsvString.replace(\n                        replaceHueAndSaturationRegExp,\n                        `$1${this.hue}$2${this.saturation}`\n                    );\n                } else {\n                    const { s, v, a } = color.toHsv();\n                    return { h: this.hue, s, v, a };\n                }\n            }\n        },\n        hex: getHexValue,\n        hex3: getHexValue,\n        hex4: getHexValue,\n        hex6: getHexValue,\n    };\n\n    /* c8 ignore next 3 */\n    public get value(): ColorValue {\n        return this.color;\n    }\n\n    public get color(): ColorValue {\n        return this.getColorProcesses[this._format.format || 'hex'](\n            this._color,\n            this._format.isString\n        );\n    }\n\n    public set color(color: ColorValue) {\n        /* c8 ignore next 3 */\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        this.setColorProcess(this._color, color, format, isString);\n        this.host.requestUpdate('color', oldValue);\n    }\n\n    private _color = new TinyColor({ h: 0, s: 1, v: 1 });\n\n    public getColor(format: string): ColorValue {\n        const formatOptions: Record<string, keyof TinyColorToValue> = {\n            hsl: 'toHsl',\n        };\n        return this._color[formatOptions[format]]();\n    }\n\n    public setColor(color: TinyColor): void {\n        this._color = color;\n        const isString =\n            typeof this._color.originalInput === 'string' ||\n            this._color.originalInput instanceof String;\n        this.setColorProcess(this._color, color, this._color.format, isString);\n    }\n\n    public getHslString(): string {\n        return this._color.toHslString();\n    }\n\n    private _previousColor = new TinyColor({ h: 0, s: 1, v: 1 });\n\n    public savePreviousColor(): void {\n        this._previousColor = this._color.clone();\n    }\n\n    public restorePreviousColor(): void {\n        this.setColor(this._previousColor);\n    }\n\n    private _format: { format: string; isString: boolean } = {\n        format: '',\n        isString: false,\n    };\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["h"]
 }

package/src/Color.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["Color.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*/\n\nimport type { ReactiveElement } from 'lit';\nimport { HSL, HSLA, HSV, HSVA, RGB, RGBA, TinyColor } from '@ctrl/tinycolor';\nexport type { HSL, HSLA, HSV, HSVA, RGB, RGBA, TinyColor };\n\nexport type ColorValue =\n    | string\n    | number\n    | TinyColor\n    | HSVA\n    | HSV\n    | RGB\n    | RGBA\n    | HSL\n    | HSLA;\n\nexport const extractHueAndSaturationRegExp =\n    /^hs[v|l]a?\\s?\\((\\d{1,3}\\.?\\d*?),?\\s?(\\d{1,3})/;\nexport const replaceHueAndSaturationRegExp =\n    /(^hs[v|l]a?\\s?\\()\\d{1,3}\\.?\\d*?(,?\\s?)\\d{1,3}/;\nexport const replaceHueRegExp = /(^hs[v|l]a?\\()\\d{1,3}/;\n\ntype TinyColorToValue = {\n    toHex: ColorValue;\n    toHexString: ColorValue;\n    toHsv: ColorValue;\n    toHsvString: ColorValue;\n    toHsl: ColorValue;\n    toHslString: ColorValue;\n    toHex8: ColorValue;\n    toHex8String: ColorValue;\n    toPercentageRgb: ColorValue;\n    toPercentageRgbString: ColorValue;\n    toRgb: ColorValue;\n    toRgbString: ColorValue;\n};\n\nconst getHexValue = (color: TinyColor, isString: boolean): ColorValue =>\n    isString ? color.toHexString() : color.toHex();\n\nexport class ColorController {\n    protected host: ReactiveElement;\n\n    protected applyColorToState!: ({\n        h,\n        s,\n        v,\n    }: {\n        h: number;\n        s: number;\n        v: number;\n    }) => void;\n\n    protected extractColorFromState!: (\n        controller: ColorController\n    ) => ColorValue;\n\n    protected setColorProcess(\n        currentColor: TinyColor,\n        nextColor: ColorValue,\n        format: string,\n        isString: boolean\n    ): void {\n        if (this.maintains === 'hue') {\n            this.setColorMaintainHue(currentColor, nextColor, format, isString);\n        } else if (this.maintains === 'saturation') {\n            this.setColorMaintainSaturation(\n                currentColor,\n                nextColor,\n                format,\n                isString\n            );\n        }\n    }\n\n    protected setColorMaintainHue(\n        currentColor: TinyColor,\n        nextColor: ColorValue,\n        format: string,\n        isString: boolean\n    ): void {\n        const { h, s, v } = this._color.toHsv();\n        let originalHue: number | undefined = undefined;\n\n        if (isString && format.startsWith('hs')) {\n            const values = extractHueAndSaturationRegExp.exec(\n                nextColor as string\n            );\n\n            if (values !== null) {\n                const [, h] = values;\n                originalHue = Number(h);\n            }\n        } else if (!isString && format.startsWith('hs')) {\n            const colorInput = currentColor.originalInput;\n            const colorValues = Object.values(colorInput);\n            originalHue = colorValues[0];\n        }\n\n        this.hue = originalHue || h;\n        this.applyColorToState({ h, s, v });\n    }\n\n    protected setColorMaintainSaturation(\n        currentColor: TinyColor,\n        nextColor: ColorValue,\n        format: string,\n        isString: boolean\n    ): void {\n        if (isString && format.startsWith('hs')) {\n            const values = extractHueAndSaturationRegExp.exec(\n                nextColor as string\n            );\n\n            if (values !== null) {\n                const [, h, s] = values;\n                this.hue = Number(h);\n                this.saturation = Number(s);\n            }\n        } else if (!isString && format.startsWith('hs')) {\n            const colorInput = currentColor.originalInput;\n            const colorValues = Object.values(colorInput);\n            this.hue = colorValues[0];\n            this.saturation = colorValues[1];\n        } else {\n            const { h } = currentColor.toHsv();\n            this.hue = h;\n        }\n        this.applyColorToState(currentColor.toHsv());\n    }\n\n    protected maintains: 'hue' | 'saturation' = 'hue';\n    private saturation!: number;\n\n    constructor(\n        host: ReactiveElement,\n        {\n            applyColorToState,\n            extractColorFromState,\n            maintains,\n        }: {\n            applyColorToState({\n                h,\n                s,\n                v,\n            }: {\n                h: number;\n                s: number;\n                v: number;\n            }): void;\n            extractColorFromState(controller: ColorController): ColorValue;\n            maintains?: 'hue' | 'saturation';\n        }\n    ) {\n        this.host = host;\n        this.applyColorToState = applyColorToState;\n        this.extractColorFromState = extractColorFromState;\n        this.maintains = maintains || this.maintains;\n    }\n\n    public applyColorFromState(): void {\n        this._color = new TinyColor(this.extractColorFromState(this));\n    }\n\n    public get hue(): number {\n        return this._hue;\n    }\n\n    public set hue(value: number) {\n        const hue = Math.min(360, Math.max(0, value));\n        if (hue === this.hue) {\n            return;\n        }\n        const oldValue = this.hue;\n        const { s, v } = this._color.toHsv();\n        this._color = new TinyColor({ h: hue, s, v });\n        this._hue = hue;\n        this.host.requestUpdate('hue', oldValue);\n    }\n\n    private _hue = 0;\n\n    protected getColorProcesses: Record<\n        string,\n        (color: TinyColor, isString: boolean) => ColorValue\n    > = {\n        rgb: (color, isString) =>\n            isString ? color.toRgbString() : color.toRgb(),\n        prgb: (color, isString) =>\n            isString ? color.toPercentageRgbString() : color.toPercentageRgb(),\n        hex8: (color, isString) =>\n            isString ? color.toHex8String() : color.toHex8(),\n        name: (color) => color.toName() || color.toRgbString(),\n        hsl: (color, isString) => {\n            if (this.maintains === 'hue') {\n                if (isString) {\n                    const hslString = color.toHslString();\n                    return hslString.replace(replaceHueRegExp, `$1${this.hue}`);\n                } else {\n                    const { s, l, a } = color.toHsl();\n                    return { h: this.hue, s, l, a };\n                }\n            } else {\n                if (isString) {\n                    const hslString = color.toHslString();\n                    return hslString.replace(\n                        replaceHueAndSaturationRegExp,\n                        `$1${this.hue}$2${this.saturation}`\n                    );\n                } else {\n                    const { s, l, a } = color.toHsl();\n                    return { h: this.hue, s, l, a };\n                }\n            }\n        },\n        hsv: (color, isString) => {\n            if (this.maintains === 'hue') {\n                if (isString) {\n                    const hsvString = color.toHsvString();\n                    return hsvString.replace(replaceHueRegExp, `$1${this.hue}`);\n                } else {\n                    const { s, v, a } = color.toHsv();\n                    return { h: this.hue, s, v, a };\n                }\n            } else {\n                if (isString) {\n                    const hsvString = color.toHsvString();\n                    return hsvString.replace(\n                        replaceHueAndSaturationRegExp,\n                        `$1${this.hue}$2${this.saturation}`\n                    );\n                } else {\n                    const { s, v, a } = color.toHsv();\n                    return { h: this.hue, s, v, a };\n                }\n            }\n        },\n        hex: getHexValue,\n        hex3: getHexValue,\n        hex4: getHexValue,\n        hex6: getHexValue,\n    };\n\n    /* c8 ignore next 3 */\n    public get value(): ColorValue {\n        return this.color;\n    }\n\n    public get color(): ColorValue {\n        return this.getColorProcesses[this._format.format || 'hex'](\n            this._color,\n            this._format.isString\n        );\n    }\n\n    public set color(color: ColorValue) {\n        /* c8 ignore next 3 */\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        this.setColorProcess(this._color, color, format, isString);\n        this.host.requestUpdate('color', oldValue);\n    }\n\n    private _color = new TinyColor({ h: 0, s: 1, v: 1 });\n\n    public getColor(format: string): ColorValue {\n        const formatOptions: Record<string, keyof TinyColorToValue> = {\n            hsl: 'toHsl',\n        };\n        return this._color[formatOptions[format]]();\n    }\n\n    public setColor(color: TinyColor): void {\n        this._color = color;\n        const isString =\n            typeof this._color.originalInput === 'string' ||\n            this._color.originalInput instanceof String;\n        this.setColorProcess(this._color, color, this._color.format, isString);\n    }\n\n    public getHslString(): string {\n        return this._color.toHslString();\n    }\n\n    private _previousColor = new TinyColor({ h: 0, s: 1, v: 1 });\n\n    public savePreviousColor(): void {\n        this._previousColor = this._color.clone();\n    }\n\n    public restorePreviousColor(): void {\n        this.setColor(this._previousColor);\n    }\n\n    private _format: { format: string; isString: boolean } = {\n        format: '',\n        isString: false,\n    };\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["TinyColor", "getHexValue", "color", "isString", "host", "applyColorToState", "extractColorFromState", "maintains", "s", "l", "a", "v", "currentColor", "nextColor", "format", "h", "originalHue", "values", "colorInput", "colorValues", "value", "hue", "oldValue", "formatOptions"]
 }

package/src/FocusGroup.dev.js

@@ -23,9 +23,13 @@ export class FocusGroupController {
       return;
     };
     this._focused = false;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     this._focusInIndex = (_elements) => 0;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     this.isFocusableElement = (_el) => true;
     this._listenerScope = () => this.host;
+    // When elements are virtualized, the delta between the first element
+    // and the first rendered element.
     this.offset = 0;
     this.handleFocusin = (event) => {
       if (!this.isEventWithinListenerScope(event))
@@ -166,7 +170,10 @@ export class FocusGroupController {
     const { length } = this.elements;
     let steps = length;
     let nextIndex = (length + this.currentIndex + diff) % length;
-    while (steps && this.elements[nextIndex] && !this.isFocusableElement(this.elements[nextIndex])) {
+    while (
+      // don't cycle the elements more than once
+      steps && this.elements[nextIndex] && !this.isFocusableElement(this.elements[nextIndex])
+    ) {
       nextIndex = (length + nextIndex + diff) % length;
       steps -= 1;
     }

package/src/FocusGroup.dev.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["FocusGroup.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*/\nimport type { ReactiveController, ReactiveElement } from 'lit';\n\ntype DirectionTypes = 'horizontal' | 'vertical' | 'both' | 'grid';\nexport type FocusGroupConfig<T> = {\n    focusInIndex?: (_elements: T[]) => number;\n    direction?: DirectionTypes | (() => DirectionTypes);\n    elementEnterAction?: (el: T) => void;\n    elements: () => T[];\n    isFocusableElement?: (el: T) => boolean;\n    listenerScope?: HTMLElement | (() => HTMLElement);\n};\n\nfunction ensureMethod<T, RT>(\n    value: T | RT | undefined,\n    type: string,\n    fallback: T\n): T {\n    if (typeof value === type) {\n        return (() => value) as T;\n    } else if (typeof value === 'function') {\n        return value as T;\n    }\n    return fallback;\n}\n\nexport class FocusGroupController<T extends HTMLElement>\n    implements ReactiveController\n{\n    protected cachedElements?: T[];\n\n    get currentIndex(): number {\n        if (this._currentIndex === -1) {\n            this._currentIndex = this.focusInIndex;\n        }\n        return this._currentIndex - this.offset;\n    }\n\n    set currentIndex(currentIndex) {\n        this._currentIndex = currentIndex + this.offset;\n    }\n\n    private _currentIndex = -1;\n\n    get direction(): DirectionTypes {\n        return this._direction();\n    }\n\n    _direction = (): DirectionTypes => 'both';\n\n    public directionLength = 5;\n\n    elementEnterAction = (_el: T): void => {\n        return;\n    };\n\n    get elements(): T[] {\n        if (!this.cachedElements) {\n            this.cachedElements = this._elements();\n        }\n        return this.cachedElements;\n    }\n\n    private _elements!: () => T[];\n\n    protected set focused(focused: boolean) {\n        /* c8 ignore next 1 */\n        if (focused === this.focused) return;\n        this._focused = focused;\n    }\n\n    protected get focused(): boolean {\n        return this._focused;\n    }\n\n    private _focused = false;\n\n    get focusInElement(): T {\n        return this.elements[this.focusInIndex];\n    }\n\n    get focusInIndex(): number {\n        return this._focusInIndex(this.elements);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _focusInIndex = (_elements: T[]): number => 0;\n\n    host: ReactiveElement;\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    isFocusableElement = (_el: T): boolean => true;\n\n    isEventWithinListenerScope(event: Event): boolean {\n        if (this._listenerScope() === this.host) return true;\n        return event.composedPath().includes(this._listenerScope());\n    }\n\n    _listenerScope = (): HTMLElement => this.host;\n\n    // When elements are virtualized, the delta between the first element\n    // and the first rendered element.\n    offset = 0;\n\n    constructor(\n        host: ReactiveElement,\n        {\n            direction,\n            elementEnterAction,\n            elements,\n            focusInIndex,\n            isFocusableElement,\n            listenerScope,\n        }: FocusGroupConfig<T> = { elements: () => [] }\n    ) {\n        this.host = host;\n        this.host.addController(this);\n        this._elements = elements;\n        this.isFocusableElement = isFocusableElement || this.isFocusableElement;\n        this._direction = ensureMethod<() => DirectionTypes, DirectionTypes>(\n            direction,\n            'string',\n            this._direction\n        );\n        this.elementEnterAction = elementEnterAction || this.elementEnterAction;\n        this._focusInIndex = ensureMethod<(_elements: T[]) => number, number>(\n            focusInIndex,\n            'number',\n            this._focusInIndex\n        );\n        this._listenerScope = ensureMethod<() => HTMLElement, HTMLElement>(\n            listenerScope,\n            'object',\n            this._listenerScope\n        );\n    }\n\n    update({ elements }: FocusGroupConfig<T> = { elements: () => [] }): void {\n        this.unmanage();\n        this._elements = elements;\n        this.clearElementCache();\n        this.manage();\n    }\n\n    focus(options?: FocusOptions): void {\n        let focusElement = this.elements[this.currentIndex];\n        if (!focusElement || !this.isFocusableElement(focusElement)) {\n            this.setCurrentIndexCircularly(1);\n            focusElement = this.elements[this.currentIndex];\n        }\n        if (focusElement && this.isFocusableElement(focusElement)) {\n            focusElement.focus(options);\n        }\n    }\n\n    clearElementCache(offset = 0): void {\n        delete this.cachedElements;\n        this.offset = offset;\n    }\n\n    setCurrentIndexCircularly(diff: number): void {\n        const { length } = this.elements;\n        let steps = length;\n        // start at a possibly not 0 index\n        let nextIndex = (length + this.currentIndex + diff) % length;\n        while (\n            // don't cycle the elements more than once\n            steps &&\n            this.elements[nextIndex] &&\n            !this.isFocusableElement(this.elements[nextIndex])\n        ) {\n            nextIndex = (length + nextIndex + diff) % length;\n            steps -= 1;\n        }\n        this.currentIndex = nextIndex;\n    }\n\n    hostContainsFocus(): void {\n        this.host.addEventListener('focusout', this.handleFocusout);\n        this.host.addEventListener('keydown', this.handleKeydown);\n        this.focused = true;\n    }\n\n    hostNoLongerContainsFocus(): void {\n        this.host.addEventListener('focusin', this.handleFocusin);\n        this.host.removeEventListener('focusout', this.handleFocusout);\n        this.host.removeEventListener('keydown', this.handleKeydown);\n        this.currentIndex = this.focusInIndex;\n        this.focused = false;\n    }\n\n    isRelatedTargetAnElement(event: FocusEvent): boolean {\n        const relatedTarget = event.relatedTarget as null | Element;\n        return !this.elements.includes(relatedTarget as T);\n    }\n\n    handleFocusin = (event: FocusEvent): void => {\n        if (!this.isEventWithinListenerScope(event)) return;\n        if (this.isRelatedTargetAnElement(event)) {\n            this.hostContainsFocus();\n        }\n        const path = event.composedPath() as T[];\n        let targetIndex = -1;\n        path.find((el) => {\n            targetIndex = this.elements.indexOf(el);\n            return targetIndex !== -1;\n        });\n        this.currentIndex = targetIndex > -1 ? targetIndex : this.currentIndex;\n    };\n\n    handleFocusout = (event: FocusEvent): void => {\n        if (this.isRelatedTargetAnElement(event)) {\n            this.hostNoLongerContainsFocus();\n        }\n    };\n\n    acceptsEventCode(code: string): boolean {\n        if (code === 'End' || code === 'Home') {\n            return true;\n        }\n        switch (this.direction) {\n            case 'horizontal':\n                return code === 'ArrowLeft' || code === 'ArrowRight';\n            case 'vertical':\n                return code === 'ArrowUp' || code === 'ArrowDown';\n            case 'both':\n            case 'grid':\n                return code.startsWith('Arrow');\n        }\n    }\n\n    handleKeydown = (event: KeyboardEvent): void => {\n        if (!this.acceptsEventCode(event.code) || event.defaultPrevented) {\n            return;\n        }\n        let diff = 0;\n        switch (event.code) {\n            case 'ArrowRight':\n                diff += 1;\n                break;\n            case 'ArrowDown':\n                diff += this.direction === 'grid' ? this.directionLength : 1;\n                break;\n            case 'ArrowLeft':\n                diff -= 1;\n                break;\n            case 'ArrowUp':\n                diff -= this.direction === 'grid' ? this.directionLength : 1;\n                break;\n            case 'End':\n                this.currentIndex = 0;\n                diff -= 1;\n                break;\n            case 'Home':\n                this.currentIndex = this.elements.length - 1;\n                diff += 1;\n                break;\n        }\n        event.preventDefault();\n        if (this.direction === 'grid' && this.currentIndex + diff < 0) {\n            this.currentIndex = 0;\n        } else if (\n            this.direction === 'grid' &&\n            this.currentIndex + diff > this.elements.length - 1\n        ) {\n            this.currentIndex = this.elements.length - 1;\n        } else {\n            this.setCurrentIndexCircularly(diff);\n        }\n        // To allow the `focusInIndex` to be calculated with the \"after\" state of the keyboard interaction\n        // do `elementEnterAction` _before_ focusing the next element.\n        this.elementEnterAction(this.elements[this.currentIndex]);\n        this.focus();\n    };\n\n    manage(): void {\n        this.addEventListeners();\n    }\n\n    unmanage(): void {\n        this.removeEventListeners();\n    }\n\n    addEventListeners(): void {\n        this.host.addEventListener('focusin', this.handleFocusin);\n    }\n\n    removeEventListeners(): void {\n        this.host.removeEventListener('focusin', this.handleFocusin);\n        this.host.removeEventListener('focusout', this.handleFocusout);\n        this.host.removeEventListener('keydown', this.handleKeydown);\n    }\n\n    hostConnected(): void {\n        this.addEventListeners();\n    }\n\n    hostDisconnected(): void {\n        this.removeEventListeners();\n    }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/src/FocusGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["FocusGroup.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*/\nimport type { ReactiveController, ReactiveElement } from 'lit';\n\ntype DirectionTypes = 'horizontal' | 'vertical' | 'both' | 'grid';\nexport type FocusGroupConfig<T> = {\n    focusInIndex?: (_elements: T[]) => number;\n    direction?: DirectionTypes | (() => DirectionTypes);\n    elementEnterAction?: (el: T) => void;\n    elements: () => T[];\n    isFocusableElement?: (el: T) => boolean;\n    listenerScope?: HTMLElement | (() => HTMLElement);\n};\n\nfunction ensureMethod<T, RT>(\n    value: T | RT | undefined,\n    type: string,\n    fallback: T\n): T {\n    if (typeof value === type) {\n        return (() => value) as T;\n    } else if (typeof value === 'function') {\n        return value as T;\n    }\n    return fallback;\n}\n\nexport class FocusGroupController<T extends HTMLElement>\n    implements ReactiveController\n{\n    protected cachedElements?: T[];\n\n    get currentIndex(): number {\n        if (this._currentIndex === -1) {\n            this._currentIndex = this.focusInIndex;\n        }\n        return this._currentIndex - this.offset;\n    }\n\n    set currentIndex(currentIndex) {\n        this._currentIndex = currentIndex + this.offset;\n    }\n\n    private _currentIndex = -1;\n\n    get direction(): DirectionTypes {\n        return this._direction();\n    }\n\n    _direction = (): DirectionTypes => 'both';\n\n    public directionLength = 5;\n\n    elementEnterAction = (_el: T): void => {\n        return;\n    };\n\n    get elements(): T[] {\n        if (!this.cachedElements) {\n            this.cachedElements = this._elements();\n        }\n        return this.cachedElements;\n    }\n\n    private _elements!: () => T[];\n\n    protected set focused(focused: boolean) {\n        /* c8 ignore next 1 */\n        if (focused === this.focused) return;\n        this._focused = focused;\n    }\n\n    protected get focused(): boolean {\n        return this._focused;\n    }\n\n    private _focused = false;\n\n    get focusInElement(): T {\n        return this.elements[this.focusInIndex];\n    }\n\n    get focusInIndex(): number {\n        return this._focusInIndex(this.elements);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _focusInIndex = (_elements: T[]): number => 0;\n\n    host: ReactiveElement;\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    isFocusableElement = (_el: T): boolean => true;\n\n    isEventWithinListenerScope(event: Event): boolean {\n        if (this._listenerScope() === this.host) return true;\n        return event.composedPath().includes(this._listenerScope());\n    }\n\n    _listenerScope = (): HTMLElement => this.host;\n\n    // When elements are virtualized, the delta between the first element\n    // and the first rendered element.\n    offset = 0;\n\n    constructor(\n        host: ReactiveElement,\n        {\n            direction,\n            elementEnterAction,\n            elements,\n            focusInIndex,\n            isFocusableElement,\n            listenerScope,\n        }: FocusGroupConfig<T> = { elements: () => [] }\n    ) {\n        this.host = host;\n        this.host.addController(this);\n        this._elements = elements;\n        this.isFocusableElement = isFocusableElement || this.isFocusableElement;\n        this._direction = ensureMethod<() => DirectionTypes, DirectionTypes>(\n            direction,\n            'string',\n            this._direction\n        );\n        this.elementEnterAction = elementEnterAction || this.elementEnterAction;\n        this._focusInIndex = ensureMethod<(_elements: T[]) => number, number>(\n            focusInIndex,\n            'number',\n            this._focusInIndex\n        );\n        this._listenerScope = ensureMethod<() => HTMLElement, HTMLElement>(\n            listenerScope,\n            'object',\n            this._listenerScope\n        );\n    }\n\n    update({ elements }: FocusGroupConfig<T> = { elements: () => [] }): void {\n        this.unmanage();\n        this._elements = elements;\n        this.clearElementCache();\n        this.manage();\n    }\n\n    focus(options?: FocusOptions): void {\n        let focusElement = this.elements[this.currentIndex];\n        if (!focusElement || !this.isFocusableElement(focusElement)) {\n            this.setCurrentIndexCircularly(1);\n            focusElement = this.elements[this.currentIndex];\n        }\n        if (focusElement && this.isFocusableElement(focusElement)) {\n            focusElement.focus(options);\n        }\n    }\n\n    clearElementCache(offset = 0): void {\n        delete this.cachedElements;\n        this.offset = offset;\n    }\n\n    setCurrentIndexCircularly(diff: number): void {\n        const { length } = this.elements;\n        let steps = length;\n        // start at a possibly not 0 index\n        let nextIndex = (length + this.currentIndex + diff) % length;\n        while (\n            // don't cycle the elements more than once\n            steps &&\n            this.elements[nextIndex] &&\n            !this.isFocusableElement(this.elements[nextIndex])\n        ) {\n            nextIndex = (length + nextIndex + diff) % length;\n            steps -= 1;\n        }\n        this.currentIndex = nextIndex;\n    }\n\n    hostContainsFocus(): void {\n        this.host.addEventListener('focusout', this.handleFocusout);\n        this.host.addEventListener('keydown', this.handleKeydown);\n        this.focused = true;\n    }\n\n    hostNoLongerContainsFocus(): void {\n        this.host.addEventListener('focusin', this.handleFocusin);\n        this.host.removeEventListener('focusout', this.handleFocusout);\n        this.host.removeEventListener('keydown', this.handleKeydown);\n        this.currentIndex = this.focusInIndex;\n        this.focused = false;\n    }\n\n    isRelatedTargetAnElement(event: FocusEvent): boolean {\n        const relatedTarget = event.relatedTarget as null | Element;\n        return !this.elements.includes(relatedTarget as T);\n    }\n\n    handleFocusin = (event: FocusEvent): void => {\n        if (!this.isEventWithinListenerScope(event)) return;\n        if (this.isRelatedTargetAnElement(event)) {\n            this.hostContainsFocus();\n        }\n        const path = event.composedPath() as T[];\n        let targetIndex = -1;\n        path.find((el) => {\n            targetIndex = this.elements.indexOf(el);\n            return targetIndex !== -1;\n        });\n        this.currentIndex = targetIndex > -1 ? targetIndex : this.currentIndex;\n    };\n\n    handleFocusout = (event: FocusEvent): void => {\n        if (this.isRelatedTargetAnElement(event)) {\n            this.hostNoLongerContainsFocus();\n        }\n    };\n\n    acceptsEventCode(code: string): boolean {\n        if (code === 'End' || code === 'Home') {\n            return true;\n        }\n        switch (this.direction) {\n            case 'horizontal':\n                return code === 'ArrowLeft' || code === 'ArrowRight';\n            case 'vertical':\n                return code === 'ArrowUp' || code === 'ArrowDown';\n            case 'both':\n            case 'grid':\n                return code.startsWith('Arrow');\n        }\n    }\n\n    handleKeydown = (event: KeyboardEvent): void => {\n        if (!this.acceptsEventCode(event.code) || event.defaultPrevented) {\n            return;\n        }\n        let diff = 0;\n        switch (event.code) {\n            case 'ArrowRight':\n                diff += 1;\n                break;\n            case 'ArrowDown':\n                diff += this.direction === 'grid' ? this.directionLength : 1;\n                break;\n            case 'ArrowLeft':\n                diff -= 1;\n                break;\n            case 'ArrowUp':\n                diff -= this.direction === 'grid' ? this.directionLength : 1;\n                break;\n            case 'End':\n                this.currentIndex = 0;\n                diff -= 1;\n                break;\n            case 'Home':\n                this.currentIndex = this.elements.length - 1;\n                diff += 1;\n                break;\n        }\n        event.preventDefault();\n        if (this.direction === 'grid' && this.currentIndex + diff < 0) {\n            this.currentIndex = 0;\n        } else if (\n            this.direction === 'grid' &&\n            this.currentIndex + diff > this.elements.length - 1\n        ) {\n            this.currentIndex = this.elements.length - 1;\n        } else {\n            this.setCurrentIndexCircularly(diff);\n        }\n        // To allow the `focusInIndex` to be calculated with the \"after\" state of the keyboard interaction\n        // do `elementEnterAction` _before_ focusing the next element.\n        this.elementEnterAction(this.elements[this.currentIndex]);\n        this.focus();\n    };\n\n    manage(): void {\n        this.addEventListeners();\n    }\n\n    unmanage(): void {\n        this.removeEventListeners();\n    }\n\n    addEventListeners(): void {\n        this.host.addEventListener('focusin', this.handleFocusin);\n    }\n\n    removeEventListeners(): void {\n        this.host.removeEventListener('focusin', this.handleFocusin);\n        this.host.removeEventListener('focusout', this.handleFocusout);\n        this.host.removeEventListener('keydown', this.handleKeydown);\n    }\n\n    hostConnected(): void {\n        this.addEventListeners();\n    }\n\n    hostDisconnected(): void {\n        this.removeEventListeners();\n    }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["ensureMethod", "value", "type", "fallback", "host", "direction", "elementEnterAction", "elements", "focusInIndex", "isFocusableElement", "listenerScope", "_el", "_elements", "event", "path", "targetIndex", "el", "diff", "currentIndex", "focused", "options", "focusElement", "offset", "length", "steps", "nextIndex", "relatedTarget", "code"]
 }