npm - @blackbyte/sugar - Versions diffs - 1.0.0-beta.28 → 1.0.0-beta.29 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1571) hide show

package/dist/js/dom/inject/injectIframeContent/injectIframeContent.js ADDED Viewed

@@ -0,0 +1,30 @@
+/**
+ * @name                injectIframeContent
+ * @namespace           js.dom.inject
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Inject some content into an iframe
+ *
+ * @param       {HTMLIFrameElement}         $iframe           The iframe element to inject content into
+ * @param       {String}                    html              The html to inject
+ *
+ * @snippet         injectIframeContent($1, $2)
+ *
+ * @todo      tests
+ *
+ * @example    js
+ * import { injectIframeContent } from '@blackbyte/sugar/dom'
+ * injectIframeContent($myIframe, '<html>...</html>');
+ *
+ * @since           1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function injectIframeContent($iframe, html) {
+    var _a, _b, _c;
+    (_a = $iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document.open();
+    (_b = $iframe.contentWindow) === null || _b === void 0 ? void 0 : _b.document.write(html);
+    (_c = $iframe.contentWindow) === null || _c === void 0 ? void 0 : _c.document.close();
+}
+//# sourceMappingURL=injectIframeContent.js.map

package/dist/js/dom/inject/injectIframeContent/injectIframeContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"injectIframeContent.js","sourceRoot":"","sources":["../../../../../src/js/dom/inject/injectIframeContent/injectIframeContent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,OAA0B,EAC1B,IAAY;;IAEZ,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvC,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;AAC1C,CAAC"}

package/dist/js/dom/inject/injectScript/injectScript.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * @name                injectScript
+ * @namespace           js.dom.inject
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Append a script tag either to the head or the body
+ *
+ * @param     {String}        src         The script src to load
+ * @return    {Promise}                   A promise resolved with the script tag when it has fully loaded
+ *
+ * @snippet         injectScript($1)
+ *
+ * @todo      tests
+ *
+ * @example    js
+ * import { injectScript } from '@blackbyte/sugar/dom'
+ * injectScript('dist/js/app.js')
+ *
+ * @since           1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function injectScript(src: string, $parent?: HTMLElement): Promise<HTMLScriptElement>;

package/dist/js/dom/inject/injectScript/injectScript.js ADDED Viewed

@@ -0,0 +1,31 @@
+import { whenScriptLoaded } from '@blackbyte/sugar/dom';
+/**
+ * @name                injectScript
+ * @namespace           js.dom.inject
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Append a script tag either to the head or the body
+ *
+ * @param     {String}        src         The script src to load
+ * @return    {Promise}                   A promise resolved with the script tag when it has fully loaded
+ *
+ * @snippet         injectScript($1)
+ *
+ * @todo      tests
+ *
+ * @example    js
+ * import { injectScript } from '@blackbyte/sugar/dom'
+ * injectScript('dist/js/app.js')
+ *
+ * @since           1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function injectScript(src, $parent = document.body) {
+    const $script = document.createElement('script');
+    $script.src = src;
+    $parent.appendChild($script);
+    return whenScriptLoaded($script);
+}
+//# sourceMappingURL=injectScript.js.map

package/dist/js/dom/inject/injectScript/injectScript.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"injectScript.js","sourceRoot":"","sources":["../../../../../src/js/dom/inject/injectScript/injectScript.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,GAAW,EACX,UAAuB,QAAQ,CAAC,IAAI;IAEpC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjD,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;IAClB,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AACnC,CAAC"}

package/dist/js/dom/inject/injectStyle/injectStyle.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+/**
+ * @name                injectStyle
+ * @namespace           js.dom.inject
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Inject a passed style string in the DOM
+ *
+ * @param         {String}                            style               The style to inject in DOM
+ * @param         {Partial<TInjectStyleSettings>}     [settings=null]     Some settings to configure your injection
+ * @return        {HTMLStyleElement}                                      The injected HTMLStyleElement node
+ *
+ * @setting         {String}        id                          An id for the injected style tag
+ * @setting         {HTMLElement}   [rootNode=undefined]        A node in which to inject the style
+ *
+ * @snippet         injectStyle($1)
+ *
+ * @todo        tests
+ *
+ * @example       js
+ * import { injectStyle } from '@blackbyte/sugar/dom';
+ * injectStyle('a { color: red; }');
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export type TInjectStyleSettings = {
+    id: string;
+    rootNode: HTMLElement;
+};
+export default function injectStyle(style: any, settings?: Partial<TInjectStyleSettings>): HTMLStyleElement | undefined;

package/dist/js/dom/inject/injectStyle/injectStyle.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { uniqid } from '@blackbyte/sugar/string';
+export default function injectStyle(style, settings) {
+    var _a;
+    const finalSettings = Object.assign({ id: `injected-style-${uniqid()}`, rootNode: undefined }, (settings !== null && settings !== void 0 ? settings : {}));
+    if (document.querySelector(`#${finalSettings.id}`))
+        return;
+    const $tag = document.createElement('style');
+    $tag.type = 'text/css';
+    $tag.setAttribute('id', finalSettings.id);
+    $tag.innerHTML = style;
+    if (finalSettings.rootNode) {
+        finalSettings.rootNode.appendChild($tag);
+    }
+    else {
+        const $firstLink = document.querySelector('head link[rel="stylesheet"]');
+        if ($firstLink) {
+            (_a = $firstLink.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore($tag, $firstLink);
+        }
+        else {
+            document.head.appendChild($tag);
+        }
+    }
+    return $tag;
+}
+//# sourceMappingURL=injectStyle.js.map

package/dist/js/dom/inject/injectStyle/injectStyle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"injectStyle.js","sourceRoot":"","sources":["../../../../../src/js/dom/inject/injectStyle/injectStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAmCjD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAAU,EACV,QAAwC;;IAExC,MAAM,aAAa,GAAG,gBACpB,EAAE,EAAE,kBAAkB,MAAM,EAAE,EAAE,EAChC,QAAQ,EAAE,SAAS,IAChB,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,CACpB,CAAC;IAEF,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,EAAE,EAAE,CAAC;QAAE,OAAO;IAE3D,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC7C,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;IACvB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC;IAC1C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAEvB,IAAI,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC3B,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;SAAM,CAAC;QACN,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;QACzE,IAAI,UAAU,EAAE,CAAC;YACf,MAAA,UAAU,CAAC,aAAa,0CAAE,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/js/dom/inject/injectStylesheet/injectStylesheet.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * @name                injectStylesheet
+ * @namespace           js.dom.inject
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Append a stylesheet link to the page head
+ *
+ * @param    {String}    href     The url to the stylesheet
+ * @return   {Promise}            A promise when the stylesheet is loaded with the link element as parameter
+ *
+ * @snippet         injectStylesheet($1)
+ *
+ * @todo      tests
+ *
+ * @example    js
+ * import { injectStylesheet } from '@blackbyte/sugar/dom'
+ * injectStylesheet('/dist/css/style.css')
+ *
+ * @since           1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function injectStylesheet(href: string): Promise<HTMLLinkElement>;

package/dist/js/dom/inject/injectStylesheet/injectStylesheet.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { whenLinkLoaded } from '@blackbyte/sugar/dom';
+/**
+ * @name                injectStylesheet
+ * @namespace           js.dom.inject
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Append a stylesheet link to the page head
+ *
+ * @param    {String}    href     The url to the stylesheet
+ * @return   {Promise}            A promise when the stylesheet is loaded with the link element as parameter
+ *
+ * @snippet         injectStylesheet($1)
+ *
+ * @todo      tests
+ *
+ * @example    js
+ * import { injectStylesheet } from '@blackbyte/sugar/dom'
+ * injectStylesheet('/dist/css/style.css')
+ *
+ * @since           1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function injectStylesheet(href) {
+    const $link = document.createElement('link');
+    $link.type = 'text/css';
+    $link.rel = 'stylesheet';
+    $link.href = href;
+    document.head.appendChild($link);
+    return whenLinkLoaded($link);
+}
+//# sourceMappingURL=injectStylesheet.js.map

package/dist/js/dom/inject/injectStylesheet/injectStylesheet.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"injectStylesheet.js","sourceRoot":"","sources":["../../../../../src/js/dom/inject/injectStylesheet/injectStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,IAAY;IAEZ,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;IACxB,KAAK,CAAC,GAAG,GAAG,YAAY,CAAC;IACzB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC"}

package/dist/js/dom/input/_exports.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import autoResize from './autoResize.js';
-import cursorToEnd from './cursorToEnd.js';
+import autoResize from './autoResize/autoResize.js';
+import cursorToEnd from './cursorToEnd/cursorToEnd.js';
 export { autoResize as __autoResize, cursorToEnd as __cursorToEnd, autoResize, cursorToEnd, };

package/dist/js/dom/input/_exports.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import autoResize from './autoResize.js';
-import cursorToEnd from './cursorToEnd.js';
+import autoResize from './autoResize/autoResize.js';
+import cursorToEnd from './cursorToEnd/cursorToEnd.js';
 export { autoResize as __autoResize, cursorToEnd as __cursorToEnd, autoResize, cursorToEnd, };
 //# sourceMappingURL=_exports.js.map

package/dist/js/dom/input/_exports.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/input/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,~~iBAAiB~~,CAAC;~~AACzC~~,OAAO,WAAW,MAAM,~~kBAAkB~~,CAAC;~~AAC3C~~,OAAO,EACL,UAAU,IAAI,YAAY,EAC1B,WAAW,IAAI,aAAa,EAC5B,UAAU,EACV,WAAW,GACZ,CAAC"}
1	+ {"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/input/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,EACL,UAAU,IAAI,YAAY,EAC1B,WAAW,IAAI,aAAa,EAC5B,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/js/dom/input/autoResize/autoResize.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * @name            autoResize
+ * @namespace       js.dom.input
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Automatically resize a textarea height
+ *
+ * @param 		{HTMLFormElement} 		$textarea 		The textarea to auto resize
+ *
+ * @todo      tests
+ *
+ * @snippet         autoResize($1)
+ *
+ * @example 	js
+ * import { autoResize } from '@blackbyte/sugar/dom';
+ * autoResize($textarea);
+ *
+ * @see             https://stackoverflow.com/a/56416714
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://olivierboss$input.com)
+ */
+export default function autoResize($textarea: HTMLTextAreaElement): void;

package/dist/js/dom/input/autoResize/autoResize.js ADDED Viewed

@@ -0,0 +1,34 @@
+/**
+ * @name            autoResize
+ * @namespace       js.dom.input
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Automatically resize a textarea height
+ *
+ * @param 		{HTMLFormElement} 		$textarea 		The textarea to auto resize
+ *
+ * @todo      tests
+ *
+ * @snippet         autoResize($1)
+ *
+ * @example 	js
+ * import { autoResize } from '@blackbyte/sugar/dom';
+ * autoResize($textarea);
+ *
+ * @see             https://stackoverflow.com/a/56416714
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://olivierboss$input.com)
+ */
+export default function autoResize($textarea) {
+    $textarea.style.boxSizing = 'border-box';
+    var offset = $textarea.offsetHeight - $textarea.clientHeight;
+    $textarea.addEventListener('input', function (event) {
+        // @ts-ignore
+        event.target.style.height = 'auto';
+        // @ts-ignore
+        event.target.style.height = event.target.scrollHeight + offset + 'px';
+    });
+}
+//# sourceMappingURL=autoResize.js.map

package/dist/js/dom/input/autoResize/autoResize.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"autoResize.js","sourceRoot":"","sources":["../../../../../src/js/dom/input/autoResize/autoResize.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,SAA8B;IAC/D,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;IACzC,IAAI,MAAM,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,CAAC;IAC7D,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,KAAK;QACjD,aAAa;QACb,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACnC,aAAa;QACb,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,GAAG,MAAM,GAAG,IAAI,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/js/dom/input/cursorToEnd/cursorToEnd.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * @name            cursorToEnd
+ * @namespace       js.dom.input
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Place the cursor to the end of the input
+ *
+ * @param 		{HTMLFormElement} 		$input 		The input to process
+ *
+ * @todo      tests
+ *
+ * @snippet         cursorToEnd($1)
+ *
+ * @example 	js
+ * import { cursorToEnd } from '@blackbyte/sugar/dom';
+ * cursorToEnd($input);
+ *
+ * @see             https://stackoverflow.com/a/56416714
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://olivierboss$input.com)
+ */
+export default function cursorToEnd($input: HTMLTextAreaElement | HTMLInputElement): void;

package/dist/js/dom/input/cursorToEnd/cursorToEnd.js ADDED Viewed

@@ -0,0 +1,43 @@
+/**
+ * @name            cursorToEnd
+ * @namespace       js.dom.input
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Place the cursor to the end of the input
+ *
+ * @param 		{HTMLFormElement} 		$input 		The input to process
+ *
+ * @todo      tests
+ *
+ * @snippet         cursorToEnd($1)
+ *
+ * @example 	js
+ * import { cursorToEnd } from '@blackbyte/sugar/dom';
+ * cursorToEnd($input);
+ *
+ * @see             https://stackoverflow.com/a/56416714
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://olivierboss$input.com)
+ */
+export default function cursorToEnd($input) {
+    $input.focus();
+    setTimeout(() => {
+        let len = $input.value.length;
+        if ($input.setSelectionRange) {
+            $input.focus();
+            $input.setSelectionRange(len, len);
+            // @ts-ignore
+        }
+        else if ($input.createTextRange) {
+            // @ts-ignore
+            let t = $input.createTextRange();
+            t.collapse(true);
+            t.moveEnd('character', len);
+            t.moveStart('character', len);
+            t.select();
+        }
+    });
+}
+//# sourceMappingURL=cursorToEnd.js.map

package/dist/js/dom/input/cursorToEnd/cursorToEnd.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"cursorToEnd.js","sourceRoot":"","sources":["../../../../../src/js/dom/input/cursorToEnd/cursorToEnd.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,MAA8C;IAE9C,MAAM,CAAC,KAAK,EAAE,CAAC;IACf,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QAC9B,IAAI,MAAM,CAAC,iBAAiB,EAAE,CAAC;YAC7B,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YACnC,aAAa;QACf,CAAC;aAAM,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;YAClC,aAAa;YACb,IAAI,CAAC,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;YACjC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;YAC5B,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;YAC9B,CAAC,CAAC,MAAM,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/js/dom/offset/_exports.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import offsetFromParent from './offsetFromParent.js';
-import offsetFromViewport from './offsetFromViewport.js';
+import offsetFromParent from './offsetFromParent/offsetFromParent.js';
+import offsetFromViewport from './offsetFromViewport/offsetFromViewport.js';
 export { offsetFromParent as __offsetFromParent, offsetFromViewport as __offsetFromViewport, offsetFromParent, offsetFromViewport, };

package/dist/js/dom/offset/_exports.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import offsetFromParent from './offsetFromParent.js';
-import offsetFromViewport from './offsetFromViewport.js';
+import offsetFromParent from './offsetFromParent/offsetFromParent.js';
+import offsetFromViewport from './offsetFromViewport/offsetFromViewport.js';
 export { offsetFromParent as __offsetFromParent, offsetFromViewport as __offsetFromViewport, offsetFromParent, offsetFromViewport, };
 //# sourceMappingURL=_exports.js.map

package/dist/js/dom/offset/_exports.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/offset/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,~~uBAAuB~~,CAAC;~~AACrD~~,OAAO,kBAAkB,MAAM,~~yBAAyB~~,CAAC;~~AAEzD~~,OAAO,EACL,gBAAgB,IAAI,kBAAkB,EACtC,kBAAkB,IAAI,oBAAoB,EAC1C,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}
1	+ {"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/offset/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AACtE,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAE5E,OAAO,EACL,gBAAgB,IAAI,kBAAkB,EACtC,kBAAkB,IAAI,oBAAoB,EAC1C,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/dist/js/dom/offset/offsetFromParent/offsetFromParent.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+/**
+ * @name            offsetFromParent
+ * @namespace       js.dom.offset
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Get the offset top and left of the passed element from his parent top left point
+ *
+ * @param 		{HTMLElement} 					          $elm  		  The element to get the offset from
+ * @return 		{top: number; left: number;} 									The offset top and left object
+ *
+ * @snippet         offsetFromParent($1)
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { offsetFromParent } from '@blackbyte/sugar/dom'
+ * const offsetFromParentElm = offsetFromParent($elm);
+ * // output : { top : 200, left : 300 }
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function offsetFromParent(elm: HTMLElement): {
+    top: number;
+    left: number;
+};

package/dist/js/dom/offset/offsetFromParent/offsetFromParent.js ADDED Viewed

@@ -0,0 +1,34 @@
+import offsetFromViewport from '../offsetFromViewport/offsetFromViewport.js';
+/**
+ * @name            offsetFromParent
+ * @namespace       js.dom.offset
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Get the offset top and left of the passed element from his parent top left point
+ *
+ * @param 		{HTMLElement} 					          $elm  		  The element to get the offset from
+ * @return 		{top: number; left: number;} 									The offset top and left object
+ *
+ * @snippet         offsetFromParent($1)
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { offsetFromParent } from '@blackbyte/sugar/dom'
+ * const offsetFromParentElm = offsetFromParent($elm);
+ * // output : { top : 200, left : 300 }
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function offsetFromParent(elm) {
+    const parentOffset = offsetFromViewport(elm.parentElement);
+    const offset = offsetFromViewport(elm);
+    return {
+        top: offset.top - parentOffset.top,
+        left: offset.left - parentOffset.left,
+    };
+}
+//# sourceMappingURL=offsetFromParent.js.map

package/dist/js/dom/offset/offsetFromParent/offsetFromParent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"offsetFromParent.js","sourceRoot":"","sources":["../../../../../src/js/dom/offset/offsetFromParent/offsetFromParent.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,6CAA6C,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,GAAgB;IAIvD,MAAM,YAAY,GAAG,kBAAkB,CAAC,GAAG,CAAC,aAA4B,CAAC,CAAC;IAC1E,MAAM,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACvC,OAAO;QACL,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG;QAClC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI;KACtC,CAAC;AACJ,CAAC"}

package/dist/js/dom/offset/offsetFromParent.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import offsetFromViewport from './offsetFromViewport.js';
+import offsetFromViewport from './offsetFromViewport/offsetFromViewport.js';
 /**
  * @name            offsetFromParent
  * @namespace       js.dom.offset

package/dist/js/dom/offset/offsetFromParent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"offsetFromParent.js","sourceRoot":"","sources":["../../../../src/js/dom/offset/offsetFromParent.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,~~yBAAyB~~,CAAC;~~AAEzD~~;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,GAAgB;IAIvD,MAAM,YAAY,GAAG,kBAAkB,CAAC,GAAG,CAAC,aAA4B,CAAC,CAAC;IAC1E,MAAM,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACvC,OAAO;QACL,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG;QAClC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI;KACtC,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"offsetFromParent.js","sourceRoot":"","sources":["../../../../src/js/dom/offset/offsetFromParent.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,GAAgB;IAIvD,MAAM,YAAY,GAAG,kBAAkB,CAAC,GAAG,CAAC,aAA4B,CAAC,CAAC;IAC1E,MAAM,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACvC,OAAO;QACL,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG;QAClC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI;KACtC,CAAC;AACJ,CAAC"}

package/dist/js/dom/offset/offsetFromViewport/offsetFromViewport.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+/**
+ * @name                offsetFromViewport
+ * @namespace           js.dom.offset
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Get the offset top and left of the passed element from the document top left point
+ *
+ * @param 		{HTMLElement} 					        $elm  		      The element to get the offset from
+ * @return 		{top: number; left: number;} 		                The offset top and left object
+ *
+ * @snippet         offsetFromViewport($1)
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { offsetFromViewport } from '@blackbyte/sugar/dom'
+ * const offsetFromViewport = offset($elm);
+ * // output : { top : 200, left : 300 }
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function offsetFromViewport($elm: HTMLElement): {
+    top: number;
+    left: number;
+};

package/dist/js/dom/offset/offsetFromViewport/offsetFromViewport.js ADDED Viewed

@@ -0,0 +1,32 @@
+/**
+ * @name                offsetFromViewport
+ * @namespace           js.dom.offset
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Get the offset top and left of the passed element from the document top left point
+ *
+ * @param 		{HTMLElement} 					        $elm  		      The element to get the offset from
+ * @return 		{top: number; left: number;} 		                The offset top and left object
+ *
+ * @snippet         offsetFromViewport($1)
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { offsetFromViewport } from '@blackbyte/sugar/dom'
+ * const offsetFromViewport = offset($elm);
+ * // output : { top : 200, left : 300 }
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function offsetFromViewport($elm) {
+    const box = $elm.getBoundingClientRect(), body = document.body, docEl = document.documentElement, scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop, scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft, clientTop = docEl.clientTop || body.clientTop || 0, clientLeft = docEl.clientLeft || body.clientLeft || 0, top = box.top + scrollTop - clientTop, left = box.left + scrollLeft - clientLeft;
+    return {
+        top: Math.round(top),
+        left: Math.round(left),
+    };
+}
+//# sourceMappingURL=offsetFromViewport.js.map

package/dist/js/dom/offset/offsetFromViewport/offsetFromViewport.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"offsetFromViewport.js","sourceRoot":"","sources":["../../../../../src/js/dom/offset/offsetFromViewport/offsetFromViewport.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,IAAiB;IAI1D,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,EACtC,IAAI,GAAG,QAAQ,CAAC,IAAI,EACpB,KAAK,GAAG,QAAQ,CAAC,eAAe,EAChC,SAAS,GAAG,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EACnE,UAAU,GAAG,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EACtE,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,EAClD,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,EACrD,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,SAAS,GAAG,SAAS,EACrC,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5C,OAAO;QACL,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACpB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;KACvB,CAAC;AACJ,CAAC"}

package/dist/js/dom/on/_exports.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import onDrag from './onDrag.js';
-import onScrollEnd from './onScrollEnd.js';
-import onSwipe from './onSwipe.js';
+import onDrag from './onDrag/onDrag.js';
+import onScrollEnd from './onScrollEnd/onScrollEnd.js';
+import onSwipe from './onSwipe/onSwipe.js';
 export { onDrag as __onDrag, onScrollEnd as __onScrollEnd, onSwipe as __onSwipe, onDrag, onScrollEnd, onSwipe, };

package/dist/js/dom/on/_exports.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import onDrag from './onDrag.js';
-import onScrollEnd from './onScrollEnd.js';
-import onSwipe from './onSwipe.js';
+import onDrag from './onDrag/onDrag.js';
+import onScrollEnd from './onScrollEnd/onScrollEnd.js';
+import onSwipe from './onSwipe/onSwipe.js';
 export { onDrag as __onDrag, onScrollEnd as __onScrollEnd, onSwipe as __onSwipe, onDrag, onScrollEnd, onSwipe, };
 //# sourceMappingURL=_exports.js.map

package/dist/js/dom/on/_exports.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/on/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,~~aAAa~~,CAAC;~~AACjC~~,OAAO,WAAW,MAAM,~~kBAAkB~~,CAAC;~~AAC3C~~,OAAO,OAAO,MAAM,~~cAAc~~,CAAC;~~AAEnC~~,OAAO,EACL,MAAM,IAAI,QAAQ,EAClB,WAAW,IAAI,aAAa,EAC5B,OAAO,IAAI,SAAS,EACpB,MAAM,EACN,WAAW,EACX,OAAO,GACR,CAAC"}
1	+ {"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/on/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EACL,MAAM,IAAI,QAAQ,EAClB,WAAW,IAAI,aAAa,EAC5B,OAAO,IAAI,SAAS,EACpB,MAAM,EACN,WAAW,EACX,OAAO,GACR,CAAC"}

package/dist/js/dom/on/onDrag/onDrag.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+/**
+ * @name            onDrag
+ * @namespace       js.dom.on
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ * @async
+ *
+ * Detect drag "gesture" with the mouse or touch
+ *
+ * @param       {HTMLElement}         $elm                  The HTMLElement on which to detect the swipe
+ * @param       {Function}            cb                    The function to call on swipe. The callback function has as parameter an object that containthe swipe direction like left, right, up and down
+ * @param       {Number}              [threshold=100]       The swipe threshold
+ *
+ * @setting     {Number}      [maxSpeed=0.01]       The maximum speed
+ *
+ * @snippet         onDrag($1, $2)
+ * onDrag($1, drag => {
+ *     $2
+ * });
+ *
+ * @todo      tests
+ *
+ * @example 	js
+ * import { onDrag } from '@blackbyte/sugar/dom'
+ * onDrag($elm, (drag) => {
+ *   // do something...
+ * });
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export type TOnDragTrackItem = {
+    x: number;
+    y: number;
+    deltaX: number;
+    deltaY: number;
+    speedX: number;
+    speedY: number;
+};
+export type TOnDragSettings = {
+    maxSpeed: number;
+};
+export default function onDrag($elm: HTMLElement, cb: Function, settings?: Partial<TOnDragSettings>): void;