@lightningjs/renderer 2.20.0 → 2.20.2

package/dist/src/core/animations/Playback.js

@@ -0,0 +1,155 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { EventEmitter } from '../../common/EventEmitter.js';
+import { normalizeTimingFunction } from './utils.js';
+export var StopMethodFlags;
+(function (StopMethodFlags) {
+    StopMethodFlags[StopMethodFlags["Immediate"] = 0] = "Immediate";
+    StopMethodFlags[StopMethodFlags["Reset"] = 1] = "Reset";
+    StopMethodFlags[StopMethodFlags["Reverse"] = 2] = "Reverse";
+})(StopMethodFlags || (StopMethodFlags = {}));
+export const getStopMethodFlag = (method) => {
+    if (method === undefined || method === 'immediate') {
+        return StopMethodFlags.Immediate;
+    }
+    switch (method) {
+        case 'reverse':
+            return StopMethodFlags.Reverse;
+        case 'reset':
+            return StopMethodFlags.Reset;
+    }
+    return StopMethodFlags.Immediate;
+};
+export var PlaybackState;
+(function (PlaybackState) {
+    PlaybackState[PlaybackState["Idle"] = 0] = "Idle";
+    PlaybackState[PlaybackState["Destroyed"] = 1] = "Destroyed";
+    PlaybackState[PlaybackState["Stopped"] = 2] = "Stopped";
+    PlaybackState[PlaybackState["Finished"] = 3] = "Finished";
+    PlaybackState[PlaybackState["Paused"] = 4] = "Paused";
+    PlaybackState[PlaybackState["Playing"] = 5] = "Playing";
+    PlaybackState[PlaybackState["Stopping"] = 6] = "Stopping";
+})(PlaybackState || (PlaybackState = {}));
+export const PlaybackSettingsKeys = {
+    delay: true,
+    duration: true,
+    easing: true,
+    loop: true,
+    repeat: true,
+    reverse: true,
+    stopMethod: true,
+};
+//freeze the keys object to prevent modification
+Object.freeze(PlaybackSettingsKeys);
+/**
+ * Returns a new unique ID
+ */
+let playbackId = 1;
+export function getPlaybackId() {
+    return playbackId++;
+}
+export default class Playback extends EventEmitter {
+    animationManager;
+    //id
+    id = getPlaybackId();
+    //settings
+    delay;
+    duration;
+    easing;
+    loop;
+    repeat;
+    reverse;
+    stopMethod;
+    //lifecycle
+    state = PlaybackState.Idle;
+    startTime = null;
+    pauseTime = null;
+    endTime = null;
+    currentTime = 0;
+    iteration = 0;
+    constructor(animationManager, settings = {}) {
+        super();
+        this.animationManager = animationManager;
+        this.delay = settings.delay ?? 0;
+        this.duration = settings.duration ?? 200;
+        this.easing = normalizeTimingFunction(settings.easing);
+        this.loop = settings.loop ?? false;
+        this.repeat = settings.repeat ?? 0;
+        this.reverse = settings.reverse ?? false;
+        this.stopMethod = getStopMethodFlag(settings.stopMethod);
+    }
+    update(currentFrameTime) {
+        let state = this.state;
+        let targetTime = currentFrameTime - this.startTime;
+        if (state === PlaybackState.Stopping) {
+            targetTime = this.duration - targetTime;
+        }
+        if (state === PlaybackState.Playing && targetTime > this.duration) {
+            targetTime = this.duration;
+            if (this.loop === true) {
+                this.iteration++;
+                this.startTime = currentFrameTime;
+                targetTime = 0;
+                if (this.repeat > 0 && this.iteration > this.repeat) {
+                    this.stop();
+                }
+            }
+        }
+    }
+    updateValues(currentTime) { }
+    applyStartValues() {
+        //needs to be implemented in subclass
+    }
+    start() {
+        const animationManager = this.animationManager;
+        this.startTime = animationManager.currentFrameTime + this.delay;
+        this.endTime = this.startTime + this.duration;
+        this.state = PlaybackState.Playing;
+        animationManager.register(this);
+        this.emit('start');
+        return this;
+    }
+    stop() {
+        const stopMethod = this.stopMethod;
+        if (stopMethod === StopMethodFlags.Immediate) {
+            this.finish();
+            return;
+        }
+        if (stopMethod === StopMethodFlags.Reset) {
+            this.updateValues(0);
+            this.finish();
+            return;
+        }
+        if (stopMethod === StopMethodFlags.Reverse) {
+            if (this.state === PlaybackState.Playing) {
+                this.state = PlaybackState.Stopping;
+                //adjust start time to account for current time
+                const currentFrameTime = this.animationManager.currentFrameTime;
+                const elapsedTime = currentFrameTime - this.startTime;
+                this.startTime = currentFrameTime - (this.duration - elapsedTime);
+            }
+        }
+    }
+    finish() {
+        this.state = PlaybackState.Finished;
+        this.emit('finish');
+        this.animationManager.unregister(this);
+    }
+}
+//# sourceMappingURL=Playback.js.map

package/dist/src/core/animations/Playback.js.map

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

package/dist/src/core/animations/Transition.d.ts

@@ -0,0 +1,25 @@
+import type { TimingFunction } from './utils';
+export interface TransitionSettings {
+    to: number;
+    from?: number | null;
+    duration?: number;
+    delay?: number;
+    easing?: string | TimingFunction;
+}
+export type TransitionableValue = number | number[];
+export type TransitionValueTypes = number | TransitionSettings | string | (number | TransitionSettings | string)[];
+export default class Transition {
+    private data;
+    currentValue: TransitionableValue | null;
+    applyProgress: (from: number, to: number, p: number) => number;
+    constructor(from: TransitionableValue | null, to: TransitionableValue, duration: number, delay: number, easing: TimingFunction | null);
+    applyEasedProgress(from: number, to: number, p: number): number;
+    applyLinearProgress(from: number, to: number, p: number): number;
+    update(animationTime: number): number;
+    set from(value: TransitionableValue | null);
+    get from(): TransitionableValue | null;
+    get to(): TransitionableValue;
+    get start(): number;
+    get end(): number;
+    get easing(): TimingFunction | null;
+}

package/dist/src/core/animations/Transition.js

@@ -0,0 +1,63 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export default class Transition {
+    data;
+    currentValue = null;
+    applyProgress = this.applyLinearProgress;
+    constructor(from, to, duration, delay, easing) {
+        this.data = [from, to, duration, delay, easing];
+        if (easing !== null) {
+            this.applyProgress = this.applyEasedProgress;
+        }
+    }
+    // This function only gets called if an easing function is provided
+    applyEasedProgress(from, to, p) {
+        return from + (to - from) * this.data[4](p);
+    }
+    // This function gets called if no easing function is provided (linear)
+    applyLinearProgress(from, to, p) {
+        return from + (to - from) * p;
+    }
+    update(animationTime) {
+        const [from, to, start, end] = this.data;
+        //calculate progress of transition
+        let p = (animationTime - start) / (end - start);
+        return (this.currentValue = this.applyProgress(from, to, p));
+    }
+    //only settable property is 'from' will be used on start of animation
+    set from(value) {
+        this.data[0] = value;
+    }
+    get from() {
+        return this.data[0];
+    }
+    get to() {
+        return this.data[1];
+    }
+    get start() {
+        return this.data[2];
+    }
+    get end() {
+        return this.data[3];
+    }
+    get easing() {
+        return this.data[4];
+    }
+}
+//# sourceMappingURL=Transition.js.map

package/dist/src/core/animations/Transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../../src/core/animations/Transition.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAoCH,MAAM,CAAC,OAAO,OAAO,UAAU;IACrB,IAAI,CAAuB;IACnC,YAAY,GAA+B,IAAI,CAAC;IAChD,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC;IAEzC,YACE,IAAgC,EAChC,EAAuB,EACvB,QAAgB,EAChB,KAAa,EACb,MAA6B;QAE7B,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,mEAAmE;IACnE,kBAAkB,CAAC,IAAY,EAAE,EAAU,EAAE,CAAS;QACpD,OAAO,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC;IAED,uEAAuE;IACvE,mBAAmB,CAAC,IAAY,EAAE,EAAU,EAAE,CAAS;QACrD,OAAO,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;IAED,MAAM,CAAC,aAAqB;QAC1B,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,IAMnC,CAAC;QACF,kCAAkC;QAClC,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;QAChD,OAAO,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,qEAAqE;IACrE,IAAI,IAAI,CAAC,KAAiC;QACxC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;CACF"}

package/dist/src/core/animations/utils.d.ts

@@ -0,0 +1,2 @@
+export type TimingFunction = (t: number) => number;
+export declare const normalizeTimingFunction: (something: string | TimingFunction | undefined) => TimingFunction | null;

package/dist/src/core/animations/utils.js

@@ -0,0 +1,137 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const tfCache = {};
+const cubicBezierMap = {
+    ease: [0.25, 0.1, 0.25, 1.0],
+    'ease-in': [0.42, 0, 1.0, 1.0],
+    'ease-out': [0, 0, 0.58, 1.0],
+    'ease-in-out': [0.42, 0, 0.58, 1.0],
+    'ease-in-sine': [0.12, 0, 0.39, 0],
+    'ease-out-sine': [0.12, 0, 0.39, 0],
+    'ease-in-out-sine': [0.37, 0, 0.63, 1],
+    'ease-in-cubic': [0.32, 0, 0.67, 0],
+    'ease-out-cubic': [0.33, 1, 0.68, 1],
+    'ease-in-out-cubic': [0.65, 0, 0.35, 1],
+    'ease-in-circ': [0.55, 0, 1, 0.45],
+    'ease-out-circ': [0, 0.55, 0.45, 1],
+    'ease-in-out-circ': [0.85, 0, 0.15, 1],
+    'ease-in-back': [0.36, 0, 0.66, -0.56],
+    'ease-out-back': [0.34, 1.56, 0.64, 1],
+    'ease-in-out-back': [0.68, -0.6, 0.32, 1.6],
+};
+const createCubicBezierFunction = (a, b, c, d) => {
+    const xc = 3.0 * a;
+    const xb = 3.0 * (c - a) - xc;
+    const xa = 1.0 - xc - xb;
+    const yc = 3.0 * b;
+    const yb = 3.0 * (d - b) - yc;
+    const ya = 1.0 - yc - yb;
+    return function (time) {
+        if (time >= 1.0) {
+            return 1;
+        }
+        if (time <= 0) {
+            return 0;
+        }
+        let t = 0.5;
+        let cbx;
+        let cbxd;
+        let dx;
+        for (let it = 0; it < 20; it++) {
+            cbx = t * (t * (t * xa + xb) + xc);
+            dx = time - cbx;
+            if (dx > -1e-8 && dx < 1e-8) {
+                return t * (t * (t * ya + yb) + yc);
+            }
+            // Cubic bezier derivative.
+            cbxd = t * (t * (3 * xa) + 2 * xb) + xc;
+            if (cbxd > 1e-10 && cbxd < 1e-10) {
+                // Problematic. Fall back to binary search method.
+                break;
+            }
+            t += dx / cbxd;
+        }
+        // Fallback: binary search method. This is more reliable when there are near-0 slopes.
+        let minT = 0;
+        let maxT = 1;
+        for (let it = 0; it < 20; it++) {
+            t = 0.5 * (minT + maxT);
+            cbx = t * (t * (t * xa + xb) + xc);
+            dx = time - cbx;
+            if (dx > -1e-8 && dx < 1e-8) {
+                // Solution found!
+                return t * (t * (t * ya + yb) + yc);
+            }
+            if (dx < 0) {
+                maxT = t;
+            }
+            else {
+                minT = t;
+            }
+        }
+        return time;
+    };
+};
+const parseCubicBezier = (str) => {
+    //cubic-bezier(0.84, 0.52, 0.56, 0.6)
+    const regex = /-?\d*\.?\d+/g;
+    const match = str.match(regex);
+    if (match) {
+        const [num1, num2, num3, num4] = match;
+        const a = parseFloat(num1 || '0.42');
+        const b = parseFloat(num2 || '0');
+        const c = parseFloat(num3 || '1');
+        const d = parseFloat(num4 || '1');
+        const timing = createCubicBezierFunction(a, b, c, d);
+        tfCache[str] = timing;
+        return timing;
+    }
+    // parse failed, return linear
+    console.warn('cubic-bezier invalid' + str);
+    return null;
+};
+export const normalizeTimingFunction = (something) => {
+    if (something === undefined ||
+        (typeof something !== 'string' && typeof something !== 'function')) {
+        return null;
+    }
+    //predefined timing functions
+    if (typeof something === 'function') {
+        return something;
+    }
+    if (tfCache[something] !== undefined) {
+        return tfCache[something];
+    }
+    if (cubicBezierMap[something] !== undefined) {
+        const [a, b, c, d] = cubicBezierMap[something];
+        const tf = createCubicBezierFunction(a, b, c, d);
+        tfCache[something] = tf;
+        return tf;
+    }
+    //custom cubic-bezier
+    if (something.startsWith('cubic-bezier')) {
+        const tf = parseCubicBezier(something);
+        if (tf !== null) {
+            tfCache[something] = tf;
+        }
+        return tf;
+    }
+    return null;
+};
+//# sourceMappingURL=utils.js.map

package/dist/src/core/animations/utils.js.map

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

package/dist/src/core/lib/WebGlContextWrapper.d.ts

@@ -175,7 +175,7 @@ export declare class WebGlContextWrapper {
      *
      * @returns
      */
-    createTexture(): WebGLTexture | null;
+    createTexture(): WebGLTexture;
     /**
      * ```
      * gl.deleteTexture(texture);
@@ -251,14 +251,14 @@ export declare class WebGlContextWrapper {
      *
      * @returns
      */
-    createBuffer(): WebGLBuffer | null;
+    createBuffer(): WebGLBuffer;
     /**
      * ```
      * gl.createFramebuffer();
      * ```
      * @returns
      */
-    createFramebuffer(): WebGLFramebuffer | null;
+    createFramebuffer(): WebGLFramebuffer;
     /**
      * ```
      * gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
@@ -539,7 +539,7 @@ export declare class WebGlContextWrapper {
      *
      * @returns
      */
-    createVertexArray(): WebGLVertexArrayObject | null;
+    createVertexArray(): WebGLVertexArrayObject;
     /**
      * ```
      * gl.bindVertexArray(vertexArray);
@@ -651,7 +651,7 @@ export declare class WebGlContextWrapper {
      *
      * @returns
      */
-    createProgram(): WebGLProgram | null;
+    createProgram(): WebGLProgram;
     /**
      * ```
      * gl.getProgramParameter(program, pname);

package/dist/src/core/lib/collectionUtils.d.ts

@@ -0,0 +1,5 @@
+import type { CoreNode } from '../CoreNode.js';
+export declare const bucketSortByZIndex: (nodes: CoreNode[], min: number) => void;
+export declare const incrementalRepositionByZIndex: (changedNodes: CoreNode[], nodes: CoreNode[]) => void;
+export declare const findChildIndexById: (node: CoreNode, children: CoreNode[]) => number;
+export declare const removeChild: (node: CoreNode, children: CoreNode[]) => void;

package/dist/src/core/lib/collectionUtils.js

@@ -0,0 +1,100 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//Bucket sort implementation for sorting CoreNode arrays by zIndex
+export const bucketSortByZIndex = (nodes, min) => {
+    const buckets = [];
+    const bucketIndices = [];
+    //distribute nodes into buckets
+    for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i];
+        const index = node.props.zIndex - min;
+        //create bucket if it doesn't exist
+        if (buckets[index] === undefined) {
+            buckets[index] = [];
+            bucketIndices.push(index);
+        }
+        buckets[index].push(node);
+    }
+    //sort each bucket using insertion sort
+    for (let i = 1; i < bucketIndices.length; i++) {
+        const key = bucketIndices[i];
+        let j = i - 1;
+        while (j >= 0 && bucketIndices[j] > key) {
+            bucketIndices[j + 1] = bucketIndices[j];
+            j--;
+        }
+        bucketIndices[j + 1] = key;
+    }
+    //flatten buckets
+    let idx = 0;
+    for (let i = 0; i < bucketIndices.length; i++) {
+        const bucket = buckets[bucketIndices[i]];
+        for (let j = 0; j < bucket.length; j++) {
+            nodes[idx++] = bucket[j];
+        }
+    }
+    //clean up
+    buckets.length = 0;
+    bucketIndices.length = 0;
+};
+export const incrementalRepositionByZIndex = (changedNodes, nodes) => {
+    for (let i = 0; i < changedNodes.length; i++) {
+        const node = changedNodes[i];
+        const currentIndex = findChildIndexById(node, nodes);
+        if (currentIndex === -1)
+            continue;
+        const targetZIndex = node.props.zIndex;
+        //binary search for correct insertion position
+        let left = 0;
+        let right = nodes.length;
+        while (left < right) {
+            const mid = (left + right) >>> 1;
+            if (nodes[mid].props.zIndex <= targetZIndex) {
+                left = mid + 1;
+            }
+            else {
+                right = mid;
+            }
+        }
+        //adjust target position if it's after the current position
+        const targetIndex = left > currentIndex ? left - 1 : left;
+        //only reposition if target is different from current
+        if (targetIndex !== currentIndex) {
+            nodes.splice(currentIndex, 1);
+            nodes.splice(targetIndex, 0, node);
+        }
+    }
+};
+export const findChildIndexById = (node, children) => {
+    for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        // @ts-ignore - accessing protected property
+        if (child._id === node._id) {
+            return i;
+        }
+    }
+    return -1;
+};
+export const removeChild = (node, children) => {
+    const index = findChildIndexById(node, children);
+    if (index !== -1) {
+        children.splice(index, 1);
+    }
+};
+//# sourceMappingURL=collectionUtils.js.map

package/dist/src/core/lib/collectionUtils.js.map

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

package/dist/src/core/lib/colorCache.d.ts

@@ -0,0 +1 @@
+export declare function normalizeCanvasColor(color: number, isRGBA?: boolean): string;

package/dist/src/core/lib/colorCache.js

@@ -0,0 +1,19 @@
+import { parseToAbgrString, parseToRgbaString } from './colorParser.js';
+const parsedArgbColors = new Map();
+const parsedRgbaColors = new Map();
+export function normalizeCanvasColor(color, isRGBA = false) {
+    let targetCache = isRGBA === true ? parsedRgbaColors : parsedArgbColors;
+    let out = targetCache.get(color);
+    if (out !== undefined) {
+        return out;
+    }
+    if (isRGBA === true) {
+        out = parseToRgbaString(color);
+    }
+    else {
+        out = parseToAbgrString(color);
+    }
+    targetCache.set(color, out);
+    return out;
+}
+//# sourceMappingURL=colorCache.js.map

package/dist/src/core/lib/colorCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorCache.js","sourceRoot":"","sources":["../../../../src/core/lib/colorCache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,gBAAgB,GAAwB,IAAI,GAAG,EAAE,CAAC;AACxD,MAAM,gBAAgB,GAAwB,IAAI,GAAG,EAAE,CAAC;AAExD,MAAM,UAAU,oBAAoB,CAAC,KAAa,EAAE,SAAkB,KAAK;IACzE,IAAI,WAAW,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACxE,IAAI,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACtB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;SAAM,CAAC;QACN,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IACD,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/src/core/lib/colorParser.d.ts

@@ -0,0 +1,21 @@
+export interface IParsedColor {
+    isWhite: boolean;
+    a: number;
+    r: number;
+    g: number;
+    b: number;
+}
+/**
+ * Extract color components
+ */
+export declare function parseColor(abgr: number): IParsedColor;
+export declare function parseToAbgrString(abgr: number): string;
+export declare function parseToRgbaString(rgba: number): string;
+/**
+ * Extract color components
+ */
+export declare function parseColorRgba(rgba: number): IParsedColor;
+/**
+ * Format a parsed color into a rgba CSS color
+ */
+export declare function formatRgba({ a, r, g, b }: IParsedColor): string;