@degreesign/ui 1.1.1 → 1.2.1

package/README.md

@@ -20,7 +20,7 @@ OR use in browsers through CDN
 
 ```html
 <script 
-    src="https://cdn.jsdelivr.net/npm/@degreesign/ui@1.1.1/dist/browser/degreesign.min.js"
+    src="https://cdn.jsdelivr.net/npm/@degreesign/ui@1.2.1/dist/browser/degreesign.min.js"
 ></script>
 ```
 
@@ -39,7 +39,7 @@ Below are the available functions and their usage examples.
 Use the package directly in the browser without a build step by loading the UMD bundle from a CDN:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@degreesign/ui@1.1.1/dist/browser/degreesign.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@degreesign/ui@1.2.1/dist/browser/degreesign.min.js"></script>
 ```
 
 The bundle exposes a global `dsUI` object containing all exported functions and enums:

package/dist/browser/degreesign.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see degreesign.min.js.LICENSE.txt */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.dsUI=t():e.dsUI=t()}(this,(()=>(()=>{"use strict";var e={516:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.repeatElements=void 0;const r=n(698);t.repeatElements=({children:e,parent:t,targetCount:n})=>{try{const o=(0,r.parentValid)(t);if(e=e||o?.children,e?.length){const t=e?.length||0;if(n>t){const r=e?.[0];if(r)for(let e=t;e<n;e++)o?o.appendChild(r.cloneNode(!0)):r?.after(r.cloneNode(!0))}else if(n<t&&0!=n)for(let r=t-1;r>=n;r--)e[r]?.remove()}}catch(e){console.log("repeatElements failed",n,e)}}},613:(e,t)=>{var n,r,o,l;Object.defineProperty(t,"__esModule",{value:!0}),t.TypeName=t.Display=t.TagName=t.ResourceType=void 0,function(e){e.Script="text/javascript",e.Stylesheet="stylesheet"}(n||(t.ResourceType=n={})),function(e){e.Link="link",e.Script="script"}(r||(t.TagName=r={})),function(e){e.Flex="flex",e.None="none"}(o||(t.Display=o={})),function(e){e.String="string"}(l||(t.TypeName=l={}))},698:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.hideElement=t.showElement=t.selectAll=t.selectElement=t.parentValid=void 0;const r=n(613),o=e=>typeof e==r.TypeName.String?document.querySelector(e):e;t.parentValid=o,t.selectElement=(e,t)=>(o(t)||document)?.querySelector(e),t.selectAll=(e,t)=>(o(t)||document)?.querySelectorAll(e),t.showElement=e=>e&&(e.style.display=r.Display.Flex),t.hideElement=e=>e&&(e.style.display=r.Display.None)},924:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.loadScript=void 0;const r=n(613),o={};t.loadScript=({src:e,type:t=r.ResourceType.Script,ready:n,interval:l=100,timeout:c=3e4,hideConsoleErrors:i})=>{try{const s=o[e];if(s)return s;const a=new Promise(((o,s)=>{let a,p,d=!1;const u=e=>{d||(d=!0,p&&clearTimeout(p),a&&clearTimeout(a),e?s():o())},m=()=>{if(!d)return!n||n()?u():void(a=setTimeout(m,l))};let y;if(p=setTimeout((()=>{i||console.log("loadScript timed out",e),u(!0)}),c),t===r.ResourceType.Stylesheet){const t=document.createElement(r.TagName.Link);t.rel=r.ResourceType.Stylesheet,t.href=e,y=t}else{const t=document.createElement(r.TagName.Script);t.type=r.ResourceType.Script,t.src=e,t.async=!0,y=t}y.onload=m,y.onerror=t=>{i||console.log("loadScript failed onload",e,t),u(t)},document.head.appendChild(y)}));return o[e]=a,a.catch((()=>{o[e]===a&&delete o[e]})),a}catch(e){i||console.log("loadScript failed",e)}}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var l=t[r]={exports:{}};return e[r](l,l.exports,n),l.exports}var r={};return(()=>{var e=r;Object.defineProperty(e,"__esModule",{value:!0}),e.Display=e.ResourceType=e.loadScript=e.repeatElements=e.hideElement=e.showElement=e.selectAll=e.selectElement=void 0;const t=n(698);Object.defineProperty(e,"selectElement",{enumerable:!0,get:function(){return t.selectElement}}),Object.defineProperty(e,"selectAll",{enumerable:!0,get:function(){return t.selectAll}}),Object.defineProperty(e,"showElement",{enumerable:!0,get:function(){return t.showElement}}),Object.defineProperty(e,"hideElement",{enumerable:!0,get:function(){return t.hideElement}});const o=n(516);Object.defineProperty(e,"repeatElements",{enumerable:!0,get:function(){return o.repeatElements}});const l=n(924);Object.defineProperty(e,"loadScript",{enumerable:!0,get:function(){return l.loadScript}});const c=n(613);Object.defineProperty(e,"ResourceType",{enumerable:!0,get:function(){return c.ResourceType}}),Object.defineProperty(e,"Display",{enumerable:!0,get:function(){return c.Display}})})(),r})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.dsUI=t():e.dsUI=t()}(this,(()=>(()=>{"use strict";var e={516:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.repeatElements=void 0;const n=r(698);t.repeatElements=({children:e,parent:t,targetCount:r})=>{try{const o=(0,n.parentValid)(t);if(e=e||o?.children,e?.length){const t=e?.length||0;if(r>t){const n=e?.[0];if(n)for(let e=t;e<r;e++)o?o.appendChild(n.cloneNode(!0)):n?.after(n.cloneNode(!0))}else if(r<t&&0!=r)for(let n=t-1;n>=r;n--)e[n]?.remove()}}catch(e){console.log("repeatElements failed",r,e)}}},613:(e,t)=>{var r,n,o,c;Object.defineProperty(t,"__esModule",{value:!0}),t.TypeName=t.Display=t.TagName=t.ResourceType=void 0,function(e){e.Script="text/javascript",e.Stylesheet="stylesheet"}(r||(t.ResourceType=r={})),function(e){e.Link="link",e.Script="script"}(n||(t.TagName=n={})),function(e){e.Flex="flex",e.None="none"}(o||(t.Display=o={})),function(e){e.String="string"}(c||(t.TypeName=c={}))},698:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.hideElement=t.showElement=t.selectAll=t.selectElement=t.parentValid=void 0;const n=r(613),o=e=>typeof e==n.TypeName.String?document.querySelector(e):e;t.parentValid=o,t.selectElement=(e,t)=>(o(t)||document)?.querySelector(e),t.selectAll=(e,t)=>(o(t)||document)?.querySelectorAll(e),t.showElement=e=>e&&(e.style.display=n.Display.Flex),t.hideElement=e=>e&&(e.style.display=n.Display.None)},924:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.loadScript=void 0;const n=r(613),o={};t.loadScript=({src:e,type:t=n.ResourceType.Script,ready:r,interval:c=100,timeout:a=3e4,hideConsoleErrors:l})=>{try{const s=o[e];if(s)return s;const i=new Promise(((o,s)=>{let i,p,d=!1;const u=e=>{d||(d=!0,p&&clearTimeout(p),i&&clearTimeout(i),e?s():o())},m=()=>{if(!d)return!r||r()?u():void(i=setTimeout(m,c))};let f;if(p=setTimeout((()=>{l||console.log("loadScript timed out",e),u(!0)}),a),t===n.ResourceType.Stylesheet){const t=document.createElement(n.TagName.Link);t.rel=n.ResourceType.Stylesheet,t.href=e,f=t}else{const t=document.createElement(n.TagName.Script);t.type=n.ResourceType.Script,t.src=e,t.async=!0,f=t}f.onload=m,f.onerror=t=>{l||console.log("loadScript failed onload",e,t),u(t)},document.head.appendChild(f)}));return o[e]=i,i.catch((()=>{o[e]===i&&delete o[e]})),i}catch(e){l||console.log("loadScript failed",e)}}},926:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createCaptcha=void 0;const n=r(924),o=r(698);t.createCaptcha=({parentTag:e,sitekey:t,hideConsoleErrors:r})=>{try{const c=window,a="https://js.hcaptcha.com/1/api.js",l=(0,o.parentValid)(e),s=document.createElement("form"),i=document.createElement("div"),p=()=>s.elements.namedItem("h-captcha-response")?.value||"",d=()=>{c.hcaptcha?c.hcaptcha.reset():(0,n.loadScript)({src:a,hideConsoleErrors:r})};if(l)return s.name="cap",s.classList.add("captcha_frame"),i.classList.add("h-captcha"),i.dataset.sitekey=t,s.appendChild(i),l.appendChild(s),(0,n.loadScript)({src:a,hideConsoleErrors:r}),{captchaFrame:s,getCaptchaToken:p,resetCaptcha:d}}catch(e){console.log("createCaptcha failed",e)}return{getCaptchaToken:()=>"",resetCaptcha:()=>console.log("createCaptcha load failed")}}}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var c=t[n]={exports:{}};return e[n](c,c.exports,r),c.exports}var n={};return(()=>{var e=n;Object.defineProperty(e,"__esModule",{value:!0}),e.Display=e.ResourceType=e.createCaptcha=e.loadScript=e.repeatElements=e.hideElement=e.showElement=e.selectAll=e.selectElement=void 0;const t=r(698);Object.defineProperty(e,"selectElement",{enumerable:!0,get:function(){return t.selectElement}}),Object.defineProperty(e,"selectAll",{enumerable:!0,get:function(){return t.selectAll}}),Object.defineProperty(e,"showElement",{enumerable:!0,get:function(){return t.showElement}}),Object.defineProperty(e,"hideElement",{enumerable:!0,get:function(){return t.hideElement}});const o=r(516);Object.defineProperty(e,"repeatElements",{enumerable:!0,get:function(){return o.repeatElements}});const c=r(924);Object.defineProperty(e,"loadScript",{enumerable:!0,get:function(){return c.loadScript}});const a=r(926);Object.defineProperty(e,"createCaptcha",{enumerable:!0,get:function(){return a.createCaptcha}});const l=r(613);Object.defineProperty(e,"ResourceType",{enumerable:!0,get:function(){return l.ResourceType}}),Object.defineProperty(e,"Display",{enumerable:!0,get:function(){return l.Display}})})(),n})()));

package/dist/code/captcha.d.ts

@@ -0,0 +1,5 @@
+import { CreateCaptcha, CreateCaptchaParams } from '../types';
+declare const 
+/** Create captcha form */
+createCaptcha: ({ parentTag, sitekey, hideConsoleErrors, }: CreateCaptchaParams) => CreateCaptcha;
+export { createCaptcha, };

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import { selectElement, selectAll, showElement, hideElement } from './code/select';
 import { repeatElements } from './code/populate';
 import { loadScript } from './code/scripts';
+import { createCaptcha } from './code/captcha';
 import { ResourceType, Display } from './types';
-import type { LoadScriptParams } from './types';
-export { selectElement, selectAll, showElement, hideElement, repeatElements, loadScript, ResourceType, Display, };
-export type { LoadScriptParams, };
+import type { CreateCaptcha, CreateCaptchaParams, LoadScriptParams } from './types';
+export { selectElement, selectAll, showElement, hideElement, repeatElements, loadScript, createCaptcha, ResourceType, Display, };
+export type { CreateCaptcha, CreateCaptchaParams, LoadScriptParams, };

package/dist/node/degreesign.node.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see degreesign.node.min.js.LICENSE.txt */
-(()=>{"use strict";var e={516:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.repeatElements=void 0;const n=r(698);t.repeatElements=({children:e,parent:t,targetCount:r})=>{try{const o=(0,n.parentValid)(t);if(e=e||o?.children,e?.length){const t=e?.length||0;if(r>t){const n=e?.[0];if(n)for(let e=t;e<r;e++)o?o.appendChild(n.cloneNode(!0)):n?.after(n.cloneNode(!0))}else if(r<t&&0!=r)for(let n=t-1;n>=r;n--)e[n]?.remove()}}catch(e){console.log("repeatElements failed",r,e)}}},613:(e,t)=>{var r,n,o,l;Object.defineProperty(t,"__esModule",{value:!0}),t.TypeName=t.Display=t.TagName=t.ResourceType=void 0,function(e){e.Script="text/javascript",e.Stylesheet="stylesheet"}(r||(t.ResourceType=r={})),function(e){e.Link="link",e.Script="script"}(n||(t.TagName=n={})),function(e){e.Flex="flex",e.None="none"}(o||(t.Display=o={})),function(e){e.String="string"}(l||(t.TypeName=l={}))},698:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.hideElement=t.showElement=t.selectAll=t.selectElement=t.parentValid=void 0;const n=r(613),o=e=>typeof e==n.TypeName.String?document.querySelector(e):e;t.parentValid=o,t.selectElement=(e,t)=>(o(t)||document)?.querySelector(e),t.selectAll=(e,t)=>(o(t)||document)?.querySelectorAll(e),t.showElement=e=>e&&(e.style.display=n.Display.Flex),t.hideElement=e=>e&&(e.style.display=n.Display.None)},924:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.loadScript=void 0;const n=r(613),o={};t.loadScript=({src:e,type:t=n.ResourceType.Script,ready:r,interval:l=100,timeout:c=3e4,hideConsoleErrors:i})=>{try{const s=o[e];if(s)return s;const a=new Promise(((o,s)=>{let a,u,p=!1;const d=e=>{p||(p=!0,u&&clearTimeout(u),a&&clearTimeout(a),e?s():o())},m=()=>{if(!p)return!r||r()?d():void(a=setTimeout(m,l))};let y;if(u=setTimeout((()=>{i||console.log("loadScript timed out",e),d(!0)}),c),t===n.ResourceType.Stylesheet){const t=document.createElement(n.TagName.Link);t.rel=n.ResourceType.Stylesheet,t.href=e,y=t}else{const t=document.createElement(n.TagName.Script);t.type=n.ResourceType.Script,t.src=e,t.async=!0,y=t}y.onload=m,y.onerror=t=>{i||console.log("loadScript failed onload",e,t),d(t)},document.head.appendChild(y)}));return o[e]=a,a.catch((()=>{o[e]===a&&delete o[e]})),a}catch(e){i||console.log("loadScript failed",e)}}}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var l=t[n]={exports:{}};return e[n](l,l.exports,r),l.exports}var n={};(()=>{var e=n;Object.defineProperty(e,"__esModule",{value:!0}),e.Display=e.ResourceType=e.loadScript=e.repeatElements=e.hideElement=e.showElement=e.selectAll=e.selectElement=void 0;const t=r(698);Object.defineProperty(e,"selectElement",{enumerable:!0,get:function(){return t.selectElement}}),Object.defineProperty(e,"selectAll",{enumerable:!0,get:function(){return t.selectAll}}),Object.defineProperty(e,"showElement",{enumerable:!0,get:function(){return t.showElement}}),Object.defineProperty(e,"hideElement",{enumerable:!0,get:function(){return t.hideElement}});const o=r(516);Object.defineProperty(e,"repeatElements",{enumerable:!0,get:function(){return o.repeatElements}});const l=r(924);Object.defineProperty(e,"loadScript",{enumerable:!0,get:function(){return l.loadScript}});const c=r(613);Object.defineProperty(e,"ResourceType",{enumerable:!0,get:function(){return c.ResourceType}}),Object.defineProperty(e,"Display",{enumerable:!0,get:function(){return c.Display}})})();var o=exports;for(var l in n)o[l]=n[l];n.__esModule&&Object.defineProperty(o,"__esModule",{value:!0})})();
+(()=>{"use strict";var e={516:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.repeatElements=void 0;const n=r(698);t.repeatElements=({children:e,parent:t,targetCount:r})=>{try{const o=(0,n.parentValid)(t);if(e=e||o?.children,e?.length){const t=e?.length||0;if(r>t){const n=e?.[0];if(n)for(let e=t;e<r;e++)o?o.appendChild(n.cloneNode(!0)):n?.after(n.cloneNode(!0))}else if(r<t&&0!=r)for(let n=t-1;n>=r;n--)e[n]?.remove()}}catch(e){console.log("repeatElements failed",r,e)}}},613:(e,t)=>{var r,n,o,c;Object.defineProperty(t,"__esModule",{value:!0}),t.TypeName=t.Display=t.TagName=t.ResourceType=void 0,function(e){e.Script="text/javascript",e.Stylesheet="stylesheet"}(r||(t.ResourceType=r={})),function(e){e.Link="link",e.Script="script"}(n||(t.TagName=n={})),function(e){e.Flex="flex",e.None="none"}(o||(t.Display=o={})),function(e){e.String="string"}(c||(t.TypeName=c={}))},698:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.hideElement=t.showElement=t.selectAll=t.selectElement=t.parentValid=void 0;const n=r(613),o=e=>typeof e==n.TypeName.String?document.querySelector(e):e;t.parentValid=o,t.selectElement=(e,t)=>(o(t)||document)?.querySelector(e),t.selectAll=(e,t)=>(o(t)||document)?.querySelectorAll(e),t.showElement=e=>e&&(e.style.display=n.Display.Flex),t.hideElement=e=>e&&(e.style.display=n.Display.None)},924:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.loadScript=void 0;const n=r(613),o={};t.loadScript=({src:e,type:t=n.ResourceType.Script,ready:r,interval:c=100,timeout:a=3e4,hideConsoleErrors:l})=>{try{const s=o[e];if(s)return s;const i=new Promise(((o,s)=>{let i,p,d=!1;const u=e=>{d||(d=!0,p&&clearTimeout(p),i&&clearTimeout(i),e?s():o())},m=()=>{if(!d)return!r||r()?u():void(i=setTimeout(m,c))};let h;if(p=setTimeout((()=>{l||console.log("loadScript timed out",e),u(!0)}),a),t===n.ResourceType.Stylesheet){const t=document.createElement(n.TagName.Link);t.rel=n.ResourceType.Stylesheet,t.href=e,h=t}else{const t=document.createElement(n.TagName.Script);t.type=n.ResourceType.Script,t.src=e,t.async=!0,h=t}h.onload=m,h.onerror=t=>{l||console.log("loadScript failed onload",e,t),u(t)},document.head.appendChild(h)}));return o[e]=i,i.catch((()=>{o[e]===i&&delete o[e]})),i}catch(e){l||console.log("loadScript failed",e)}}},926:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createCaptcha=void 0;const n=r(924),o=r(698);t.createCaptcha=({parentTag:e,sitekey:t,hideConsoleErrors:r})=>{try{const c=window,a="https://js.hcaptcha.com/1/api.js",l=(0,o.parentValid)(e),s=document.createElement("form"),i=document.createElement("div"),p=()=>s.elements.namedItem("h-captcha-response")?.value||"",d=()=>{c.hcaptcha?c.hcaptcha.reset():(0,n.loadScript)({src:a,hideConsoleErrors:r})};if(l)return s.name="cap",s.classList.add("captcha_frame"),i.classList.add("h-captcha"),i.dataset.sitekey=t,s.appendChild(i),l.appendChild(s),(0,n.loadScript)({src:a,hideConsoleErrors:r}),{captchaFrame:s,getCaptchaToken:p,resetCaptcha:d}}catch(e){console.log("createCaptcha failed",e)}return{getCaptchaToken:()=>"",resetCaptcha:()=>console.log("createCaptcha load failed")}}}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var c=t[n]={exports:{}};return e[n](c,c.exports,r),c.exports}var n={};(()=>{var e=n;Object.defineProperty(e,"__esModule",{value:!0}),e.Display=e.ResourceType=e.createCaptcha=e.loadScript=e.repeatElements=e.hideElement=e.showElement=e.selectAll=e.selectElement=void 0;const t=r(698);Object.defineProperty(e,"selectElement",{enumerable:!0,get:function(){return t.selectElement}}),Object.defineProperty(e,"selectAll",{enumerable:!0,get:function(){return t.selectAll}}),Object.defineProperty(e,"showElement",{enumerable:!0,get:function(){return t.showElement}}),Object.defineProperty(e,"hideElement",{enumerable:!0,get:function(){return t.hideElement}});const o=r(516);Object.defineProperty(e,"repeatElements",{enumerable:!0,get:function(){return o.repeatElements}});const c=r(924);Object.defineProperty(e,"loadScript",{enumerable:!0,get:function(){return c.loadScript}});const a=r(926);Object.defineProperty(e,"createCaptcha",{enumerable:!0,get:function(){return a.createCaptcha}});const l=r(613);Object.defineProperty(e,"ResourceType",{enumerable:!0,get:function(){return l.ResourceType}}),Object.defineProperty(e,"Display",{enumerable:!0,get:function(){return l.Display}})})();var o=exports;for(var c in n)o[c]=n[c];n.__esModule&&Object.defineProperty(o,"__esModule",{value:!0})})();

package/dist/types.d.ts

@@ -13,6 +13,24 @@ export declare enum Display {
 export declare enum TypeName {
     String = "string"
 }
+export type LibsWindow = Window & {
+    hcaptcha?: {
+        reset: (id?: string) => void;
+    };
+};
+export interface CreateCaptchaParams {
+    /** Parent element or selector */
+    parentTag: string | HTMLElement;
+    /** hCaptcha site key */
+    sitekey: string;
+    /** Disable console logging */
+    hideConsoleErrors?: boolean;
+}
+export interface CreateCaptcha {
+    captchaFrame?: HTMLFormElement;
+    getCaptchaToken: () => string;
+    resetCaptcha: () => void;
+}
 export type LoadScriptParams = {
     /** Resource URL */
     src: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@degreesign/ui",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "description": "DegreeSign UI Controls",
   "main": "dist/node/degreesign.node.min.js",
   "module": "dist/node/degreesign.node.min.js",