anim-3d-obj 1.0.9

package/dist/esm/components/styles/AnimWrap.js

@@ -0,0 +1,64 @@
+import styled from 'styled-components';
+import React from 'react';
+import { allAnims } from './Anims';
+export const AnimWrap = (props) => {
+    const { duration = 0, iterationCount = 0, animName = 'noAnim', fillMode = 'forward', children = '', borderColor = '', animLow = 0, animHi = 0, animDirection = 'normal' } = props;
+    const { X360, Y360, fadeInkf, wobY, wobX, fwdx018, fwdx1836, fwdx09, fwdx918, fwdx1827, fwdx2736, fwdy018, fwdy1836, fwdy09, fwdy918, fwdy1827, fwdy2736, noAnim } = allAnims({ animLow, animHi });
+    let theAnim = 'noAnim';
+    // need to iterate through all animation posibilities and not use eval() to satisfy TS
+    if (animName === 'X360')
+        theAnim = X360;
+    else if (animName === 'Y360')
+        theAnim = Y360;
+    else if (animName === 'fadeInkf')
+        theAnim = fadeInkf;
+    else if (animName === 'wobX')
+        theAnim = wobX;
+    else if (animName === 'wobY')
+        theAnim = wobY;
+    else if (animName === 'fwdx018')
+        theAnim = fwdx018;
+    else if (animName === 'fwdx1836')
+        theAnim = fwdx1836;
+    else if (animName === 'fwdx09')
+        theAnim = fwdx09;
+    else if (animName === 'fwdx918')
+        theAnim = fwdx918;
+    else if (animName === 'fwdx1827')
+        theAnim = fwdx1827;
+    else if (animName === 'fwdx2736')
+        theAnim = fwdx2736;
+    else if (animName === 'fwdy018')
+        theAnim = fwdy018;
+    else if (animName === 'fwdy1836')
+        theAnim = fwdy1836;
+    else if (animName === 'fwdy09')
+        theAnim = fwdy09;
+    else if (animName === 'fwdy918')
+        theAnim = fwdy918;
+    else if (animName === 'fwdy1827')
+        theAnim = fwdy1827;
+    else if (animName === 'fwdy2736')
+        theAnim = fwdy2736;
+    else
+        theAnim = noAnim;
+    const AnimWrapDiv = styled.div `
+        width: 100%;
+        height: 100%;
+        position: relative;
+        border: 0px dotted ${borderColor};
+        transform-style: preserve-3d;
+        -webkit-animation-duration: ${duration}s;
+        animation-duration: ${duration}s;
+        -webkit-animation-iteration-count: ${iterationCount};
+        animation-iteration-count: ${iterationCount};
+        -webkit-animation-name: ${theAnim};
+        animation-name: ${theAnim};
+        -webkit-animation-fill-mode: ${fillMode};
+        animation-fill-mode: ${fillMode};
+        animation-direction: ${animDirection};
+        -webkit-animation-direction: ${animDirection};
+    `;
+    return React.createElement(AnimWrapDiv, null, children);
+};
+//# sourceMappingURL=AnimWrap.js.map

package/dist/esm/components/styles/AnimWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimWrap.js","sourceRoot":"","sources":["../../../../src/components/styles/AnimWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC/C,MAAM,EAAE,QAAQ,GAAG,CAAC,EAAE,cAAc,GAAG,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,aAAa,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElL,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IACnM,IAAI,OAAO,GAAQ,QAAQ,CAAC;IAC5B,sFAAsF;IACtF,IAAI,QAAQ,KAAK,MAAM;QAAE,OAAO,GAAG,IAAI,CAAC;SACnC,IAAI,QAAQ,KAAK,MAAM;QAAE,OAAO,GAAG,IAAI,CAAC;SACxC,IAAI,QAAQ,KAAK,UAAU;QAAE,OAAO,GAAG,QAAQ,CAAC;SAChD,IAAI,QAAQ,KAAK,MAAM;QAAE,OAAO,GAAG,IAAI,CAAC;SACxC,IAAI,QAAQ,KAAK,MAAM;QAAE,OAAO,GAAG,IAAI,CAAC;SACxC,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,GAAG,OAAO,CAAC;SAC9C,IAAI,QAAQ,KAAK,UAAU;QAAE,OAAO,GAAG,QAAQ,CAAC;SAChD,IAAI,QAAQ,KAAK,QAAQ;QAAE,OAAO,GAAG,MAAM,CAAC;SAC5C,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,GAAG,OAAO,CAAC;SAC9C,IAAI,QAAQ,KAAK,UAAU;QAAE,OAAO,GAAG,QAAQ,CAAC;SAChD,IAAI,QAAQ,KAAK,UAAU;QAAE,OAAO,GAAG,QAAQ,CAAC;SAChD,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,GAAG,OAAO,CAAC;SAC9C,IAAI,QAAQ,KAAK,UAAU;QAAE,OAAO,GAAG,QAAQ,CAAC;SAChD,IAAI,QAAQ,KAAK,QAAQ;QAAE,OAAO,GAAG,MAAM,CAAC;SAC5C,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,GAAG,OAAO,CAAC;SAC9C,IAAI,QAAQ,KAAK,UAAU;QAAE,OAAO,GAAG,QAAQ,CAAC;SAChD,IAAI,QAAQ,KAAK,UAAU;QAAE,OAAO,GAAG,QAAQ,CAAC;;QAChD,OAAO,GAAG,MAAM,CAAC;IAEtB,MAAM,WAAW,GAAQ,MAAM,CAAC,GAAG,CAAA;;;;6BAIV,WAAW;;sCAEF,QAAQ;8BAChB,QAAQ;6CACO,cAAc;qCACtB,cAAc;kCACjB,OAAO;0BACf,OAAO;uCACM,QAAQ;+BAChB,QAAQ;+BACR,aAAa;uCACL,aAAa;KAC/C,CAAC;IAEF,OAAO,oBAAC,WAAW,QAAE,QAAQ,CAAe,CAAC;AACjD,CAAC,CAAC"}

package/dist/esm/components/styles/Anims.d.ts

@@ -0,0 +1,25 @@
+interface AllAnimsProps {
+    animLow?: number;
+    animHi?: number;
+}
+export declare const allAnims: (props: AllAnimsProps) => {
+    X360: import("styled-components").Keyframes;
+    Y360: import("styled-components").Keyframes;
+    fadeInkf: import("styled-components").Keyframes;
+    wobY: import("styled-components").Keyframes;
+    wobX: import("styled-components").Keyframes;
+    fwdx018: import("styled-components").Keyframes;
+    fwdx1836: import("styled-components").Keyframes;
+    fwdx09: import("styled-components").Keyframes;
+    fwdx918: import("styled-components").Keyframes;
+    fwdx1827: import("styled-components").Keyframes;
+    fwdx2736: import("styled-components").Keyframes;
+    fwdy018: import("styled-components").Keyframes;
+    fwdy1836: import("styled-components").Keyframes;
+    fwdy09: import("styled-components").Keyframes;
+    fwdy918: import("styled-components").Keyframes;
+    fwdy1827: import("styled-components").Keyframes;
+    fwdy2736: import("styled-components").Keyframes;
+    noAnim: import("styled-components").Keyframes;
+};
+export {};

package/dist/esm/components/styles/Anims.js

@@ -0,0 +1,191 @@
+import { keyframes } from 'styled-components';
+export const allAnims = (props) => {
+    const { animLow = 0, animHi = 0 } = props;
+    const X360 = keyframes `
+   from {
+      -webkit-transform: rotateX(360deg);
+      transform: rotateX(360deg);
+   }
+   to {
+      -webkit-transform: rotateX(0deg);
+      transform: rotateX(0deg);
+   }
+}`;
+    //////// Y360
+    const Y360 = keyframes `
+    from {
+        -webkit-transform: rotateY(360deg);
+        transform: rotateY(360deg);
+    }
+    to {
+        -webkit-transform: rotateY(0deg);
+        transform: rotateY(0deg);
+    }`;
+    const fadeInkf = keyframes `
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }`;
+    const wobY = keyframes `
+    0% {
+        -webkit-transform: rotateY(${animLow}deg);
+        transform: rotateY(${animLow}deg);
+    }
+    50% {
+        -webkit-transform: rotateY(${animHi}deg);
+        transform: rotateY(${animHi}deg);
+    }
+    100% {
+        -webkit-transform: rotateY(${animLow}deg);
+        transform: rotateY(${animLow}deg);
+    }`;
+    const wobX = keyframes `
+    0% {
+        -webkit-transform: rotateX(${animLow}deg);
+        transform: rotateX(${animLow}deg);
+    }
+    50% {
+        -webkit-transform: rotateX(${animHi}deg);
+        transform: rotateX(${animHi}deg);
+    }
+    100% {
+        -webkit-transform: rotateX(${animLow}deg);
+        transform: rotateX(${animLow}deg);
+    }`;
+    /* ============================== x-axis 0-180 >180 - 360 */
+    const fwdx018 = keyframes `
+    from {
+        -webkit-transform: rotateX(360deg);
+        transform: rotateX(360deg);
+    }
+    to {
+        -webkit-transform: rotateX(180deg);
+        transform: rotateX(180deg);
+    }`;
+    const fwdx1836 = keyframes `
+    from {
+        -webkit-transform: rotateX(180deg);
+        transform: rotateX(180deg);
+    }
+    to {
+        -webkit-transform: rotateX(0deg);
+        transform: rotateX(0deg);
+    }`;
+    /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
+    const fwdx09 = keyframes `
+    from {
+       -webkit-transform: rotateX(360deg);
+       transform: rotateX(360deg);
+    }
+    to {
+       -webkit-transform: rotateX(90deg);
+       transform: rotateX(90deg);
+    }`;
+    const fwdx918 = keyframes `
+    from {
+        -webkit-transform: rotateX(-90deg);
+        transform: rotateX(-90deg);
+    }
+    to {
+        -webkit-transform: rotateX(-180deg);
+        transform: rotateX(-180deg);
+    }`;
+    const fwdx1827 = keyframes `
+    from {
+        -webkit-transform: rotateX(-180deg);
+        transform: rotateX(-180deg);
+    }
+    to {
+        -webkit-transform: rotateX(-270deg);
+        transform: rotateX(-270deg);
+    }`;
+    const fwdx2736 = keyframes `
+    from {
+        -webkit-transform: rotateX(-270deg);
+        transform: rotateX(-270deg);
+    }
+    to {
+        -webkit-transform: rotateX(-360deg);
+        transform: rotateX(-360deg);
+    }`;
+    /* ============================== y-axis 0-180 >180 - 360 */
+    const fwdy018 = keyframes `
+   from {
+       -webkit-transform: rotateY(360deg);
+       transform: rotateY(360deg);
+   }
+   to {
+       -webkit-transform: rotateY(180deg);
+       transform: rotateY(180deg);
+   }`;
+    const fwdy1836 = keyframes `
+   from {
+       -webkit-transform: rotateY(180deg);
+       transform: rotateY(180deg);
+   }
+   to {
+       -webkit-transform: rotateY(0deg);
+       transform: rotateY(0deg);
+   }`;
+    /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
+    const fwdy09 = keyframes `
+   from {
+      -webkit-transform: rotateY(360deg);
+      transform: rotateY(360deg);
+   }
+   to {
+      -webkit-transform: rotateY(90deg);
+      transform: rotateY(90deg);
+   }`;
+    const fwdy918 = keyframes `
+   from {
+       -webkit-transform: rotateY(-90deg);
+       transform: rotateY(-90deg);
+   }
+   to {
+       -webkit-transform: rotateY(-180deg);
+       transform: rotateY(-180deg);
+   }`;
+    const fwdy1827 = keyframes `
+   from {
+       -webkit-transform: rotateY(-180deg);
+       transform: rotateY(-180deg);
+   }
+   to {
+       -webkit-transform: rotateY(-270deg);
+       transform: rotateY(-270deg);
+   }`;
+    const fwdy2736 = keyframes `
+   from {
+       -webkit-transform: rotateY(-270deg);
+       transform: rotateY(-270deg);
+   }
+   to {
+       -webkit-transform: rotateY(-360deg);
+       transform: rotateY(-360deg);
+   }`;
+    const noAnim = keyframes ``;
+    return {
+        X360,
+        Y360,
+        fadeInkf,
+        wobY,
+        wobX,
+        fwdx018,
+        fwdx1836,
+        fwdx09,
+        fwdx918,
+        fwdx1827,
+        fwdx2736,
+        fwdy018,
+        fwdy1836,
+        fwdy09,
+        fwdy918,
+        fwdy1827,
+        fwdy2736,
+        noAnim
+    };
+};
+//# sourceMappingURL=Anims.js.map

package/dist/esm/components/styles/Anims.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anims.js","sourceRoot":"","sources":["../../../../src/components/styles/Anims.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAO9C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC7C,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,IAAI,GAAG,SAAS,CAAA;;;;;;;;;EASxB,CAAC;IAEC,aAAa;IACb,MAAM,IAAI,GAAG,SAAS,CAAA;;;;;;;;MAQpB,CAAC;IAEH,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;MAMxB,CAAC;IAEH,MAAM,IAAI,GAAG,SAAS,CAAA;;qCAEW,OAAO;6BACf,OAAO;;;qCAGC,MAAM;6BACd,MAAM;;;qCAGE,OAAO;6BACf,OAAO;MAC9B,CAAC;IAEH,MAAM,IAAI,GAAG,SAAS,CAAA;;qCAEW,OAAO;6BACf,OAAO;;;qCAGC,MAAM;6BACd,MAAM;;;qCAGE,OAAO;6BACf,OAAO;MAC9B,CAAC;IACH,4DAA4D;IAC5D,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;MAQvB,CAAC;IACH,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQxB,CAAC;IACH,yEAAyE;IACzE,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;MAQtB,CAAC;IACH,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;MAQvB,CAAC;IACH,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQxB,CAAC;IACH,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQxB,CAAC;IAEH,4DAA4D;IAC5D,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;KAQxB,CAAC;IACF,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQzB,CAAC;IAEF,yEAAyE;IACzE,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;KAQvB,CAAC;IACF,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;KAQxB,CAAC;IACF,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQzB,CAAC;IACF,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQzB,CAAC;IAEF,MAAM,MAAM,GAAG,SAAS,CAAA,EAAE,CAAC;IAE3B,OAAO;QACH,IAAI;QACJ,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,MAAM;KACT,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/styles/Scene.d.ts

@@ -0,0 +1,9 @@
+interface SceneStyleProps {
+    width?: number | string;
+    height?: number | string;
+    perspectiveOrigin?: string | undefined;
+    zIndex?: number | undefined;
+    children: any;
+}
+export declare const SceneStyle: (props: SceneStyleProps) => JSX.Element;
+export {};

package/dist/esm/components/styles/Scene.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import React from 'react';
+export const SceneStyle = (props) => {
+    const { width = 0, height = 0, perspectiveOrigin = '50% 50%', zIndex = 10, children = {} } = props;
+    console.log('z-index:' + zIndex);
+    const SceneStyleDiv = styled.div `
+        width: ${width}px;
+        height: ${height}px;
+        perspective: 600px;
+        perspective-origin: ${perspectiveOrigin};
+    `;
+    return (React.createElement("div", { style: { zIndex } },
+        React.createElement(SceneStyleDiv, null, children)));
+};
+//# sourceMappingURL=Scene.js.map

package/dist/esm/components/styles/Scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/components/styles/Scene.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,iBAAiB,GAAG,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACnG,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC;IACjC,MAAM,aAAa,GAAQ,MAAM,CAAC,GAAG,CAAA;iBACxB,KAAK;kBACJ,MAAM;;8BAEM,iBAAiB;KAC1C,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE;QAClB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACvC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogging';

package/dist/esm/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useLogging';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/hooks/useLogging.d.ts

@@ -0,0 +1,7 @@
+import Logging, { ILoggingOptions } from '../library/Logging';
+/**
+ * A hook for a simple logging library.
+ * @param options  Options to pass our logger.
+ * @returns object of type Logging
+ */
+export declare const useLogging: (options?: ILoggingOptions) => [Logging];

package/dist/esm/hooks/useLogging.js

@@ -0,0 +1,12 @@
+import { useRef } from 'react';
+import Logging from '../library/Logging';
+/**
+ * A hook for a simple logging library.
+ * @param options  Options to pass our logger.
+ * @returns object of type Logging
+ */
+export const useLogging = (options) => {
+    const { current: logging } = useRef(new Logging(options));
+    return [logging];
+};
+//# sourceMappingURL=useLogging.js.map

package/dist/esm/hooks/useLogging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogging.js","sourceRoot":"","sources":["../../../src/hooks/useLogging.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,OAA4B,MAAM,oBAAoB,CAAC;AAE9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAyB,EAAa,EAAE;IAC/D,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1D,OAAO,CAAC,OAAO,CAAC,CAAC;AACrB,CAAC,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './library';
+export * from './components';

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './library';
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/esm/library/Logging.d.ts

@@ -0,0 +1,25 @@
+export declare const DEBUG = "DEBUG";
+export declare const INFO = "INFO";
+export declare const WARN = "WARN";
+export declare const ERROR = "ERROR";
+export interface ILoggingOptions {
+    namespace?: string;
+    debug?: boolean;
+    applyStyles?: boolean;
+    styles?: {
+        [key: string]: string;
+    };
+}
+export declare class Logging {
+    private namespace;
+    private applyStyles;
+    private environment;
+    private styles;
+    constructor(options?: ILoggingOptions);
+    log: (key: string, obj: any, ...objs: any[]) => void;
+    debug: (obj: any, ...objs: any[]) => void;
+    info: (obj: any, ...objs: any[]) => void;
+    warn: (obj: any, ...objs: any[]) => void;
+    error: (obj: any, ...objs: any[]) => void;
+}
+export default Logging;

package/dist/esm/library/Logging.js

@@ -0,0 +1,39 @@
+export const DEBUG = 'DEBUG';
+export const INFO = 'INFO';
+export const WARN = 'WARN';
+export const ERROR = 'ERROR';
+export class Logging {
+    constructor(options) {
+        this.styles = {
+            DEBUG: 'display: inline-block; background-color: Blue; color: white; font-weight: bold; padding: 3px 7px 3px 7px; border-radius: 3px;',
+            INFO: 'display: inline-block; background-color: Green; color: black; font-weight: bold; padding: 3px 7px 3px 7px; border-radius: 3px;',
+            WARN: 'display: inline-block; background-color: gold; color: black; font-weight: bold; padding: 3px 7px 3px 7px; border-radius: 3px;',
+            ERROR: 'display: inline-block; background-color: Red; color: black; font-weight: bold; padding: 3px 7px 3px 7px; border-radius: 3px;'
+        };
+        this.log = (key, obj, ...objs) => {
+            if (this.environment === 'production')
+                return;
+            if (this.applyStyles) {
+                console.log(`[${new Date().toISOString()}] [${this.namespace}] %c[${key}] ${obj}`, this.styles[key], ...objs);
+            }
+            else {
+                console.log(`[${new Date().toISOString()}] [${this.namespace}] [${key}] ${obj}`, ...objs);
+            }
+        };
+        this.debug = (obj, ...objs) => this.log(DEBUG, obj, ...objs);
+        this.info = (obj, ...objs) => this.log(INFO, obj, ...objs);
+        this.warn = (obj, ...objs) => this.log(WARN, obj, ...objs);
+        this.error = (obj, ...objs) => this.log(ERROR, obj, ...objs);
+        this.namespace = (options === null || options === void 0 ? void 0 : options.namespace) || 'Default';
+        this.applyStyles = (options === null || options === void 0 ? void 0 : options.applyStyles) || false;
+        this.environment = process.env.NODE_ENV || 'development';
+        if ((options === null || options === void 0 ? void 0 : options.styles) && this.applyStyles) {
+            for (let key in options.styles) {
+                if (this.styles[key])
+                    this.styles[key] = options.styles[key];
+            }
+        }
+    }
+}
+export default Logging;
+//# sourceMappingURL=Logging.js.map

package/dist/esm/library/Logging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logging.js","sourceRoot":"","sources":["../../../src/library/Logging.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC;AAC7B,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAC3B,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAC3B,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC;AAS7B,MAAM,OAAO,OAAO;IAYhB,YAAY,OAAyB;QAP7B,WAAM,GAA8B;YACxC,KAAK,EAAE,+HAA+H;YACtI,IAAI,EAAE,gIAAgI;YACtI,IAAI,EAAE,+HAA+H;YACrI,KAAK,EAAE,8HAA8H;SACxI,CAAC;QAcK,QAAG,GAAG,CAAC,GAAW,EAAE,GAAQ,EAAE,GAAG,IAAW,EAAE,EAAE;YACnD,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY;gBAAE,OAAO;YAE9C,IAAI,IAAI,CAAC,WAAW,EAAE;gBAClB,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,SAAS,QAAQ,GAAG,KAAK,GAAG,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;aACjH;iBAAM;gBACH,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,SAAS,MAAM,GAAG,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;aAC7F;QACL,CAAC,CAAC;QAEK,UAAK,GAAG,CAAC,GAAQ,EAAE,GAAG,IAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;QACpE,SAAI,GAAG,CAAC,GAAQ,EAAE,GAAG,IAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;QAClE,SAAI,GAAG,CAAC,GAAQ,EAAE,GAAG,IAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;QAClE,UAAK,GAAG,CAAC,GAAQ,EAAE,GAAG,IAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;QAxBvE,IAAI,CAAC,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,SAAS,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,KAAK,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,aAAa,CAAC;QAEzD,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,IAAI,CAAC,WAAW,EAAE;YACrC,KAAK,IAAI,GAAG,IAAI,OAAO,CAAC,MAAM,EAAE;gBAC5B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;oBAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;aAChE;SACJ;IACL,CAAC;CAgBJ;AAED,eAAe,OAAO,CAAC"}

package/dist/esm/library/index.d.ts

@@ -0,0 +1 @@
+export * from './Logging';

package/dist/esm/library/index.js

@@ -0,0 +1,2 @@
+export * from './Logging';
+//# sourceMappingURL=index.js.map

package/dist/esm/library/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/library/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/package.json

@@ -0,0 +1,38 @@
+{
+    "name": "anim-3d-obj",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/mdnelles/anim-3d-objs-launcher"
+    },
+    "homepage": "https://github.com/mdnelles/anim-3d-objs",
+    "version": "1.0.9",
+    "description": "A component library for getting people started with easy to re-use components for everyday projects.",
+    "main": "dist/cjs/index.js",
+    "module": "dist/esm/index.js",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "rm -rf dist/ && prettier --write src/ && npm run build:esm && npm run build:cjs",
+        "build:esm": "tsc",
+        "build:cjs": "tsc --module CommonJS --outDir dist/cjs"
+    },
+    "author": "mnelles",
+    "license": "MIT",
+    "devDependencies": {
+        "@types/node": "^17.0.21",
+        "@types/react": "^17.0.37",
+        "@types/react-dom": "^17.0.11",
+        "@types/styled-components": "^5.1.25",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "typescript": "^4.5.2"
+    },
+    "peerDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    },
+    "dependencies": {
+        "styled-components": "^5.3.5"
+    }
+}