@blackbyte/sugar 1.0.0-beta.3 → 1.0.0-beta.30

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

@@ -1 +1 @@
-{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/event/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/event/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,cAAc,EAAE,CAAC"}

package/dist/js/dom/event/viewportEvents/viewportEvents.d.ts

@@ -0,0 +1,56 @@
+/**
+ * @name            viewportEvents
+ * @namespace       js.dom.event
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ * @async
+ *
+ * Monitor when the passed element enter or exit the viewport
+ *
+ * @param 		  {HTMLElement} 						$elm  		                        The element to monitor
+ * @param       {Partial<TViewportEventsSettings>}      [$settings={}]      Some settings to configure your detector
+ * @return 		  {Function} 		                                          The passed HTMLElement
+ *
+ * @setting         {String}        [offset=25]                 An offset to detect the enter/leave earlier or later
+ * @setting         {Boolean}       [once=false]                Specify if you want to event to be dispatched only once
+ *
+ * @event       viewport.enter               Dispatched when the passed element enter the viewport
+ * @event       viewport.leave               Dispatched when the passed element leave the viewport
+ * @event       viewport.enter.above         Dispatched when the passed element enter the viewport from above
+ * @event       viewport.enter.below         Dispatched when the passed element enter the viewport from below
+ * @event       viewport.leave.above         Dispatched when the passed element leave the viewport from above
+ * @event       viewport.leave.below         Dispatched when the passed element leave the viewport from below
+ *
+ * @snippet         viewportEvents($1)
+ * viewportEvents($1).addEventListener('viewport.enter', (e) => {
+ *      $2
+ * });
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { viewportEvents } from '@blackbyte/sugar/dom';
+ * viewportEvents($elm);
+ * $elm.addEventListener('viewport.enter', (e) => {
+ *   // do something on enter
+ * });
+ * $elm.addEventListener('viewport.leave', (e) => {
+ *   // do something on leave
+ * });
+ *
+ * @changelog       1.0.0
+ * Rename events from `viewport.in` / `viewport.out` to `viewport.enter` / `viewport.leave`
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export type TViewportEventsSettings = {
+    offset: number | string;
+    once: boolean;
+};
+export type TViewportEventsApi = {
+    $elm: HTMLElement;
+    cancel: () => void;
+};
+export default function viewportEvents($elm: HTMLElement, settings?: Partial<TViewportEventsSettings>): TViewportEventsApi;

package/dist/js/dom/event/viewportEvents/viewportEvents.js

@@ -0,0 +1,111 @@
+import { isInViewport } from '@blackbyte/sugar/is';
+import { distanceFromElementTopToViewportTop, whenRemoved, } from '@blackbyte/sugar/dom';
+const _viewportEventsInited = new WeakMap();
+export default function viewportEvents($elm, settings) {
+    let observer, status = 'out';
+    if (_viewportEventsInited.has($elm)) {
+        return {
+            $elm,
+            cancel: () => { },
+        };
+    }
+    _viewportEventsInited.set($elm, true);
+    const finalSettings = Object.assign({ offset: 25, once: false }, (settings !== null && settings !== void 0 ? settings : {}));
+    // check if the element is already in the viewport
+    // when the user has changed tab and come back
+    function visibilitychangeHandler() {
+        if (document.visibilityState === 'visible' && isInViewport($elm)) {
+            onIn();
+        }
+        else {
+            onOut();
+        }
+    }
+    document.addEventListener('visibilitychange', visibilitychangeHandler);
+    // function to stop observing the element and remove the event listener
+    function cancel() {
+        observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        document.removeEventListener('visibilitychange', visibilitychangeHandler);
+    }
+    // when the element
+    function onIn() {
+        if (status === 'in') {
+            return;
+        }
+        const distanceToTop = distanceFromElementTopToViewportTop($elm);
+        if (distanceToTop < window.innerHeight * 0.5) {
+            $elm.dispatchEvent(new CustomEvent('viewport.enter.above', {
+                bubbles: true,
+            }));
+        }
+        else {
+            $elm.dispatchEvent(new CustomEvent('viewport.enter.below', {
+                bubbles: true,
+            }));
+        }
+        status = 'in';
+        $elm.dispatchEvent(new CustomEvent('viewport.enter', {
+            bubbles: true,
+        }));
+        $elm.dispatchEvent(new CustomEvent('viewport.in', {
+            bubbles: true,
+        }));
+        if (finalSettings === null || finalSettings === void 0 ? void 0 : finalSettings.once) {
+            observer.disconnect();
+        }
+    }
+    function onOut() {
+        if (status === 'out') {
+            return;
+        }
+        const distanceToTop = distanceFromElementTopToViewportTop($elm);
+        if (distanceToTop < window.innerHeight * 0.5) {
+            $elm.dispatchEvent(new CustomEvent('viewport.leave.above', {
+                bubbles: true,
+            }));
+        }
+        else {
+            $elm.dispatchEvent(new CustomEvent('viewport.leave.below', {
+                bubbles: true,
+            }));
+        }
+        status = 'out';
+        $elm.dispatchEvent(new CustomEvent('viewport.leave', {
+            bubbles: true,
+        }));
+        $elm.dispatchEvent(new CustomEvent('viewport.out', {
+            bubbles: true,
+        }));
+    }
+    observer = new IntersectionObserver((entries) => {
+        if (!entries.length)
+            return;
+        const entry = entries.pop();
+        if (!entry)
+            return;
+        // if the element is intersecting the viewport, we consider it as "in"
+        if (entry.intersectionRatio > 0) {
+            onIn();
+            // if the element is not intersecting the viewport, we consider it as "out"
+        }
+        else {
+            onOut();
+        }
+    }, {
+        root: null, // viewport
+        rootMargin: typeof finalSettings.offset === 'string'
+            ? finalSettings.offset
+            : `${finalSettings.offset}px`,
+        threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1],
+    });
+    observer.observe($elm);
+    // clean up on remove
+    whenRemoved($elm).then(() => {
+        cancel();
+    });
+    return {
+        $elm,
+        cancel,
+    };
+}
+//# sourceMappingURL=viewportEvents.js.map

package/dist/js/dom/event/viewportEvents/viewportEvents.js.map

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

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

@@ -1,4 +1,4 @@
-import disablePasswordManagerAttributes from './disablePasswordManagerAttributes.js';
-import getFormValues from './getFormValues.js';
-import generateIdFromForm from './generateIdFromForm.js';
+import disablePasswordManagerAttributes from './disablePasswordManagerAttributes/disablePasswordManagerAttributes.js';
+import getFormValues from './getFormValues/getFormValues.js';
+import generateIdFromForm from './generateIdFromForm/generateIdFromForm.js';
 export { disablePasswordManagerAttributes as __disablePasswordManagerAttributes, getFormValues as __getFormValues, generateIdFromForm as __generateIdFromForm, disablePasswordManagerAttributes, getFormValues, generateIdFromForm, };

package/dist/js/dom/form/_exports.js

@@ -1,5 +1,5 @@
-import disablePasswordManagerAttributes from './disablePasswordManagerAttributes.js';
-import getFormValues from './getFormValues.js';
-import generateIdFromForm from './generateIdFromForm.js';
+import disablePasswordManagerAttributes from './disablePasswordManagerAttributes/disablePasswordManagerAttributes.js';
+import getFormValues from './getFormValues/getFormValues.js';
+import generateIdFromForm from './generateIdFromForm/generateIdFromForm.js';
 export { disablePasswordManagerAttributes as __disablePasswordManagerAttributes, getFormValues as __getFormValues, generateIdFromForm as __generateIdFromForm, disablePasswordManagerAttributes, getFormValues, generateIdFromForm, };
 //# sourceMappingURL=_exports.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/form/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,MAAM,uCAAuC,CAAC;AACrF,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EACL,gCAAgC,IAAI,kCAAkC,EACtE,aAAa,IAAI,eAAe,EAChC,kBAAkB,IAAI,oBAAoB,EAC1C,gCAAgC,EAChC,aAAa,EACb,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/form/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,MAAM,wEAAwE,CAAC;AACtH,OAAO,aAAa,MAAM,kCAAkC,CAAC;AAC7D,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAE5E,OAAO,EACL,gCAAgC,IAAI,kCAAkC,EACtE,aAAa,IAAI,eAAe,EAChC,kBAAkB,IAAI,oBAAoB,EAC1C,gCAAgC,EAChC,aAAa,EACb,kBAAkB,GACnB,CAAC"}

package/dist/js/dom/form/disablePasswordManagerAttributes/disablePasswordManagerAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disablePasswordManagerAttributes.js","sourceRoot":"","sources":["../../../../../src/js/dom/form/disablePasswordManagerAttributes/disablePasswordManagerAttributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC;IACtD,OAAO;QACL,gBAAgB,EAAE,IAAI;QACtB,eAAe,EAAE,IAAI;QACrB,gBAAgB,EAAE,OAAO;QACzB,eAAe,EAAE,IAAI;KACtB,CAAC;AACJ,CAAC"}

package/dist/js/dom/form/generateIdFromForm/generateIdFromForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateIdFromForm.js","sourceRoot":"","sources":["../../../../../src/js/dom/form/generateIdFromForm/generateIdFromForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAsB;IAC/D,IAAI,OAAO,GAAG,EAAE,CAAC;IAEjB,IAAI,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjE,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAW,CAAC;IACnD,CAAC;SAAM,CAAC;QACN,KAAK,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;YAC7D,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,CAAC;QACD,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACxD,MAAM,aAAa,GAAa,EAAE,CAAC;QACnC,KAAK,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,IAAI,cAAc,CAAC,OAAO,EAAE,EAAE,CAAC;YACxD,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAW,CAAC,CAAC;QACnE,CAAC;QACD,MAAM,mBAAmB,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC;QACjD,KAAK,IAAI,CAAC,CAAC,EAAE,WAAW,CAAC,IAAI,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC;YAC3D,OAAO,IAAI,WAAW,CAAC;QACzB,CAAC;IACH,CAAC;IACD,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;AACpC,CAAC"}

package/dist/js/dom/form/getFormValues/getFormValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormValues.js","sourceRoot":"","sources":["../../../../../src/js/dom/form/getFormValues/getFormValues.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAsB;IAC1D,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC"}

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

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

package/dist/js/dom/iframe/_exports.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/iframe/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/iframe/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,cAAc,EAAE,CAAC"}

package/dist/js/dom/iframe/iframeAutoSize/iframeAutoSize.js

@@ -0,0 +1,69 @@
+/**
+ * @name            iframeAutoSize
+ * @namespace       js.dom.iframe
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ * @async
+ *
+ * This function allows you to resize an iframe to fit its content.
+ *
+ * @param           {HTMLElement}                       $iframe                     The iframe element to resize
+ * @param           {TIFrameAutoSizeSettings}           [settings={}]               Some settings to configure your iframe auto size
+ *
+ * @setting        {Boolean}         [width=true]         Specify if you want to resize the width of the iframe
+ * @setting        {Boolean}         [height=true]        Specify if you want to resize the height of the iframe
+ *
+ * @snippet         iframeAutoSize($1)
+ * iframeAutoSize($1, $2);
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { iframeAutoSize } from '@blackbyte/sugar/dom';
+ * iframeAutoSize($iframe);
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function iframeAutoSize($iframe, settings) {
+    var _a;
+    const finalSettings = Object.assign({ width: true, height: true }, settings);
+    function _resize() {
+        var _a, _b;
+        if (finalSettings.width) {
+            $iframe.style.width = 0 + 'px';
+            $iframe.style.width =
+                ((_a = $iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document.documentElement.scrollWidth) + 'px';
+        }
+        if (finalSettings.height) {
+            $iframe.style.height = 0 + 'px';
+            $iframe.style.height =
+                ((_b = $iframe.contentWindow) === null || _b === void 0 ? void 0 : _b.document.documentElement.scrollHeight) + 'px';
+        }
+    }
+    $iframe.addEventListener('load', () => {
+        var _a, _b;
+        // resize on load
+        _resize();
+        // resize on image load
+        (_a = $iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document.body.querySelectorAll('img').forEach(($img) => {
+            $img.addEventListener('load', () => {
+                _resize();
+            });
+        });
+        // observe for changes in the iframe content
+        const observer = new MutationObserver((mutations) => {
+            setTimeout(() => {
+                _resize();
+            });
+        });
+        observer.observe((_b = $iframe.contentWindow) === null || _b === void 0 ? void 0 : _b.document.body, {
+            attributes: true,
+            childList: true,
+            subtree: true,
+        });
+    });
+    (_a = $iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.addEventListener('resize', _resize);
+}
+//# sourceMappingURL=iframeAutoSize.js.map

package/dist/js/dom/iframe/iframeAutoSize/iframeAutoSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframeAutoSize.js","sourceRoot":"","sources":["../../../../../src/js/dom/iframe/iframeAutoSize/iframeAutoSize.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAOH,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,OAA0B,EAC1B,QAAkC;;IAElC,MAAM,aAAa,mBACjB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACT,QAAQ,CACZ,CAAC;IAEF,SAAS,OAAO;;QACd,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;YACxB,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC;YAC/B,OAAO,CAAC,KAAK,CAAC,KAAK;gBACjB,CAAA,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAG,IAAI,CAAC;QACvE,CAAC;QACD,IAAI,aAAa,CAAC,MAAM,EAAE,CAAC;YACzB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;YAChC,OAAO,CAAC,KAAK,CAAC,MAAM;gBAClB,CAAA,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAG,IAAI,CAAC;QACxE,CAAC;IACH,CAAC;IAED,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;;QACpC,iBAAiB;QACjB,OAAO,EAAE,CAAC;QAEV,uBAAuB;QACvB,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,IAAI,CACjC,gBAAgB,CAAC,KAAK,EACtB,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;gBACjC,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEL,4CAA4C;QAC5C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;YAClD,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,IAAmB,EAAE;YACpE,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,MAAA,OAAO,CAAC,aAAa,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC"}

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

@@ -1,6 +1,6 @@
-import injectHtml from './injectHtml.js';
-import injectIframeContent from './injectIframeContent.js';
-import injectScript from './injectScript.js';
-import injectStyle from './injectStyle.js';
-import injectStylesheet from './injectStylesheet.js';
+import injectHtml from './injectHtml/injectHtml.js';
+import injectIframeContent from './injectIframeContent/injectIframeContent.js';
+import injectScript from './injectScript/injectScript.js';
+import injectStyle from './injectStyle/injectStyle.js';
+import injectStylesheet from './injectStylesheet/injectStylesheet.js';
 export { injectHtml as __injectHtml, injectIframeContent as __injectIframeContent, injectScript as __injectScript, injectStyle as __injectStyle, injectStylesheet as __injectStylesheet, injectHtml, injectIframeContent, injectScript, injectStyle, injectStylesheet, };

package/dist/js/dom/inject/_exports.js

@@ -1,7 +1,7 @@
-import injectHtml from './injectHtml.js';
-import injectIframeContent from './injectIframeContent.js';
-import injectScript from './injectScript.js';
-import injectStyle from './injectStyle.js';
-import injectStylesheet from './injectStylesheet.js';
+import injectHtml from './injectHtml/injectHtml.js';
+import injectIframeContent from './injectIframeContent/injectIframeContent.js';
+import injectScript from './injectScript/injectScript.js';
+import injectStyle from './injectStyle/injectStyle.js';
+import injectStylesheet from './injectStylesheet/injectStylesheet.js';
 export { injectHtml as __injectHtml, injectIframeContent as __injectIframeContent, injectScript as __injectScript, injectStyle as __injectStyle, injectStylesheet as __injectStylesheet, injectHtml, injectIframeContent, injectScript, injectStyle, injectStylesheet, };
 //# sourceMappingURL=_exports.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/inject/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,OAAO,EACL,UAAU,IAAI,YAAY,EAC1B,mBAAmB,IAAI,qBAAqB,EAC5C,YAAY,IAAI,cAAc,EAC9B,WAAW,IAAI,aAAa,EAC5B,gBAAgB,IAAI,kBAAkB,EACtC,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/inject/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,mBAAmB,MAAM,8CAA8C,CAAC;AAC/E,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AAEtE,OAAO,EACL,UAAU,IAAI,YAAY,EAC1B,mBAAmB,IAAI,qBAAqB,EAC5C,YAAY,IAAI,cAAc,EAC9B,WAAW,IAAI,aAAa,EAC5B,gBAAgB,IAAI,kBAAkB,EACtC,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,gBAAgB,GACjB,CAAC"}

package/dist/js/dom/inject/injectHtml/injectHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectHtml.js","sourceRoot":"","sources":["../../../../../src/js/dom/inject/injectHtml/injectHtml.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,IAAiB,EAAE,IAAY;IAChE,sBAAsB;IACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAEtB,qCAAqC;IACrC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CACjD,CAAC,WAAwB,EAAE,EAAE;;QAC3B,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAErD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClD,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAClE,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAEpC,MAAA,WAAW,CAAC,UAAU,0CAAE,YAAY,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACjE,CAAC,CACF,CAAC;AACJ,CAAC"}

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

@@ -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.js

@@ -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

@@ -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.js

@@ -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

@@ -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.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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"}
+{"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.js.map

@@ -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.js.map

@@ -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

@@ -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

@@ -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

@@ -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"}
+{"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.js

@@ -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

@@ -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/offsetFromViewport/offsetFromViewport.js.map

@@ -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

@@ -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

@@ -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

@@ -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"}
+{"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"}