@blackbyte/sugar 1.0.0-beta.27 → 1.0.0-beta.29

package/dist/js/convert/emToPx/emToPx.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @name                    emToPx
+ * @namespace               js.convert
+ * @type                    Function
+ * @platform                js
+ * @status                  stable
+ *
+ * Convert an em value to a px one
+ *
+ * @param         {Number}          em                                      The em value to convert
+ * @param         {HTMLElement}     [$elm=document.documentElement]         The HTMLElement to take as source for calculating the em
+ * @return        {Number}                                                  The pixel value
+ *
+ * @todo      tests
+ *
+ * @snippet         emToPx($1)
+ *
+ * @example         js
+ * import { emToPx } from '@blackbyte/sugar/convert';
+ * emToPx(2);
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function emToPx(em: number, $elm?: HTMLElement): number;

package/dist/js/convert/emToPx/emToPx.js

@@ -0,0 +1,28 @@
+/**
+ * @name                    emToPx
+ * @namespace               js.convert
+ * @type                    Function
+ * @platform                js
+ * @status                  stable
+ *
+ * Convert an em value to a px one
+ *
+ * @param         {Number}          em                                      The em value to convert
+ * @param         {HTMLElement}     [$elm=document.documentElement]         The HTMLElement to take as source for calculating the em
+ * @return        {Number}                                                  The pixel value
+ *
+ * @todo      tests
+ *
+ * @snippet         emToPx($1)
+ *
+ * @example         js
+ * import { emToPx } from '@blackbyte/sugar/convert';
+ * emToPx(2);
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function emToPx(em, $elm = document.documentElement) {
+    return em * parseFloat(getComputedStyle($elm).fontSize || '16px');
+}
+//# sourceMappingURL=emToPx.js.map

package/dist/js/convert/emToPx/emToPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emToPx.js","sourceRoot":"","sources":["../../../../src/js/convert/emToPx/emToPx.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,EAAU,EACV,OAAoB,QAAQ,CAAC,eAAe;IAE5C,OAAO,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC;AACpE,CAAC"}

package/dist/js/convert/pxToEm/pxToEm.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @name                    pxToEm
+ * @namespace               js.convert
+ * @type                    Function
+ * @platform                js
+ * @status                  stable
+ *
+ * Convert a px value to an em one
+ *
+ * @param         {Number}          px                                      The px value to convert
+ * @param         {HTMLElement}     [$elm=document.documentElement]         The HTMLElement to take as source for calculating the em
+ * @return        {Number}                                                  The pixel value
+ *
+ * @todo      tests
+ *
+ * @snippet         pxToEm($1)
+ *
+ * @example         js
+ * import { pxToEm } from '@blackbyte/sugar/convert';
+ * pxToEm(36);
+ *
+ * @since     1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function pxToEm(px: number, $elm?: HTMLElement): number;

package/dist/js/convert/pxToEm/pxToEm.js

@@ -0,0 +1,28 @@
+/**
+ * @name                    pxToEm
+ * @namespace               js.convert
+ * @type                    Function
+ * @platform                js
+ * @status                  stable
+ *
+ * Convert a px value to an em one
+ *
+ * @param         {Number}          px                                      The px value to convert
+ * @param         {HTMLElement}     [$elm=document.documentElement]         The HTMLElement to take as source for calculating the em
+ * @return        {Number}                                                  The pixel value
+ *
+ * @todo      tests
+ *
+ * @snippet         pxToEm($1)
+ *
+ * @example         js
+ * import { pxToEm } from '@blackbyte/sugar/convert';
+ * pxToEm(36);
+ *
+ * @since     1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function pxToEm(px, $elm = document.documentElement) {
+    return px / parseFloat(getComputedStyle($elm).fontSize || '16px');
+}
+//# sourceMappingURL=pxToEm.js.map

package/dist/js/convert/pxToEm/pxToEm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToEm.js","sourceRoot":"","sources":["../../../../src/js/convert/pxToEm/pxToEm.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,EAAU,EACV,OAAoB,QAAQ,CAAC,eAAe;IAE5C,OAAO,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC;AACpE,CAAC"}

package/dist/js/convert/pxToRem/pxToRem.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @name                    pxToRem
+ * @namespace               js.convert
+ * @type                    Function
+ * @platform                js
+ * @status                  stable
+ *
+ * Convert a px value to a rem one
+ *
+ * @param         {Number}          px            The px value to convert
+ * @return        {Number}                        The pixel value
+ *
+ * @todo      tests
+ *
+ * @snippet         pxToRem($1)
+ *
+ * @example         js
+ * import { pxToRem } from '@blackbyte/sugar/convert';
+ * pxToRem(36);
+ *
+ * @since     1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function pxToRem(px: number): number;

package/dist/js/convert/pxToRem/pxToRem.js

@@ -0,0 +1,28 @@
+/**
+ * @name                    pxToRem
+ * @namespace               js.convert
+ * @type                    Function
+ * @platform                js
+ * @status                  stable
+ *
+ * Convert a px value to a rem one
+ *
+ * @param         {Number}          px            The px value to convert
+ * @return        {Number}                        The pixel value
+ *
+ * @todo      tests
+ *
+ * @snippet         pxToRem($1)
+ *
+ * @example         js
+ * import { pxToRem } from '@blackbyte/sugar/convert';
+ * pxToRem(36);
+ *
+ * @since     1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function pxToRem(px) {
+    return (px /
+        parseFloat(getComputedStyle(document.documentElement).fontSize || '16px'));
+}
+//# sourceMappingURL=pxToRem.js.map

package/dist/js/convert/pxToRem/pxToRem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToRem.js","sourceRoot":"","sources":["../../../../src/js/convert/pxToRem/pxToRem.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAU;IACxC,OAAO,CACL,EAAE;QACF,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,CAC1E,CAAC;AACJ,CAAC"}

package/dist/js/convert/remToPx/remToPx.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @name                    remToPx
+ * @namespace               js.convert
+ * @type                    Function
+ * @platform                js
+ * @status                  stable
+ *
+ * Convert a rem value to a px one
+ *
+ * @param         {Number}          rem           The rem value to convert
+ * @return        {Number}                        The pixel value
+ *
+ * @todo      tests
+ *
+ * @snippet         remToPx($1)
+ *
+ * @example         js
+ * import { remToPx } from '@blackbyte/sugar/convert';
+ * remToPx(2);
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function remToPx(rem: number): number;

package/dist/js/convert/remToPx/remToPx.js

@@ -0,0 +1,28 @@
+/**
+ * @name                    remToPx
+ * @namespace               js.convert
+ * @type                    Function
+ * @platform                js
+ * @status                  stable
+ *
+ * Convert a rem value to a px one
+ *
+ * @param         {Number}          rem           The rem value to convert
+ * @return        {Number}                        The pixel value
+ *
+ * @todo      tests
+ *
+ * @snippet         remToPx($1)
+ *
+ * @example         js
+ * import { remToPx } from '@blackbyte/sugar/convert';
+ * remToPx(2);
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function remToPx(rem) {
+    return (rem *
+        parseFloat(getComputedStyle(document.documentElement).fontSize || '16px'));
+}
+//# sourceMappingURL=remToPx.js.map

package/dist/js/convert/remToPx/remToPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remToPx.js","sourceRoot":"","sources":["../../../../src/js/convert/remToPx/remToPx.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,GAAW;IACzC,OAAO,CACL,GAAG;QACH,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,CAC1E,CAAC;AACJ,CAAC"}

package/dist/js/cookie/_exports.d.ts

@@ -1,4 +1,4 @@
-import deleteCookie from './deleteCookie.js';
-import getCookie from './getCookie.js';
-import setCookie from './setCookie.js';
+import deleteCookie from './deleteCookie/deleteCookie.js';
+import getCookie from './getCookie/getCookie.js';
+import setCookie from './setCookie/setCookie.js';
 export { deleteCookie as __deleteCookie, getCookie as __getCookie, setCookie as __setCookie, deleteCookie, getCookie, setCookie, };

package/dist/js/cookie/_exports.js

@@ -1,5 +1,5 @@
-import deleteCookie from './deleteCookie.js';
-import getCookie from './getCookie.js';
-import setCookie from './setCookie.js';
+import deleteCookie from './deleteCookie/deleteCookie.js';
+import getCookie from './getCookie/getCookie.js';
+import setCookie from './setCookie/setCookie.js';
 export { deleteCookie as __deleteCookie, getCookie as __getCookie, setCookie as __setCookie, deleteCookie, getCookie, setCookie, };
 //# sourceMappingURL=_exports.js.map

package/dist/js/cookie/_exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../src/js/cookie/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,SAAS,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EACL,YAAY,IAAI,cAAc,EAC9B,SAAS,IAAI,WAAW,EACxB,SAAS,IAAI,WAAW,EACxB,YAAY,EACZ,SAAS,EACT,SAAS,GACV,CAAC"}
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../src/js/cookie/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,OAAO,EACL,YAAY,IAAI,cAAc,EAC9B,SAAS,IAAI,WAAW,EACxB,SAAS,IAAI,WAAW,EACxB,YAAY,EACZ,SAAS,EACT,SAAS,GACV,CAAC"}

package/dist/js/cookie/deleteCookie/deleteCookie.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @name            deleteCookie
+ * @namespace       js.cookie
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Delete a cookie
+ *
+ * @param       {String}            name            The cookie name to delete
+ * @return      {void}
+ *
+ * @snippet         deleteCookie($1)
+ *
+ * @todo            tests
+ *
+ * @example         js
+ * import { deleteCookie } from '@blackbyte/sugar/cookie';
+ * deleteCookie('myCookie');
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function deleteCookie(name: string): void;

package/dist/js/cookie/deleteCookie/deleteCookie.js

@@ -0,0 +1,30 @@
+import setCookie from '../setCookie/setCookie.js';
+/**
+ * @name            deleteCookie
+ * @namespace       js.cookie
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Delete a cookie
+ *
+ * @param       {String}            name            The cookie name to delete
+ * @return      {void}
+ *
+ * @snippet         deleteCookie($1)
+ *
+ * @todo            tests
+ *
+ * @example         js
+ * import { deleteCookie } from '@blackbyte/sugar/cookie';
+ * deleteCookie('myCookie');
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function deleteCookie(name) {
+    setCookie(name, '', {
+        'max-age': -1,
+    });
+}
+//# sourceMappingURL=deleteCookie.js.map

package/dist/js/cookie/deleteCookie/deleteCookie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deleteCookie.js","sourceRoot":"","sources":["../../../../src/js/cookie/deleteCookie/deleteCookie.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,IAAY;IAC/C,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE;QAClB,SAAS,EAAE,CAAC,CAAC;KACd,CAAC,CAAC;AACL,CAAC"}

package/dist/js/cookie/getCookie/getCookie.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @name            getCookie
+ * @namespace       js.cookie
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Get a cookie value
+ *
+ * @param       {String}            name            The cookie name to get
+ * @return      {any}                               The cookie value
+ *
+ * @snippet         getCookie($1)
+ *
+ * @todo            tests
+ *
+ * @example         js
+ * import { getCookie } from '@blackbyte/sugar/cookie';
+ * getCookie('myCookie');
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getCookie(name: string): any;

package/dist/js/cookie/getCookie/getCookie.js

@@ -0,0 +1,38 @@
+/**
+ * @name            getCookie
+ * @namespace       js.cookie
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Get a cookie value
+ *
+ * @param       {String}            name            The cookie name to get
+ * @return      {any}                               The cookie value
+ *
+ * @snippet         getCookie($1)
+ *
+ * @todo            tests
+ *
+ * @example         js
+ * import { getCookie } from '@blackbyte/sugar/cookie';
+ * getCookie('myCookie');
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getCookie(name) {
+    let matches = document.cookie.match(new RegExp('(?:^|; )' +
+        name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') +
+        '=([^;]*)'));
+    let value;
+    if (matches === null || matches === void 0 ? void 0 : matches[1]) {
+        value = decodeURIComponent(matches[1]);
+        try {
+            value = JSON.parse(value);
+        }
+        catch (e) { }
+    }
+    return value;
+}
+//# sourceMappingURL=getCookie.js.map

package/dist/js/cookie/getCookie/getCookie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCookie.js","sourceRoot":"","sources":["../../../../src/js/cookie/getCookie/getCookie.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAY;IAC5C,IAAI,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CACjC,IAAI,MAAM,CACR,UAAU;QACR,IAAI,CAAC,OAAO,CAAC,8BAA8B,EAAE,MAAM,CAAC;QACpD,UAAU,CACb,CACF,CAAC;IAEF,IAAI,KAAK,CAAC;IAEV,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,EAAE,CAAC;QACjB,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAEvC,IAAI,CAAC;YACH,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;IAChB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/js/cookie/setCookie/setCookie.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @name            setCookie
+ * @namespace       js.cookie
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Set a cookie
+ *
+ * @param       {String}            name            The name of the cookie to set
+ * @param       {Any}               value           The cookie value to set
+ * @param       {Partial<ISetCookieSettings>}        [settings={}]        Some settings to configure your cookie
+ *
+ * @setting         {String}        [path="/"]            The path of the cookie to store
+ * @setting         {String}        [domain=null]           The domain on which to store the cookie
+ * @setting         {String}        [expires=null]          The date when the cookie expires. If null, mean never expires
+ * @setting         {Number}        [max-age=null]          The number of seconds until the cookie expires
+ * @setting         {Boolean}       [secure=null]           Specify if the cookie is available only on HTTPS or not. true if page loaded on https, false if not
+ * @setting         {Boolean|'strict'|'lax'}        [samesite=null]         Controls whether or not a cookie is sent with cross-site requests, providing some protection against cross-site request forgery attacks (CSRF)
+ * @setting         {Boolean}       [httpOnly=null]         Forbids JavaScript from accessing the cookie, for example, through the Document.cookie property.
+ *
+ * @snippet         setCookie($1, $2)
+ *
+ * @todo            tests
+ *
+ * @example         js
+ * import { setCookie } from '@blackbyte/sugar/cookie';
+ * setCookie('myCookie', 'hello world');
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export interface ISetCookieSettings {
+    path: string;
+    domain: string;
+    expires: string;
+    'max-age': number;
+    secure: boolean;
+    samesite: boolean | 'strict' | 'lax';
+    httpOnly: boolean;
+}
+export default function setCookie(name: string, value: any, settings?: Partial<ISetCookieSettings>): void;

package/dist/js/cookie/setCookie/setCookie.js

@@ -0,0 +1,24 @@
+export default function setCookie(name, value, settings = {}) {
+    settings = Object.assign({ path: '/', expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365).toUTCString(), secure: document.location.protocol === 'https:' }, settings);
+    try {
+        value = JSON.stringify(value);
+    }
+    catch (e) { }
+    // @ts-ignore
+    if (settings.expires instanceof Date) {
+        settings.expires = settings.expires.toUTCString();
+    }
+    let updatedCookie = encodeURIComponent(name) + '=' + encodeURIComponent(value);
+    for (let optionKey in settings) {
+        let optionValue = settings[optionKey];
+        if (optionValue === false) {
+            continue;
+        }
+        updatedCookie += '; ' + optionKey;
+        if (optionValue !== true) {
+            updatedCookie += '=' + optionValue;
+        }
+    }
+    document.cookie = updatedCookie;
+}
+//# sourceMappingURL=setCookie.js.map

package/dist/js/cookie/setCookie/setCookie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setCookie.js","sourceRoot":"","sources":["../../../../src/js/cookie/setCookie/setCookie.ts"],"names":[],"mappings":"AA0CA,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,IAAY,EACZ,KAAU,EACV,WAAwC,EAAE;IAE1C,QAAQ,mBACN,IAAI,EAAE,GAAG,EACT,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,EACvE,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ,IAC5C,QAAQ,CACZ,CAAC;IAEF,IAAI,CAAC;QACH,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;IAEd,aAAa;IACb,IAAI,QAAQ,CAAC,OAAO,YAAY,IAAI,EAAE,CAAC;QACrC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IACpD,CAAC;IAED,IAAI,aAAa,GACf,kBAAkB,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE7D,KAAK,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;QAC/B,IAAI,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEtC,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;YAC1B,SAAS;QACX,CAAC;QAED,aAAa,IAAI,IAAI,GAAG,SAAS,CAAC;QAClC,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YACzB,aAAa,IAAI,GAAG,GAAG,WAAW,CAAC;QACrC,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,MAAM,GAAG,aAAa,CAAC;AAClC,CAAC"}

package/dist/js/dom/canvas/_exports.d.ts

@@ -1,2 +1,2 @@
-import drawVideoToCanvas from './drawVideoToCanvas.js';
+import drawVideoToCanvas from './drawVideoToCanvas/drawVideoToCanvas.js';
 export { drawVideoToCanvas as __drawVideoToCanvas, drawVideoToCanvas };

package/dist/js/dom/canvas/_exports.js

@@ -1,3 +1,3 @@
-import drawVideoToCanvas from './drawVideoToCanvas.js';
+import drawVideoToCanvas from './drawVideoToCanvas/drawVideoToCanvas.js';
 export { drawVideoToCanvas as __drawVideoToCanvas, drawVideoToCanvas };
 //# sourceMappingURL=_exports.js.map

package/dist/js/dom/canvas/_exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/canvas/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/canvas/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAEzE,OAAO,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/js/dom/canvas/drawVideoToCanvas/drawVideoToCanvas.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @name            drawVideoToCanvas
+ * @namespace       js.dom.css
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Draw the current frame of a video into a canvas.
+ *
+ * @param    {HTMLVideoElement}               $video                  The video you want to draw into the canvas
+ * @param    {HTMLCanvasElement}              [$canvas]               An optional canvas to draw into. If not provided, a new canvas will be created
+ *
+ * @snippet         drawVideoToCanvas($1)
+ *
+ * @todo        tests
+ *
+ * @example         js
+ * import { drawVideoToCanvas } from '@blackbyte/sugar/js/dom';
+ * const $canvas = drawVideoToCanvas($video);
+ *
+ * @since       1.0.0-beta.21
+ * @author 		Olivier Bossel<olivier.bossel@gmail.com>
+ */
+export default function drawVideoToCanvas($video: HTMLVideoElement, $canvas?: HTMLCanvasElement): HTMLCanvasElement;

package/dist/js/dom/canvas/drawVideoToCanvas/drawVideoToCanvas.js

@@ -0,0 +1,41 @@
+/**
+ * @name            drawVideoToCanvas
+ * @namespace       js.dom.css
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Draw the current frame of a video into a canvas.
+ *
+ * @param    {HTMLVideoElement}               $video                  The video you want to draw into the canvas
+ * @param    {HTMLCanvasElement}              [$canvas]               An optional canvas to draw into. If not provided, a new canvas will be created
+ *
+ * @snippet         drawVideoToCanvas($1)
+ *
+ * @todo        tests
+ *
+ * @example         js
+ * import { drawVideoToCanvas } from '@blackbyte/sugar/js/dom';
+ * const $canvas = drawVideoToCanvas($video);
+ *
+ * @since       1.0.0-beta.21
+ * @author 		Olivier Bossel<olivier.bossel@gmail.com>
+ */
+export default function drawVideoToCanvas($video, $canvas) {
+    if (!$canvas) {
+        $canvas = document.createElement('canvas');
+    }
+    // set the canvas dimensions to match the video
+    $canvas.width = $video.videoWidth;
+    $canvas.height = $video.videoHeight;
+    // srt the canvas size
+    $canvas.style.width = `${$video.videoWidth}px`;
+    $canvas.style.aspectRatio = `${$video.offsetWidth}/${$video.offsetHeight}`;
+    $canvas.style.maxWidth = '100%';
+    // get the context 2d
+    const ctx = $canvas.getContext('2d');
+    // draw the video into canvas
+    ctx === null || ctx === void 0 ? void 0 : ctx.drawImage($video, 0, 0, $video.videoWidth, $video.videoHeight, 0, 0, $canvas.width, $canvas.height);
+    return $canvas;
+}
+//# sourceMappingURL=drawVideoToCanvas.js.map

package/dist/js/dom/canvas/drawVideoToCanvas/drawVideoToCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawVideoToCanvas.js","sourceRoot":"","sources":["../../../../../src/js/dom/canvas/drawVideoToCanvas/drawVideoToCanvas.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,MAAwB,EACxB,OAA2B;IAE3B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED,+CAA+C;IAC/C,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;IAClC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;IAEpC,sBAAsB;IACtB,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC;IAC/C,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;IAC3E,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;IAEhC,qBAAqB;IACrB,MAAM,GAAG,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAErC,6BAA6B;IAC7B,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CACZ,MAAM,EACN,CAAC,EACD,CAAC,EACD,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,WAAW,EAClB,CAAC,EACD,CAAC,EACD,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,MAAM,CACf,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/js/dom/css/_exports.d.ts

@@ -1,5 +1,5 @@
-import adoptStyleInShadowRoot from './adoptStyleInShadowRoot.js';
-import readCssDataFrom from './readCssDataFrom.js';
-import reloadStylesheets from './reloadStylesheets.js';
-import stylesheetToString from './stylesheetToString.js';
+import adoptStyleInShadowRoot from './adoptStyleInShadowRoot/adoptStyleInShadowRoot.js';
+import readCssDataFrom from './readCssDataFrom/readCssDataFrom.js';
+import reloadStylesheets from './reloadStylesheets/reloadStylesheets.js';
+import stylesheetToString from './stylesheetToString/stylesheetToString.js';
 export { adoptStyleInShadowRoot as __adoptStyleInShadowRoot, readCssDataFrom as __readCssDataFrom, reloadStylesheets as __reloadStylesheets, stylesheetToString as __stylesheetToString, adoptStyleInShadowRoot, readCssDataFrom, reloadStylesheets, stylesheetToString, };

package/dist/js/dom/css/_exports.js

@@ -1,6 +1,6 @@
-import adoptStyleInShadowRoot from './adoptStyleInShadowRoot.js';
-import readCssDataFrom from './readCssDataFrom.js';
-import reloadStylesheets from './reloadStylesheets.js';
-import stylesheetToString from './stylesheetToString.js';
+import adoptStyleInShadowRoot from './adoptStyleInShadowRoot/adoptStyleInShadowRoot.js';
+import readCssDataFrom from './readCssDataFrom/readCssDataFrom.js';
+import reloadStylesheets from './reloadStylesheets/reloadStylesheets.js';
+import stylesheetToString from './stylesheetToString/stylesheetToString.js';
 export { adoptStyleInShadowRoot as __adoptStyleInShadowRoot, readCssDataFrom as __readCssDataFrom, reloadStylesheets as __reloadStylesheets, stylesheetToString as __stylesheetToString, adoptStyleInShadowRoot, readCssDataFrom, reloadStylesheets, stylesheetToString, };
 //# sourceMappingURL=_exports.js.map

package/dist/js/dom/css/_exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/css/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EACL,sBAAsB,IAAI,wBAAwB,EAClD,eAAe,IAAI,iBAAiB,EACpC,iBAAiB,IAAI,mBAAmB,EACxC,kBAAkB,IAAI,oBAAoB,EAC1C,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/css/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,oDAAoD,CAAC;AACxF,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAE5E,OAAO,EACL,sBAAsB,IAAI,wBAAwB,EAClD,eAAe,IAAI,iBAAiB,EACpC,iBAAiB,IAAI,mBAAmB,EACxC,kBAAkB,IAAI,oBAAoB,EAC1C,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,GACnB,CAAC"}

package/dist/js/dom/css/adoptStyleInShadowRoot/adoptStyleInShadowRoot.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @name            adoptStyleInShadowRoot
+ * @namespace       js.dom.css
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * This function allows you to make a shadowRoot element adopt his host context styles
+ *
+ * @param       {HTMLShadowRootElement}         $shadowRoot             The shadow root you want to adopt the $context styles
+ * @param       {HTMLElement}                   [$context=document]     The context from which you want to adopt the styles
+ * @return      {Promise}                                               Return a promise fullfilled when the styles have been adopted
+ *
+ * @snippet         adoptStyleInShadowRoot($1)
+ *
+ * @todo        tests
+ *
+ * @example         js
+ * import { adoptStyleInShadowRoot } from '@blackbyte/sugar/css';
+ * const myShadowRoot = $myElement.shadowRoot;
+ * await adoptStyleInShadowRoot(myShadowRoot);
+ *
+ * @since       1.0.0
+ * @author 		Olivier Bossel<olivier.bossel@gmail.com>
+ */
+export default function adoptStyleInShadowRoot($shadowRoot: ShadowRoot, $context?: HTMLElement | typeof document): Promise<any>;