@blackbyte/sugar 1.0.0-beta.1

package/dist/js/dom/form/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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateIdFromForm.js","sourceRoot":"","sources":["../../../../src/js/dom/form/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.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.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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormValues.js","sourceRoot":"","sources":["../../../../src/js/dom/form/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/generate/_exports.d.ts

@@ -0,0 +1,2 @@
+import generateIdFromForm from './generateIdFromForm.js';
+export { generateIdFromForm as __generateIdFromForm, generateIdFromForm };

package/dist/js/dom/generate/_exports.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/generate/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,IAAI,oBAAoB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/js/dom/generate/generateIdFromForm.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @name            generateIdFromForm
+ * @namespace       js.dom.generate
+ * @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/generate/generateIdFromForm.js

@@ -0,0 +1,52 @@
+import { md5 } from '@blackbyte/sugar/crypto';
+/**
+ * @name            generateIdFromForm
+ * @namespace       js.dom.generate
+ * @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/generate/generateIdFromForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateIdFromForm.js","sourceRoot":"","sources":["../../../../src/js/dom/generate/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/iframe/_exports.d.ts

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

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

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

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

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

package/dist/js/dom/iframe/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}                       obj                     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($1, $2);
+ *
+ * @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.js

@@ -0,0 +1,81 @@
+/**
+ * @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}                       obj                     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($1, $2);
+ *
+ * @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';
+            setTimeout(() => {
+                var _a;
+                if ((_a = $iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document.body.scrollWidth) {
+                    _resize();
+                }
+            }, 100);
+        }
+        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';
+            setTimeout(() => {
+                var _a;
+                if ((_a = $iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document.body.scrollHeight) {
+                    _resize();
+                }
+            }, 100);
+        }
+    }
+    $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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframeAutoSize.js","sourceRoot":"","sources":["../../../../src/js/dom/iframe/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;YACrE,UAAU,CAAC,GAAG,EAAE;;gBACd,IAAI,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;oBACrD,OAAO,EAAE,CAAC;gBACZ,CAAC;YACH,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,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;YACtE,UAAU,CAAC,GAAG,EAAE;;gBACd,IAAI,MAAA,OAAO,CAAC,aAAa,0CAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;oBACtD,OAAO,EAAE,CAAC;gBACZ,CAAC;YACH,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC;IAED,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;;QACpC,iBAAiB;QACjB,OAAO,CAAC;QAER,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

@@ -0,0 +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';
+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

@@ -0,0 +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';
+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

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

package/dist/js/dom/inject/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.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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectHtml.js","sourceRoot":"","sources":["../../../../src/js/dom/inject/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.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;

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"injectIframeContent.js","sourceRoot":"","sources":["../../../../src/js/dom/inject/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.d.ts

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

@@ -0,0 +1,31 @@
+import __whenScriptLoaded from '../when/whenScriptLoaded.js';
+/**
+ * @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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectScript.js","sourceRoot":"","sources":["../../../../src/js/dom/inject/injectScript.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,6BAA6B,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;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,kBAAkB,CAAC,OAAO,CAAC,CAAC;AACrC,CAAC"}

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

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

@@ -0,0 +1,25 @@
+import __uniqid from '../../../js/string/uniqid.js';
+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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectStyle.js","sourceRoot":"","sources":["../../../../src/js/dom/inject/injectStyle.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AAmCpD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAAU,EACV,QAAwC;;IAExC,MAAM,aAAa,GAAG,gBACpB,EAAE,EAAE,kBAAkB,QAAQ,EAAE,EAAE,EAClC,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"}