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

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/event/viewportEvents.js

@@ -1,4 +1,4 @@
-import isInViewport from '../../is/isInViewport.js';
+import { isInViewport } from '@blackbyte/sugar/is';
 import { distanceFromElementTopToViewportTop, whenRemoved, } from '../_exports.js';
 const _viewportEventsInited = new WeakMap();
 export default function viewportEvents($elm, settings) {

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

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

@@ -0,0 +1,29 @@
+/**
+ * @name            disablePasswordManagerAttributes
+ * @namespace       js.dom.form
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * This function return an object of attributes to apply on a form element to disable the password manager autocomplete feature.
+ * It support these password managers:
+ * - 1Password
+ * - LastPass
+ * - Bitwarden
+ * - Dashlane
+ * - Browser's built-in password manager
+ *
+ * @return      {Object}                          An object of attributes to apply on a form element to disable the password manager autocomplete feature.
+ *
+ * @todo      tests
+ *
+ * @snippet         disablePasswordManagerAttributes()
+ *
+ * @example  	js
+ * import { disablePasswordManagerAttributes } from '@blackbyte/sugar/dom'
+ * const attrs = disablePasswordManagerAttributes();
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function disablePasswordManagerAttributes(): any;

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

@@ -0,0 +1,37 @@
+/**
+ * @name            disablePasswordManagerAttributes
+ * @namespace       js.dom.form
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * This function return an object of attributes to apply on a form element to disable the password manager autocomplete feature.
+ * It support these password managers:
+ * - 1Password
+ * - LastPass
+ * - Bitwarden
+ * - Dashlane
+ * - Browser's built-in password manager
+ *
+ * @return      {Object}                          An object of attributes to apply on a form element to disable the password manager autocomplete feature.
+ *
+ * @todo      tests
+ *
+ * @snippet         disablePasswordManagerAttributes()
+ *
+ * @example  	js
+ * import { disablePasswordManagerAttributes } from '@blackbyte/sugar/dom'
+ * const attrs = disablePasswordManagerAttributes();
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function disablePasswordManagerAttributes() {
+    return {
+        'data-1p-ignore': true,
+        'data-lpignore': true,
+        'data-form-type': 'other',
+        'data-bwignore': true,
+    };
+}
+//# sourceMappingURL=disablePasswordManagerAttributes.js.map

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.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @name            generateIdFromForm
+ * @namespace       js.dom.form
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ * @async
+ *
+ * This function generate a uniqid based on the form element passed using these rules:
+ *
+ * 1. If the form has an action attribute, this will be used to generate the uniqid.
+ * 2. If not, the function will generate a uniqid based on the form attributes and named controls.
+ *
+ * Note that the named controlls will be sorted before generating the uniqid.
+ *
+ * @param           {HTMLFormElement}          $form            The form element to generate the uniqid from
+ * @return          {String}                                    A uniqid
+ *
+ * @todo      tests
+ *
+ * @snippet         generateIdFromForm()
+ *
+ * @example         js
+ * import { generateIdFromForm } from '@blackbyte/sugar/dom';
+ * const id = generateIdFromForm($myForm); // => a md5 hash id
+ *
+ * @since       1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function generateIdFromForm($form: HTMLFormElement): string;

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

@@ -0,0 +1,52 @@
+import { md5 } from '@blackbyte/sugar/crypto';
+/**
+ * @name            generateIdFromForm
+ * @namespace       js.dom.form
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ * @async
+ *
+ * This function generate a uniqid based on the form element passed using these rules:
+ *
+ * 1. If the form has an action attribute, this will be used to generate the uniqid.
+ * 2. If not, the function will generate a uniqid based on the form attributes and named controls.
+ *
+ * Note that the named controlls will be sorted before generating the uniqid.
+ *
+ * @param           {HTMLFormElement}          $form            The form element to generate the uniqid from
+ * @return          {String}                                    A uniqid
+ *
+ * @todo      tests
+ *
+ * @snippet         generateIdFromForm()
+ *
+ * @example         js
+ * import { generateIdFromForm } from '@blackbyte/sugar/dom';
+ * const id = generateIdFromForm($myForm); // => a md5 hash id
+ *
+ * @since       1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function generateIdFromForm($form) {
+    let attrStr = '';
+    if ($form.hasAttribute('action') && $form.getAttribute('action')) {
+        attrStr = $form.getAttribute('action');
+    }
+    else {
+        for (let [i, attr] of Array.from($form.attributes).entries()) {
+            attrStr += attr.name + '' + attr.value;
+        }
+        const $namedControls = $form.querySelectorAll('[name]');
+        const controlsNames = [];
+        for (let [i, $namedControl] of $namedControls.entries()) {
+            controlsNames.push($namedControl.getAttribute('name'));
+        }
+        const sortedControlsNames = controlsNames.sort();
+        for (let [i, controlName] of sortedControlsNames.entries()) {
+            attrStr += controlName;
+        }
+    }
+    return `f${md5.encrypt(attrStr)}`;
+}
+//# sourceMappingURL=generateIdFromForm.js.map

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.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @name            getFormValues
+ * @namespace       js.dom.form
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * This function take a form element and return an object with all the values
+ *
+ * @param       {HTMLFormElement}      $form        The form element to get the values from
+ * @return      {Object}                            An object with all the values
+ *
+ * @todo      tests
+ *
+ * @snippet         getFormValues($1)
+ *
+ * @example  	js
+ * import { getFormValues } from '@blackbyte/sugar/dom'
+ * const values = getFormValues(myForm);
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getFormValues($form: HTMLFormElement): any;

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

@@ -0,0 +1,28 @@
+/**
+ * @name            getFormValues
+ * @namespace       js.dom.form
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * This function take a form element and return an object with all the values
+ *
+ * @param       {HTMLFormElement}      $form        The form element to get the values from
+ * @return      {Object}                            An object with all the values
+ *
+ * @todo      tests
+ *
+ * @snippet         getFormValues($1)
+ *
+ * @example  	js
+ * import { getFormValues } from '@blackbyte/sugar/dom'
+ * const values = getFormValues(myForm);
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getFormValues($form) {
+    const formData = new FormData($form);
+    return Object.fromEntries(formData);
+}
+//# sourceMappingURL=getFormValues.js.map

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.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @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 type TIFrameAutoSizeSettings = {
+    width?: boolean;
+    height?: boolean;
+};
+export default function iframeAutoSize($iframe: HTMLIFrameElement, settings?: TIFrameAutoSizeSettings): void;

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.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @name                injectHtml
+ * @namespace           js.dom.inject
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Inject some html into a element and make sure that the scripts are executed
+ *
+ * @param       {HTMLElement}       $elm           The element to inject content into
+ * @param       {String}            html           The html to inject
+ *
+ * @snippet         injectHtml($1, $2)
+ *
+ * @todo      tests
+ *
+ * @example    js
+ * import { injectHtml } from '@blackbyte/sugar/dom'
+ * injectHtml('<html>...</html>`, $myElement);
+ *
+ * @since           1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function injectHtml($elm: HTMLElement, html: string): void;

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

@@ -0,0 +1,39 @@
+/**
+ * @name                injectHtml
+ * @namespace           js.dom.inject
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Inject some html into a element and make sure that the scripts are executed
+ *
+ * @param       {HTMLElement}       $elm           The element to inject content into
+ * @param       {String}            html           The html to inject
+ *
+ * @snippet         injectHtml($1, $2)
+ *
+ * @todo      tests
+ *
+ * @example    js
+ * import { injectHtml } from '@blackbyte/sugar/dom'
+ * injectHtml('<html>...</html>`, $myElement);
+ *
+ * @since           1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function injectHtml($elm, html) {
+    // replace the content
+    $elm.innerHTML = html;
+    // make sure the scripts are executed
+    Array.from($elm.querySelectorAll('script')).forEach((oldScriptEl) => {
+        var _a;
+        const newScriptEl = document.createElement('script');
+        Array.from(oldScriptEl.attributes).forEach((attr) => {
+            newScriptEl.setAttribute(attr.name, attr.value);
+        });
+        const scriptText = document.createTextNode(oldScriptEl.innerHTML);
+        newScriptEl.appendChild(scriptText);
+        (_a = oldScriptEl.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newScriptEl, oldScriptEl);
+    });
+}
+//# sourceMappingURL=injectHtml.js.map

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.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @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: HTMLIFrameElement, html: string): void;