keyframekit 1.2.0 → 1.2.1

package/docs/docs/public/playground/KeyframeKit/dist/KeyframeKit.js

@@ -1,327 +0,0 @@
-/*
- * KeyframeKit
- * MIT License
- *
- * See README.md for usage.
- */
-const CHARS = {
-    PERCENT_SIGN: '%',
-    HYPHEN_MINUS: '-',
-    DOUBLE_HYPHEN_MINUS: '--',
-    WEBKIT_PREFIX: '-webkit-'
-};
-class KeyframesFactory {
-    Error = {
-        /** Thrown if keyframes rule name is not a string. */
-        KeyframesRuleNameTypeError: class KeyframesRuleNameTypeError extends TypeError {
-            message = `Keyframes rule name must be a string.`;
-        },
-        /** Thrown if source is not a `CSSStyleSheet` or a `StyleSheetList`. */
-        SourceTypeError: class SourceTypeError extends TypeError {
-            message = `Source must be either a CSSStyleSheet or a StyleSheetList.`;
-        },
-        /** Thrown if the stylesheet could not be imported. */
-        StyleSheetImportError: class StyleSheetImportError extends Error {
-            message = `The stylesheet could not be imported.`;
-        }
-    };
-    /**
-     * Gets a document's stylesheets when it loads,
-     * or immediately returns them if it's already loaded.
-     * @param obj
-     * @param obj.document The document to get stylesheets from.
-     */
-    async getDocumentStyleSheetsOnLoad({ document = window.document } = {}) {
-        await waitForDocumentLoad({
-            document: document
-        });
-        return document.styleSheets;
-    }
-    /**
-     * Imports a stylesheet from a URL.
-     * @param url The URL of the stylesheet to import.
-     * @remarks
-     *  Note: `@import` rules won't be resolved in imported stylesheets.
-     *  See https://github.com/WICG/construct-stylesheets/issues/119#issuecomment-588352418.
-     */
-    async importStyleSheet(url) {
-        const resp = await fetch(url);
-        if (!resp.ok) {
-            throw new this.Error.StyleSheetImportError();
-        }
-        const respText = await resp.text();
-        // remove file name from URL to get base URL
-        const baseURL = url.split('/').slice(0, -1).join('/');
-        const styleSheet = new CSSStyleSheet({
-            baseURL: baseURL
-        });
-        await styleSheet.replace(respText);
-        return styleSheet;
-    }
-    /**
-     * Gets a CSS keyframes rule from a stylesheet or stylesheet list,
-     * then converts it to Web Animations API keyframes.
-     * @param obj
-     * @param obj.of The name of the `@keyframes` rule to get keyframes from.
-     * @param obj.in The stylesheet or stylesheet list where the rule resides.
-     */
-    getStyleSheetKeyframes({ of: ruleName, in: source }) {
-        if (typeof ruleName !== 'string') {
-            throw new this.Error.KeyframesRuleNameTypeError();
-        }
-        if (source instanceof StyleSheetList) {
-            return this.#getStyleSheetKeyframesInStyleSheetList({
-                of: ruleName,
-                styleSheetList: source
-            });
-        }
-        else if (source instanceof CSSStyleSheet) {
-            return this.#getStyleSheetKeyframesInStyleSheet({
-                of: ruleName,
-                styleSheet: source
-            });
-        }
-        else {
-            throw new this.Error.SourceTypeError();
-        }
-    }
-    #getStyleSheetKeyframesInStyleSheetList({ of: ruleName, styleSheetList }) {
-        for (const styleSheet of styleSheetList) {
-            const keyframesRule = this.#getStyleSheetKeyframesInStyleSheet({
-                of: ruleName,
-                styleSheet: styleSheet
-            });
-            if (keyframesRule !== undefined) {
-                return keyframesRule;
-            }
-        }
-    }
-    #getStyleSheetKeyframesInStyleSheet({ of: ruleName, styleSheet }) {
-        for (const rule of styleSheet.cssRules) {
-            if (!(rule instanceof CSSKeyframesRule)) {
-                continue;
-            }
-            if (rule.name === ruleName) {
-                const keyframes = this.parseKeyframesRule({
-                    rule: rule
-                });
-                return keyframes;
-            }
-        }
-    }
-    /**
-     * Gets all the CSS keyframes rules in a stylesheet or stylesheet list,
-     * then converts them to Web Animations API keyframes.
-     * @param obj
-     * @param obj.in The style sheet or style sheet list to get keyframes from.
-     */
-    getAllStyleSheetKeyframesRules({ in: source }) {
-        if (source instanceof StyleSheetList) {
-            return this.#getAllStyleSheetKeyframesRulesInStyleSheetList({
-                styleSheetList: source
-            });
-        }
-        else if (source instanceof CSSStyleSheet) {
-            return this.#getAllStyleSheetKeyframesRulesInStyleSheet({
-                styleSheet: source
-            });
-        }
-        else {
-            throw new this.Error.SourceTypeError();
-        }
-    }
-    #getAllStyleSheetKeyframesRulesInStyleSheetList({ styleSheetList }) {
-        let keyframesRules = {};
-        for (const styleSheet of styleSheetList) {
-            const styleSheetKeyframesRules = this.#getAllStyleSheetKeyframesRulesInStyleSheet({
-                styleSheet: styleSheet
-            });
-            keyframesRules = {
-                ...keyframesRules,
-                ...styleSheetKeyframesRules
-            };
-        }
-        return keyframesRules;
-    }
-    #getAllStyleSheetKeyframesRulesInStyleSheet({ styleSheet }) {
-        let keyframesRules = {};
-        for (const rule of styleSheet.cssRules) {
-            if (!(rule instanceof CSSKeyframesRule)) {
-                continue;
-            }
-            const keyframes = this.parseKeyframesRule({
-                rule: rule
-            });
-            keyframesRules[rule.name] = keyframes;
-        }
-        return keyframesRules;
-    }
-    /**
-     * Converts a CSS keyframes rule to Web Animations API keyframes.
-     * @param obj
-     * @param obj.rule The rule to convert.
-     */
-    parseKeyframesRule({ rule: keyframes }) {
-        let parsedKeyframes = [];
-        for (const keyframe of keyframes) {
-            // remove trailing '%'
-            /// https://drafts.csswg.org/css-animations/#dom-csskeyframerule-keytext
-            const percentString = removeSuffix({
-                of: keyframe.keyText,
-                suffix: CHARS.PERCENT_SIGN
-            });
-            const percent = Number(percentString);
-            const offset = percent / 100;
-            let parsedProperties = {};
-            for (const propertyName of keyframe.style) {
-                /// https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/getPropertyValue
-                const propertyValue = keyframe.style.getPropertyValue(propertyName);
-                /// https://drafts.csswg.org/web-animations-1/#ref-for-animation-property-name-to-idl-attribute-name%E2%91%A0
-                const attributeName = this.#animationPropertyNameToIDLAttributeName(propertyName);
-                parsedProperties[attributeName] = propertyValue;
-            }
-            const parsedKeyframe = {
-                ...parsedProperties,
-                offset: offset
-            };
-            parsedKeyframes.push(parsedKeyframe);
-        }
-        const parsedKeyframesInstance = new ParsedKeyframes(parsedKeyframes);
-        return parsedKeyframesInstance;
-    }
-    /** https://drafts.csswg.org/web-animations-1/#animation-property-name-to-idl-attribute-name */
-    #animationPropertyNameToIDLAttributeName(property) {
-        if (this.#isCustomPropertyName(property))
-            return property;
-        if (property === 'float')
-            return 'cssFloat';
-        if (property === 'offset')
-            return 'cssOffset';
-        // https://drafts.csswg.org/cssom/#ref-for-supported-css-property%E2%91%A2
-        const lowercaseFirst = this.#isWebkitCasedAttribute(property);
-        return this.#cssPropertyToIDLAttribute(property, lowercaseFirst);
-    }
-    /** https://drafts.csswg.org/cssom/#css-property-to-idl-attribute */
-    #cssPropertyToIDLAttribute(property, lowercaseFirst = false) {
-        let output = '';
-        let uppercaseNext = false;
-        if (lowercaseFirst) {
-            property = property.slice(1);
-        }
-        for (const c of property) {
-            if (c === CHARS.HYPHEN_MINUS) {
-                uppercaseNext = true;
-            }
-            else if (uppercaseNext) {
-                uppercaseNext = false;
-                output += c.toUpperCase();
-            }
-            else {
-                output += c;
-            }
-        }
-        return output;
-    }
-    /** https://drafts.csswg.org/css-variables-2/#typedef-custom-property-name */
-    #isCustomPropertyName(property) {
-        return property.startsWith(CHARS.DOUBLE_HYPHEN_MINUS) &&
-            property !== CHARS.DOUBLE_HYPHEN_MINUS;
-    }
-    /** https://drafts.csswg.org/cssom/#ref-for-supported-css-property%E2%91%A2 */
-    #isWebkitCasedAttribute(property) {
-        return property.startsWith(CHARS.WEBKIT_PREFIX);
-    }
-}
-export default new KeyframesFactory();
-/** https://drafts.csswg.org/web-animations-1/#the-keyframeeffect-interface */
-export class KeyframeEffectParameters {
-    keyframes;
-    options;
-    /**
-     * @param obj
-     * @param obj.keyframes [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats)
-     * @param obj.options [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
-     */
-    constructor({ keyframes, options = {} }) {
-        this.keyframes = keyframes;
-        this.options = this.#parseOptionsArg(options);
-    }
-    /**
-     * @param obj
-     * @param obj.target An element to attach the animation to.
-     * @param obj.options Additional keyframe effect options. Can override existing keys.
-     *  [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
-     * @param obj.timeline [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/Animation/Animation#timeline)
-     *
-     * @see Specifications:
-     * - https://drafts.csswg.org/web-animations-1/#the-keyframeeffect-interface
-     * - https://drafts.csswg.org/web-animations-1/#the-animation-interface
-     */
-    toAnimation({ target, options: additionalOptions = {}, timeline = document.timeline }) {
-        additionalOptions = this.#parseOptionsArg(additionalOptions);
-        // override existing option keys with additional options
-        const options = {
-            ...this.options, ...additionalOptions
-        };
-        const keyframeEffect = new KeyframeEffect(target, this.keyframes, options);
-        const animation = new Animation(keyframeEffect, timeline);
-        return animation;
-    }
-    /** https://drafts.csswg.org/web-animations-1/#dom-keyframeeffect-keyframeeffect-target-keyframes-options-options
-        https://drafts.csswg.org/web-animations-1/#dom-effecttiming-duration */
-    #parseOptionsArg(options) {
-        if (typeof options === 'number') {
-            return { duration: options };
-        }
-        return options;
-    }
-}
-export class ParsedKeyframes {
-    keyframes;
-    constructor(keyframes) {
-        this.keyframes = keyframes;
-    }
-    /**
-     * @param options
-     * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
-     */
-    toKeyframeEffect(options) {
-        let keyframeEffect;
-        // convert (required) nullable to optional
-        if (options !== null) {
-            keyframeEffect = new KeyframeEffectParameters({
-                keyframes: this.keyframes,
-                options: options
-            });
-        }
-        else {
-            keyframeEffect = new KeyframeEffectParameters({
-                keyframes: this.keyframes
-            });
-        }
-        return keyframeEffect;
-    }
-}
-// MARK: - Util
-function removeSuffix({ of: string, suffix }) {
-    return string.slice(0, -suffix.length);
-}
-async function waitForDocumentLoad({ document }) {
-    if (document.readyState === 'complete') {
-        return;
-    }
-    const { promise, resolve } = Promise.withResolvers();
-    function onReadyStateChange() {
-        if (document.readyState === 'complete') {
-            resolve(null);
-        }
-    }
-    const listener = [
-        'readystatechange',
-        onReadyStateChange
-    ];
-    document.addEventListener(...listener);
-    await promise;
-    document.removeEventListener(...listener);
-}
-//# sourceMappingURL=KeyframeKit.js.map

package/docs/docs/public/playground/KeyframeKit/dist/KeyframeKit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KeyframeKit.js","sourceRoot":"","sources":["../src/KeyframeKit.ts"],"names":[],"mappings":"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"}

package/docs/docs/public/playground/KeyframeKit/dist/KeyframeKit.min.js

@@ -1,5 +0,0 @@
-/*
- * KeyframeKit
- * MIT License
- */
-const e="%",t="-",s="--",r="-webkit-";var o=new class{Error={KeyframesRuleNameTypeError:class extends TypeError{message="Keyframes rule name must be a string."},SourceTypeError:class extends TypeError{message="Source must be either a CSSStyleSheet or a StyleSheetList."},StyleSheetImportError:class extends Error{message="The stylesheet could not be imported."}};async getDocumentStyleSheetsOnLoad({document:e=window.document}={}){return await async function({document:e}){if("complete"===e.readyState)return;const{promise:t,resolve:s}=Promise.withResolvers();function r(){"complete"===e.readyState&&s(null)}const o=["readystatechange",r];e.addEventListener(...o),await t,e.removeEventListener(...o)}({document:e}),e.styleSheets}async importStyleSheet(e){const t=await fetch(e);if(!t.ok)throw new this.Error.StyleSheetImportError;const s=await t.text(),r=e.split("/").slice(0,-1).join("/"),o=new CSSStyleSheet({baseURL:r});return await o.replace(s),o}getStyleSheetKeyframes({of:e,in:t}){if("string"!=typeof e)throw new this.Error.KeyframesRuleNameTypeError;if(t instanceof StyleSheetList)return this.#e({of:e,styleSheetList:t});if(t instanceof CSSStyleSheet)return this.#t({of:e,styleSheet:t});throw new this.Error.SourceTypeError}#e({of:e,styleSheetList:t}){for(const s of t){const t=this.#t({of:e,styleSheet:s});if(void 0!==t)return t}}#t({of:e,styleSheet:t}){for(const s of t.cssRules)if(s instanceof CSSKeyframesRule&&s.name===e){return this.parseKeyframesRule({rule:s})}}getAllStyleSheetKeyframesRules({in:e}){if(e instanceof StyleSheetList)return this.#s({styleSheetList:e});if(e instanceof CSSStyleSheet)return this.#r({styleSheet:e});throw new this.Error.SourceTypeError}#s({styleSheetList:e}){let t={};for(const s of e){const e=this.#r({styleSheet:s});t={...t,...e}}return t}#r({styleSheet:e}){let t={};for(const s of e.cssRules){if(!(s instanceof CSSKeyframesRule))continue;const e=this.parseKeyframesRule({rule:s});t[s.name]=e}return t}parseKeyframesRule({rule:t}){let s=[];for(const r of t){const t=l({of:r.keyText,suffix:e}),o=Number(t)/100;let n={};for(const e of r.style){const t=r.style.getPropertyValue(e);n[this.#o(e)]=t}const i={...n,offset:o};s.push(i)}return new i(s)}#o(e){if(this.#n(e))return e;if("float"===e)return"cssFloat";if("offset"===e)return"cssOffset";const t=this.#i(e);return this.#l(e,t)}#l(e,s=!1){let r="",o=!1;s&&(e=e.slice(1));for(const s of e)s===t?o=!0:o?(o=!1,r+=s.toUpperCase()):r+=s;return r}#n(e){return e.startsWith(s)&&e!==s}#i(e){return e.startsWith(r)}};class n{keyframes;options;constructor({keyframes:e,options:t={}}){this.keyframes=e,this.options=this.#a(t)}toAnimation({target:e,options:t={},timeline:s=document.timeline}){t=this.#a(t);const r={...this.options,...t},o=new KeyframeEffect(e,this.keyframes,r);return new Animation(o,s)}#a(e){return"number"==typeof e?{duration:e}:e}}class i{keyframes;constructor(e){this.keyframes=e}toKeyframeEffect(e){let t;return t=new n(null!==e?{keyframes:this.keyframes,options:e}:{keyframes:this.keyframes}),t}}function l({of:e,suffix:t}){return e.slice(0,-t.length)}export{n as KeyframeEffectParameters,i as ParsedKeyframes,o as default};

package/docs/docs/reference/classes/KeyframeEffectParameters.md

@@ -1,104 +0,0 @@
-[KeyframeKit](../index.md) / KeyframeEffectParameters
-
-# Class: KeyframeEffectParameters
-
-https://drafts.csswg.org/web-animations-1/#the-keyframeeffect-interface
-
-## Constructors
-
-### Constructor
-
-```ts
-new KeyframeEffectParameters(obj: {
-  keyframes: KeyframeArgument;
-  options?: number | KeyframeEffectOptions;
-}): KeyframeEffectParameters;
-```
-
-#### Parameters
-
-##### obj
-
-###### keyframes
-
-[`KeyframeArgument`](../type-aliases/KeyframeArgument.md)
-
-[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats)
-
-###### options?
-
-`number` \| `KeyframeEffectOptions` = `{}`
-
-[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
-
-#### Returns
-
-`KeyframeEffectParameters`
-
-## Properties
-
-### keyframes
-
-```ts
-keyframes: KeyframeArgument;
-```
-
-***
-
-### options
-
-```ts
-options: KeyframeEffectOptions;
-```
-
-## Methods
-
-### toAnimation()
-
-```ts
-toAnimation(obj: {
-  options?: number | KeyframeEffectOptions;
-  target: Element | null;
-  timeline?: AnimationTimeline | null;
-}): Animation;
-```
-
-#### Parameters
-
-##### obj
-
-###### options?
-
-`number` \| `KeyframeEffectOptions` = `{}`
-
-Additional keyframe effect options. Can override existing keys.
- [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
-
-###### target
-
-[`Element`](https://developer.mozilla.org/docs/Web/API/Element) \| `null`
-
-An element to attach the animation to.
-
-###### timeline?
-
-[`AnimationTimeline`](https://developer.mozilla.org/docs/Web/API/AnimationTimeline) \| `null` = `document.timeline`
-
-[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/Animation/Animation#timeline)
-
-#### Returns
-
-[`Animation`](https://developer.mozilla.org/docs/Web/API/Animation)
-
-#### See
-
-Specifications:
-- https://drafts.csswg.org/web-animations-1/#the-keyframeeffect-interface
-- https://drafts.csswg.org/web-animations-1/#the-animation-interface
-
-## See Also
-
-### Referenced Here
-- [KeyframeArgument](../type-aliases/KeyframeArgument.md)
-### References This
-- [ParsedKeyframes.toKeyframeEffect](ParsedKeyframes.md#tokeyframeeffect)

package/docs/docs/reference/classes/ParsedKeyframes.md

@@ -1,58 +0,0 @@
-[KeyframeKit](../index.md) / ParsedKeyframes
-
-# Class: ParsedKeyframes
-
-## Constructors
-
-### Constructor
-
-```ts
-new ParsedKeyframes(keyframes: Keyframe[]): ParsedKeyframes;
-```
-
-#### Parameters
-
-##### keyframes
-
-`Keyframe`[]
-
-#### Returns
-
-`ParsedKeyframes`
-
-## Properties
-
-### keyframes
-
-```ts
-keyframes: Keyframe[];
-```
-
-## Methods
-
-### toKeyframeEffect()
-
-```ts
-toKeyframeEffect(options: number | KeyframeEffectOptions | null): KeyframeEffectParameters;
-```
-
-#### Parameters
-
-##### options
-
-[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
-
-`number` | `KeyframeEffectOptions` | `null`
-
-#### Returns
-
-[`KeyframeEffectParameters`](KeyframeEffectParameters.md)
-
-## See Also
-
-### Referenced Here
-- [KeyframeEffectParameters](KeyframeEffectParameters.md)
-### References This
-- [KeyframesFactory.getStyleSheetKeyframes](../interfaces/KeyframesFactory.md#getstylesheetkeyframes)
-- [KeyframesFactory.parseKeyframesRule](../interfaces/KeyframesFactory.md#parsekeyframesrule)
-- [ParsedKeyframesRules](../type-aliases/ParsedKeyframesRules.md)

package/docs/docs/reference/index.md

@@ -1,20 +0,0 @@
-# KeyframeKit
-
-## Classes
-
-- [KeyframeEffectParameters](classes/KeyframeEffectParameters.md)
-- [ParsedKeyframes](classes/ParsedKeyframes.md)
-
-## Interfaces
-
-- [KeyframesFactory](interfaces/KeyframesFactory.md)
-
-## Type Aliases
-
-- [CSSStyleSheetSource](type-aliases/CSSStyleSheetSource.md)
-- [KeyframeArgument](type-aliases/KeyframeArgument.md)
-- [ParsedKeyframesRules](type-aliases/ParsedKeyframesRules.md)
-
-## Variables
-
-- [default](variables/default.md)