powerpagestoolkit 1.1.1 → 1.1.22

package/out/index.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see index.bundle.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.powerpagestoolkit=t():e.powerpagestoolkit=t()}(this,(()=>(()=>{"use strict";var e={628:(e,t,n)=>{n.d(t,{A:()=>c});var r=n(601),o=n.n(r),i=n(314),a=n.n(i)()(o());a.push([e.id,".info-icon {\n  position: relative;\n  display: inline-block;\n}\n\n.info-icon .fa-info-circle {\n  cursor: pointer; /* Ensures the icon is recognized as interactive */\n}\n\n.info-icon .flyout-content {\n  display: none; /* Initially hidden */\n  position: absolute;\n  top: 100%;\n  left: 50%; /* Center horizontally */\n  transform: translateX(-50%); /* Adjust positioning */\n  background-color: #f9f9f9;\n  padding: 10px;\n  border: 1px solid #ddd;\n  z-index: 1;\n  max-width: 90vw; /* Ensure it doesn't overflow on mobile */\n  min-width: 200px; /* Minimum width for better readability */\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 4px; /* Rounded corners */\n}\n",""]);const c=a},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var c=0;c<this.length;c++){var u=this[c][0];null!=u&&(a[u]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);r&&a[s[0]]||(void 0!==i&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=i),n&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=n):s[2]=n),o&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=o):s[4]="".concat(o)),t.push(s))}},t}},601:e=>{e.exports=function(e){return e[1]}},72:e=>{var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var i={},a=[],c=0;c<e.length;c++){var u=e[c],l=r.base?u[0]+r.base:u[0],s=i[l]||0,f="".concat(l," ").concat(s);i[l]=s+1;var d=n(f),p={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(-1!==d)t[d].references++,t[d].updater(p);else{var h=o(p,r);r.byIndex=c,t.splice(c,0,{identifier:f,updater:h,references:1})}a.push(f)}return a}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var i=r(e=e||[],o=o||{});return function(e){e=e||[];for(var a=0;a<i.length;a++){var c=n(i[a]);t[c].references--}for(var u=r(e,o),l=0;l<i.length;l++){var s=n(i[l]);0===t[s].references&&(t[s].updater(),t.splice(s,1))}i=u}}},659:e=>{var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},540:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},56:(e,t,n)=>{e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},113:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={id:r,exports:{}};return e[r](i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var r={};function o(e){var t=$.Deferred();return shell.getTokenDeferred().done((function(n){e.headers?e.headers.__RequestVerificationToken=n:$.extend(e,{headers:{__RequestVerificationToken:n}}),$.ajax(e).done((function(e,n,r){validateLoginSession(e,n,r,t.resolve)})).fail(t.reject)})).fail((function(){t.rejectWith(this,arguments)})),t.promise()}n.r(r),n.d(r,{API:()=>i,createDOMNodeReference:()=>N});const i={createRecord:function(e){return new Promise((function(t,n){o({type:"POST",url:"/_api/".concat(e.logicalName()),data:e.value(),contentType:"application/json",success:function(e,n,r){t(r.getResponseHeader("entityid"))},error:function(e){n(e)}})}))},getRecord:function(e,t,n){return new Promise((function(r,i){o({type:"GET",url:"/_api/".concat(e,"(").concat(t,")").concat(n?"?$".concat(n):""),success:r,error:i})}))},getMultiple:function(e,t){return new Promise((function(n,r){o({type:"GET",url:"/_api/".concat(e).concat(t?"?".concat(t):""),success:function(e){n(e.value)},error:r})}))}};function a(e){return new Promise((function(t){if(document.querySelector(e))return t(document.querySelector(e));var n=new MutationObserver((function(){document.querySelector(e)&&(n.disconnect(),t(document.querySelector(e)))}));n.observe(document.body,{subtree:!0})}))}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,s(r.key),r)}}function l(e,t,n){return t&&u(e.prototype,t),n&&u(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function s(e){var t=function(e){if("object"!=c(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}var f=l((function e(t,n,r){var o,i,a;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),o=this,a=function(){if("undefined"!=typeof Page_Validators){var e=document.createElement("span");e.style.display="none",e.id="".concat(this.fieldLogicalName,"Validator"),e.controltovalidate="".concat(this.fieldLogicalName),e.errormessage="<a href='#".concat(this.fieldDisplayname,"_label'>").concat(this.fieldDisplayname," is a required field</a>"),e.validationGroup="",e.initialvalue="",e.evaluationfunction=this.evaluationFunction,Page_Validators.push(e)}},(i=s(i="createValidator"))in o?Object.defineProperty(o,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[i]=a,this.fieldLogicalName=t,this.fieldDisplayname=n,this.evaluationFunction=r.bind(this),this.createValidator()})),d=n(72),p=n.n(d),h=n(825),y=n.n(h),v=n(659),m=n.n(v),b=n(56),g=n.n(b),w=n(540),x=n.n(w),E=n(113),L=n.n(E),k=n(628),S={};function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function j(){j=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,o=Object.defineProperty||function(e,t,n){e[t]=n.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function s(e,t,n,r){var i=t&&t.prototype instanceof m?t:m,a=Object.create(i.prototype),c=new A(r||[]);return o(a,"_invoke",{value:T(e,n,c)}),a}function f(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=s;var d="suspendedStart",p="suspendedYield",h="executing",y="completed",v={};function m(){}function b(){}function g(){}var w={};l(w,a,(function(){return this}));var x=Object.getPrototypeOf,E=x&&x(x(N([])));E&&E!==n&&r.call(E,a)&&(w=E);var L=g.prototype=m.prototype=Object.create(w);function k(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function S(e,t){function n(o,i,a,c){var u=f(e[o],e,i);if("throw"!==u.type){var l=u.arg,s=l.value;return s&&"object"==P(s)&&r.call(s,"__await")?t.resolve(s.__await).then((function(e){n("next",e,a,c)}),(function(e){n("throw",e,a,c)})):t.resolve(s).then((function(e){l.value=e,a(l)}),(function(e){return n("throw",e,a,c)}))}c(u.arg)}var i;o(this,"_invoke",{value:function(e,r){function o(){return new t((function(t,o){n(e,r,t,o)}))}return i=i?i.then(o,o):o()}})}function T(t,n,r){var o=d;return function(i,a){if(o===h)throw Error("Generator is already running");if(o===y){if("throw"===i)throw a;return{value:e,done:!0}}for(r.method=i,r.arg=a;;){var c=r.delegate;if(c){var u=_(c,r);if(u){if(u===v)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(o===d)throw o=y,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=h;var l=f(t,n,r);if("normal"===l.type){if(o=r.done?y:p,l.arg===v)continue;return{value:l.arg,done:r.done}}"throw"===l.type&&(o=y,r.method="throw",r.arg=l.arg)}}}function _(t,n){var r=n.method,o=t.iterator[r];if(o===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,_(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),v;var i=f(o,t.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,v;var a=i.arg;return a?a.done?(n[t.resultName]=a.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,v):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function O(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function A(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(O,this),this.reset(!0)}function N(t){if(t||""===t){var n=t[a];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function n(){for(;++o<t.length;)if(r.call(t,o))return n.value=t[o],n.done=!1,n;return n.value=e,n.done=!0,n};return i.next=i}}throw new TypeError(P(t)+" is not iterable")}return b.prototype=g,o(L,"constructor",{value:g,configurable:!0}),o(g,"constructor",{value:b,configurable:!0}),b.displayName=l(g,u,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,l(e,u,"GeneratorFunction")),e.prototype=Object.create(L),e},t.awrap=function(e){return{__await:e}},k(S.prototype),l(S.prototype,c,(function(){return this})),t.AsyncIterator=S,t.async=function(e,n,r,o,i){void 0===i&&(i=Promise);var a=new S(s(e,n,r,o),i);return t.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},k(L),l(L,u,"Generator"),l(L,a,(function(){return this})),l(L,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=N,A.prototype={constructor:A,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(C),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function o(r,o){return c.type="throw",c.arg=t,n.next=r,o&&(n.method="next",n.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=r.call(a,"catchLoc"),l=r.call(a,"finallyLoc");if(u&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;C(n)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:N(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),v}},t}function T(e,t,n,r,o,i,a){try{var c=e[i](a),u=c.value}catch(e){return void n(e)}c.done?t(u):Promise.resolve(u).then(r,o)}function _(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){T(i,r,o,a,c,"next",e)}function c(e){T(i,r,o,a,c,"throw",e)}a(void 0)}))}}function O(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,C(r.key),r)}}function C(e){var t=function(e){if("object"!=P(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=P(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==P(t)?t:t+""}S.styleTagTransform=L(),S.setAttributes=g(),S.insert=m().bind(null,"head"),S.domAPI=y(),S.insertStyleElement=x(),p()(k.A,S),k.A&&k.A.locals&&k.A.locals;var A=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.querySelector=t,this.element=null,this.isLoaded=!1},t=[{key:"init",value:(n=_(j().mark((function e(){var t;return j().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,a(this.querySelector);case 2:if(t=e.sent){e.next=5;break}throw new Error("[SYNACT] No Element could be found with the provided query selector: ".concat(this.querySelector));case 5:if(this.element=t,this.parentElement=t.parentElement,this.container=t.parentElement.parentElement.parentElement,this.isLoaded=!0,!this.element.classList.contains("boolean-radio")){e.next=16;break}return e.next=12,N("#".concat(this.element.id,"_1"));case 12:return this.yesRadio=e.sent,e.next=15,N("#".concat(this.element.id,"_0"));case 15:this.noRadio=e.sent;case 16:this.defaultDisplay=this.element.style.display||"block",this.defaultParentDisplay=this.parentElement.style.display||"block",this.defaultContainerDisplay=this.container.style.display||"block";case 19:case"end":return e.stop()}}),e,this)}))),function(){return n.apply(this,arguments)})},{key:"hide",value:function(){this.element.style.display="none"}},{key:"show",value:function(){this.element.style.display=this.defaultDisplay}},{key:"hideParent",value:function(){this.parentElement.style.display="none"}},{key:"showParent",value:function(){this.parentElement.style.display=this.defaultParentDisplay}},{key:"hideContainer",value:function(){this.element.parentElement.parentElement.parentElement.style.display="none"}},{key:"showContainer",value:function(){this.element.parentElement.parentElement.parentElement.style.display=this.defaultContainerDisplay}},{key:"setValue",value:function(e){this.element.value=e}},{key:"getValue",value:function(){return this.element.value}},{key:"append",value:function(){var e;(e=this.element).append.apply(e,arguments)}},{key:"after",value:function(){var e;(e=this.element).after.apply(e,arguments)}},{key:"getLabel",value:function(){return document.querySelector("#".concat(this.element.id,"_label"))}},{key:"appendToLabel",value:function(){for(var e=this.getLabel(),t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];e.append.apply(e,[" "].concat(n))}},{key:"addClickListener",value:function(e){this.element.addEventListener("click",(function(t){t.preventDefault(),e()}))}},{key:"addChangeListener",value:function(e){this.element.addEventListener("change",(function(t){t.preventDefault(),e()}))}},{key:"uncheckRadios",value:function(){this.yesRadio&&this.noRadio?(this.yesRadio.element.checked=!1,this.noRadio.element.checked=!1):console.error("[SYNACT] Attempted to uncheck radios for an element that has no radios")}},{key:"createValidation",value:function(e,t){new f(this.id,"'".concat(t,"'"),e)}},{key:"addLabelTooltip",value:function(e){this.appendToLabel(function(e){var t=document.createElement("span");t.classList.add("info-icon");var n=document.createElement("i");n.classList.add("fa","fa-solid","fa-info-circle"),n.setAttribute("aria-label","Info"),n.style.cursor="pointer";var r=document.createElement("div");return r.innerHTML=e,r.classList.add("flyout-content"),t.appendChild(n),t.appendChild(r),n.addEventListener("mouseenter",(function(){r.style.display="block"})),n.addEventListener("mouseleave",(function(){r.style.display="none"})),n.addEventListener("touchstart",(function(e){e.preventDefault(),r.style.display="none"===r.style.display?"block":"none"})),document.body.addEventListener("click",(function(e){t.contains(e.target)||(r.style.display="none")})),t}(e))}},{key:"setTextContent",value:function(e){this.element.innerHTML=e}},{key:"onceLoaded",value:function(e){var t=this;if(console.log("loading element"),this.isLoaded)e(this);else{var n=new MutationObserver((function(){document.querySelector(t.querySelector)&&(n.disconnect(),t.isLoaded=!0,e(t))}));n.observe(document.body,{subtree:!0,childList:!0})}}}],t&&O(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t,n}();function N(e){return M.apply(this,arguments)}function M(){return M=_(j().mark((function e(t){var n;return j().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=new A(t),e.next=3,n.init();case 3:return e.abrupt("return",new Proxy(n,{get:function(e,t){if("init"!=t){var n=e[t];return"function"==typeof n&&"onceLoaded"!==t?function(){for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return e.onceLoaded((function(){return n.apply(e,r)}))}:n}}}));case 4:case"end":return e.stop()}}),e)}))),M.apply(this,arguments)}return r})()));

package/package.json

@@ -1,18 +1,21 @@
 {
   "name": "powerpagestoolkit",
-  "version": "1.1.001",
+  "version": "1.1.22",
   "description": "Reference, manipulate, and engage with Power Pages sites through the nodes in the DOM; use a variety of custom methods that allow customizing your power pages site quicker and easier.  ",
-  "main": "index.js",
+  "main": "out/index.bundle.js",
   "types": "index.d.ts",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack --config webpack.config.cjs"
   },
   "devDependencies": {
     "@babel/core": "^7.25.8",
     "@babel/preset-env": "^7.25.8",
     "@types/node": "^22.8.0",
     "babel-loader": "^9.2.1",
+    "css-loader": "^7.1.2",
     "eslint": "^8.57.1",
+    "style-loader": "^4.0.0",
     "typescript": "^5.6.3",
     "webpack": "^5.95.0",
     "webpack-cli": "^5.1.4"
@@ -25,8 +28,7 @@
     "url": "https://github.com/Keaton-Brewster/PowerPagesToolKit"
   },
   "files": [
-    "index.js",
-    "index.d.ts",
-    "lib"
+    "out/index.bundle.js",
+    "index.d.ts"
   ]
 }

package/index.js

@@ -1,4 +0,0 @@
-import API from "./lib/API.js";
-import createDOMNodeReference from "./lib/DOMNodeReferences.js";
-
-export { API, createDOMNodeReference };

package/lib/API.js

@@ -1,70 +0,0 @@
-import safeAjax from "./safeAjax.js";
-const API = {
-  /**
-   *
-   * @param {Class} schema an instance of a schema class, containing the desired information for the POST request
-   * @returns a Promise resolving the successful results *[record id]* of the POST request, or rejecting the failed results *[error]* of the POST request.
-   */
-  createRecord(schema) {
-    return new Promise((resolve, reject) => {
-      safeAjax({
-        type: "POST",
-        url: `/_api/${schema.logicalName()}`,
-        data: schema.value(),
-        contentType: "application/json",
-        success: function (response, status, xhr) {
-          resolve(xhr.getResponseHeader("entityid"));
-        },
-        error: (error) => {
-          reject(error);
-        },
-      });
-    });
-  },
-  /**
-   *
-   * @param {string} tableSetName The DataVerse SET name of the table being queried
-   * @param {string} recordID the GUID of the records to be retrieved
-   * @param {string} selectColumns *OPTIONAL* if desired, enter your own custom OData query for advanced GET results. Format = select=column1,column2,column3...
-   * @returns a Promise resolving the successful results of the GET request, or rejecting the failed results of the GET request
-   */
-  getRecord(tableSetName, recordID, selectColumns) {
-    return new Promise((resolve, reject) => {
-      const url = `/_api/${tableSetName}(${recordID})${
-        selectColumns ? `?$${selectColumns}` : ""
-      }`;
-
-      safeAjax({
-        type: "GET",
-        url: url,
-        success: resolve,
-        error: reject,
-      });
-    });
-  },
-  /**
-   *
-   * @param {String} tableSetName The DataVerse SET name of the table being queried
-   * @param {String} queryParameters *OPTIONAL* the OData query parameters for refining search results: *format = $filter=filters&$select=columns*
-   * @returns a Promise resolving the successful results of the GET request, or rejecting the failed results of the GET request
-   */
-  getMultiple(tableSetName, queryParameters) {
-    return new Promise((resolve, reject) => {
-      // Construct the URL based on the presence of query parameters
-      const url = `/_api/${tableSetName}${
-        queryParameters ? `?${queryParameters}` : ""
-      }`;
-
-      safeAjax({
-        type: "GET",
-        url: url,
-        success: function (response) {
-          resolve(response.value);
-        },
-        error: reject,
-      });
-    });
-  },
-};
-
-export default API;

package/lib/DOMNodeReferences.js

@@ -1,271 +0,0 @@
-import { waitFor } from "./common_functions.js";
-import FieldValidation from "./FieldValidation.class.js";
-import createInfoEl from "./createInfoElement.js";
-
-/**
- * Class representing a reference to a DOM node.
- */
-class DOMNodeReference {
-  /**
-   * Creates an instance of DOMNodeReference.
-   * @param {string} querySelector - The CSS selector to find the desired DOM element.
-   */
-  constructor(querySelector) {
-    this.querySelector = querySelector;
-    this.element = null;
-    this.isLoaded = false;
-    // Deferred initialization
-  }
-
-  /**
-   * Initializes the DOMNodeReference instance by waiting for the element to be available in the DOM.
-   * @returns {Promise<Proxy>} A promise that resolves to a Proxy of the DOMNodeReference instance.
-   * @throws {Error} Throws an error if the element cannot be found using the provided query selector.
-   */
-  async init() {
-    const element = await waitFor(this.querySelector);
-    if (!element) {
-      throw new Error(
-        `[SYNACT] No Element could be found with the provided query selector: ${this.querySelector}`
-      );
-    }
-
-    this.element = element;
-    this.parentElement = element.parentElement;
-    this.container = element.parentElement.parentElement.parentElement;
-    this.isLoaded = true;
-
-    if (this.element.classList.contains("boolean-radio")) {
-      this.yesRadio = new DOMNodeReference(`#${this.element.id}_1`);
-      this.noRadio = new DOMNodeReference(`#${this.element.id}_0`);
-    }
-
-    this.defaultDisplay = this.element.style.display || "block";
-    this.defaultParentDisplay = this.parentElement.style.display || "block";
-    this.defaultContainerDisplay = this.container.style.display || "block";
-  }
-
-  /**
-   * Hides the element by setting its display style to "none".
-   * @method hide
-   */
-  hide() {
-    this.element.style.display = "none";
-  }
-
-  /**
-   * Shows the element by restoring its default display style.
-   * @method show
-   */
-  show() {
-    this.element.style.display = this.defaultDisplay;
-  }
-
-  /**
-   * Hides the parent element by setting its display style to "none".
-   * @method hideParent
-   */
-  hideParent() {
-    this.parentElement.style.display = "none";
-  }
-
-  /**
-   * Shows the parent element by restoring its default display style.
-   * @method showParent
-   */
-  showParent() {
-    this.parentElement.style.display = this.defaultParentDisplay;
-  }
-
-  /**
-   * Hides the container (grandparent of the element) by setting its display style to "none".
-   * @method hideContainer
-   */
-  hideContainer() {
-    this.element.parentElement.parentElement.parentElement.style.display =
-      "none";
-  }
-
-  /**
-   * Shows the container (grandparent of the element) by restoring its default display style.
-   * @method showContainer
-   */
-  showContainer() {
-    this.element.parentElement.parentElement.parentElement.style.display =
-      this.defaultContainerDisplay;
-  }
-
-  /**
-   * Sets the value of the HTML element.
-   * @method setValue
-   * @param {string} value - The value to set for the HTML element.
-   */
-  setValue(value) {
-    this.element.value = value;
-  }
-
-  /**
-   * Gets the value of the HTML element.
-   * @method getValue
-   * @returns {string} The current value of the HTML element.
-   */
-  getValue() {
-    return this.element.value;
-  }
-
-  /**
-   * Appends child elements to the HTML element.
-   * @method append
-   * @param {...HTMLElement} elements - The elements to append to the HTML element.
-   */
-  append(...elements) {
-    this.element.append(...elements);
-  }
-
-  /**
-   * Inserts elements after the HTML element.
-   * @method after
-   * @param {...HTMLElement} elements - The elements to insert after the HTML element.
-   */
-  after(...elements) {
-    this.element.after(...elements);
-  }
-
-  /**
-   * Retrieves the label associated with the HTML element.
-   * @method getLabel
-   * @returns {HTMLElement} The label element associated with this element.
-   * @throws {Error} Throws an error if the label cannot be found.
-   */
-  getLabel() {
-    return document.querySelector(`#${this.element.id}_label`);
-  }
-
-  /**
-   * Appends child elements to the label associated with the HTML element.
-   * @method appendToLabel
-   * @param {...HTMLElement} elements - The elements to append to the label.
-   */
-  appendToLabel(...elements) {
-    let label = this.getLabel();
-    label.append(" ", ...elements);
-  }
-
-  /**
-   * Adds a click event listener to the HTML element.
-   * @method addClickListener
-   * @param {Function} eventHandler - The function to execute when the element is clicked.
-   */
-  addClickListener(eventHandler) {
-    this.element.addEventListener("click", (e) => {
-      e.preventDefault();
-      eventHandler();
-    });
-  }
-
-  /**
-   * Adds a change event listener to the HTML element.
-   * @method addChangeListener
-   * @param {Function} eventHandler - The function to execute when the element's value changes.
-   */
-  addChangeListener(eventHandler) {
-    this.element.addEventListener("change", (e) => {
-      e.preventDefault();
-      eventHandler();
-    });
-  }
-
-  /**
-   * Unchecks both the yes and no radio buttons if they exist.
-   * @method uncheckRadios
-   */
-  uncheckRadios() {
-    if (this.yesRadio && this.noRadio) {
-      this.yesRadio.element.checked = false;
-      this.noRadio.element.checked = false;
-    } else {
-      console.error(
-        "[SYNACT] Attempted to uncheck radios for an element that has no radios"
-      );
-    }
-  }
-
-  /**
-   * Creates a validation instance for the field.
-   * @method createValidation
-   * @param {Function} evaluationFunction - The function used to evaluate the field.
-   * @param {string} fieldDisplayName - The field name to display in error if validation fails.
-   */
-  createValidation(evaluationFunction, fieldDisplayName) {
-    new FieldValidation(this.id, `'${fieldDisplayName}'`, evaluationFunction);
-  }
-
-  /**
-   * Adds a tooltip with specified text to the label associated with the HTML element.
-   * @method addLabelTooltip
-   * @param {string} text - The text to display in the tooltip.
-   */
-  addLabelTooltip(text) {
-    this.appendToLabel(createInfoEl(text));
-  }
-
-  /**
-   * Sets the inner HTML content of the HTML element.
-   * @method setTextContent
-   * @param {string} text - The text to set as the inner HTML of the element.
-   */
-  setTextContent(text) {
-    this.element.innerHTML = text;
-  }
-
-  /**
-   * Executes a callback function once the element is fully loaded.
-   * If the element is already loaded, the callback is called immediately.
-   * Otherwise, a MutationObserver is used to detect when the element is added to the DOM.
-   * @method onceLoaded
-   * @param {Function} callback - A callback function to execute once the element is loaded.
-   */
-  onceLoaded(callback) {
-    console.log("loading element");
-    if (this.isLoaded) {
-      callback(this);
-    } else {
-      const observer = new MutationObserver(() => {
-        if (document.querySelector(this.querySelector)) {
-          observer.disconnect(); // Stop observing once loaded
-          this.isLoaded = true;
-          callback(this); // Call the provided callback
-        }
-      });
-
-      observer.observe(document.body, {
-        subtree: true,
-        childList: true,
-      });
-    }
-  }
-}
-
-/**
- * Creates and initializes a DOMNodeReference instance.
- * @async
- * @function createDOMNodeReference
- * @param {string} querySelector - The CSS selector for the desired DOM element.
- * @returns {Promise<DOMNodeReference>} A promise that resolves to a Proxy of the initialized DOMNodeReference instance.
- */
-export default async function createDOMNodeReference(querySelector) {
-  const instance = new DOMNodeReference(querySelector);
-  await instance.init();
-
-  return new Proxy(instance, {
-    get: (target, prop) => {
-      if (prop == "init") return undefined;
-      
-      const value = target[prop];
-      if (typeof value === "function" && prop !== "onceLoaded") {
-        return (...args) => target.onceLoaded(() => value.apply(target, args));
-      }
-      return value;
-    },
-  });
-}

package/lib/FieldValidation.class.js

@@ -1,25 +0,0 @@
-export default class FieldValidation {
-  constructor(fieldLogicalName, fieldDisplayname, evaluationFunction) {
-    this.fieldLogicalName = fieldLogicalName;
-    this.fieldDisplayname = fieldDisplayname;
-    this.evaluationFunction = evaluationFunction.bind(this);
-
-    this.createValidator();
-  }
-
-  createValidator = function () {
-    if (typeof Page_Validators == "undefined") return;
-    // Create new validator
-    var newValidator = document.createElement("span");
-    newValidator.style.display = "none";
-    newValidator.id = `${this.fieldLogicalName}Validator`;
-    newValidator.controltovalidate = `${this.fieldLogicalName}`;
-    newValidator.errormessage = `<a href='#${this.fieldDisplayname}_label'>${this.fieldDisplayname} is a required field</a>`;
-    newValidator.validationGroup = ""; // Set this if you have set ValidationGroup on the form
-    newValidator.initialvalue = "";
-    newValidator.evaluationfunction = this.evaluationFunction;
-    // Add the new validator to the page validators array:
-    // eslint-disable-next-line no-undef
-    Page_Validators.push(newValidator);
-  };
-}

package/lib/common_functions.js

@@ -1,24 +0,0 @@
-/**
- * @description a function that will wait for a targeted element to appear in the DOM, and then resolve a promise to allow further action to be performed after the targeted elements appears
- * @param {String} selector a query selector expression to target a specific element that you want to appear in the DOM before taking further action
- * @returns {Promise} the element targeted by ID *selector*
- */
-
-export function waitFor(selector) {
-  return new Promise((resolve) => {
-    if (document.querySelector(selector)) {
-      return resolve(document.querySelector(selector));
-    }
-
-    const observer = new MutationObserver(() => {
-      if (document.querySelector(selector)) {
-        observer.disconnect();
-        resolve(document.querySelector(selector));
-      }
-    });
-
-    observer.observe(document.body, {
-      subtree: true,
-    });
-  });
-}

package/lib/createInfoElement.js

@@ -1,62 +0,0 @@
-export default function CreateInfoEl(titleString) {
-  // Create a container span
-  const span = document.createElement("span");
-  span.style.position = "relative";
-  span.style.display = "inline-block"; // Ensure proper placement
-
-  // Create the "i" icon
-  const icon = document.createElement("i");
-  icon.classList.add("fa", "fa-solid", "fa-info-circle");
-  icon.setAttribute("aria-label", "Info"); // For accessibility
-  icon.style.cursor = "pointer"; // Ensure it's clear it's interactive
-
-  // Create the flyout content
-  const flyoutContent = document.createElement("div");
-  flyoutContent.innerHTML = titleString;
-  flyoutContent.style.display = "none";
-  flyoutContent.style.position = "absolute";
-  flyoutContent.style.top = "100%";
-  flyoutContent.style.left = "0";
-  flyoutContent.style.backgroundColor = "#f9f9f9";
-  flyoutContent.style.padding = "10px";
-  flyoutContent.style.border = "1px solid #ddd";
-  flyoutContent.style.zIndex = "1";
-  flyoutContent.style.width = "max-content"; // Default for larger screens
-
-  // Responsive Design Adjustments
-  flyoutContent.style.maxWidth = "90vw"; // Ensure it doesn't overflow on mobile
-  flyoutContent.style.boxShadow = "0px 4px 8px rgba(0, 0, 0, 0.1)"; // Add shadow for clarity
-  flyoutContent.style.borderRadius = "4px"; // Make it more modern with rounded corners
-
-  // Append the icon and flyout content to the container
-  span.appendChild(icon);
-  span.appendChild(flyoutContent);
-
-  // Event listeners for desktop (hover)
-  icon.addEventListener("mouseenter", () => {
-    flyoutContent.style.display = "block";
-  });
-  icon.addEventListener("mouseleave", () => {
-    flyoutContent.style.display = "none";
-  });
-
-  // Event listeners for mobile (touch)
-  icon.addEventListener("touchstart", (event) => {
-    event.preventDefault(); // Prevent triggering other touch events like click
-    if (flyoutContent.style.display === "none") {
-      flyoutContent.style.display = "block";
-    } else {
-      flyoutContent.style.display = "none";
-    }
-  });
-
-  // Optional: Add an "x" button or click-away to close the flyout on mobile
-  document.body.addEventListener("click", (event) => {
-    if (!span.contains(event.target)) {
-      flyoutContent.style.display = "none"; // Hide if clicked outside
-    }
-  });
-
-  // Return the span element which holds the icon and flyout content
-  return span;
-}

package/lib/safeAjax.js

@@ -1,31 +0,0 @@
-export default function safeAjax(ajaxOptions) {
-  var deferredAjax = $.Deferred();
-
-  // shell is only available via runtime in a PowerPages portal
-  //eslint-disable-next-line
-  shell
-    .getTokenDeferred()
-    .done(function (token) {
-      // add headers for AJAX
-      if (!ajaxOptions.headers) {
-        $.extend(ajaxOptions, {
-          headers: {
-            __RequestVerificationToken: token,
-          },
-        });
-      } else {
-        ajaxOptions.headers["__RequestVerificationToken"] = token;
-      }
-      $.ajax(ajaxOptions)
-        .done(function (data, textStatus, jqXHR) {
-          //eslint-disable-next-line
-          validateLoginSession(data, textStatus, jqXHR, deferredAjax.resolve);
-        })
-        .fail(deferredAjax.reject); //AJAX
-    })
-    .fail(function () {
-      deferredAjax.rejectWith(this, arguments); // on token failure pass the token AJAX and args
-    });
-
-  return deferredAjax.promise();
-}