web-component-wrapper 0.0.444 → 0.0.445
Sign up to get free protection for your applications and to get access to all the features.
- package/ReactWeb.js +1 -0
- package/ReactWebNext.js +1 -0
- package/WebNext.js +1 -1
- package/index.d.ts +5 -4
- package/index.js +1 -11
- package/indexNext.js +1 -11
- package/package.json +5 -5
- package/type.d.ts +1 -1
- package/React.js +0 -11
- package/ReactNext.js +0 -11
- /package/{React.d.ts → ReactWeb.d.ts} +0 -0
package/ReactWeb.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/inheritsLoose"),require("clientnode"),require("clientnode/property-types"),require("react"),require("react-dom"),require("react-dom/client"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/assertThisInitialized"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("@babel/runtime/regenerator"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/extends","@babel/runtime/helpers/inheritsLoose","clientnode","clientnode/property-types","react","react-dom","react-dom/client","@babel/runtime/helpers/asyncToGenerator","@babel/runtime/helpers/initializerDefineProperty","@babel/runtime/helpers/assertThisInitialized","@babel/runtime/helpers/applyDecoratedDescriptor","@babel/runtime/helpers/initializerWarningHelper","@babel/runtime/regenerator"],t);else{var r="object"==typeof exports?t(require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/inheritsLoose"),require("clientnode"),require("clientnode/property-types"),require("react"),require("react-dom"),require("react-dom/client"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/assertThisInitialized"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("@babel/runtime/regenerator")):t(e["@babel/runtime/helpers/extends"],e["@babel/runtime/helpers/inheritsLoose"],e.clientnode,e["clientnode/property-types"],e.react,e["react-dom"],e["react-dom/client"],e["@babel/runtime/helpers/asyncToGenerator"],e["@babel/runtime/helpers/initializerDefineProperty"],e["@babel/runtime/helpers/assertThisInitialized"],e["@babel/runtime/helpers/applyDecoratedDescriptor"],e["@babel/runtime/helpers/initializerWarningHelper"],e["@babel/runtime/regenerator"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,(function(e,t,r,n,i,o,s,a,l,p,c,u,d){return function(){var h=[function(t){t.exports=e},function(e){e.exports=r},function(e){e.exports=n},function(e){e.exports=t},function(e,t,r){var n=r(0),i=r.n(n),o=r(1),s=r.n(o),a=r(2);t.default=function(e){return void 0===e&&(e={}),e=i()({readAttribute:!0,type:a.string},e),function(t,r){if("string"==typeof r){var n,o=t.self||t.constructor;if(e.readAttribute){Object.prototype.hasOwnProperty.call(o,"observedAttributes")||(o.observedAttributes=o.observedAttributes?[].concat(o.observedAttributes):[]);var a=s().stringCamelCaseToDelimited(r);o.observedAttributes.includes(a)||o.observedAttributes.push(a)}if(e.type&&(Object.prototype.hasOwnProperty.call(o,"propertyTypes")||(o.propertyTypes=o.propertyTypes?i()({},o.propertyTypes):{}),!e.update&&Object.prototype.hasOwnProperty.call(o,r)||(o.propertyTypes[r]=e.type)),e.writeAttribute)if(Object.prototype.hasOwnProperty.call(o,"propertiesToReflectAsAttributes")||(o.propertiesToReflectAsAttributes=o.propertiesToReflectAsAttributes?s().copy(o.propertiesToReflectAsAttributes):[]),e.update||o.propertiesToReflectAsAttributes instanceof Map&&!o.propertiesToReflectAsAttributes.has(r)||Array.isArray(o.propertiesToReflectAsAttributes)&&!o.propertiesToReflectAsAttributes.includes(r)||null!==o.propertiesToReflectAsAttributes&&"object"==typeof o.propertiesToReflectAsAttributes&&!Object.prototype.hasOwnProperty.call(o.propertiesToReflectAsAttributes,r))"boolean"==typeof e.writeAttribute?!0===e.writeAttribute&&o.propertyTypes&&Object.prototype.hasOwnProperty.call(o.propertyTypes,r)&&(n=o.propertyTypes[r]):n=e.writeAttribute,void 0!==n&&(Array.isArray(o.propertiesToReflectAsAttributes)&&(!0===e.writeAttribute?o.propertiesToReflectAsAttributes.push(r):o.propertiesToReflectAsAttributes=o.normalizePropertyTypeList(o.propertiesToReflectAsAttributes)),o.propertiesToReflectAsAttributes instanceof Map&&o.propertiesToReflectAsAttributes.set(r,n),null!==o.propertiesToReflectAsAttributes&&"object"==typeof o.propertiesToReflectAsAttributes&&(o.propertiesToReflectAsAttributes[r]=n));e.alias&&(Object.prototype.hasOwnProperty.call(o,"propertyAliases")||(o.propertyAliases=o.propertyAliases?i()({},o.propertyAliases):{}),!e.update&&Object.prototype.hasOwnProperty.call(o,r)||(o.propertyAliases[r]=e.alias))}}}},function(e,t,r){var n,i,o,s,a=r(6),l=r.n(a),p=r(0),c=r.n(p),u=r(7),d=r.n(u),h=r(8),f=r.n(h),y=r(3),b=r.n(y),m=r(9),v=r.n(m),g=(r(10),r(11)),A=r.n(g),P=r(1),w=r.n(P),O=r(2),T=r(4);function C(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return S(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var N="undefined"==typeof HTMLElement?function(){}:HTMLElement,E=(n=(0,T.default)({type:O.boolean,writeAttribute:!0}),s=function(e){function t(){var r;return(r=e.call(this)||this).batchAttributeUpdates=!0,r.batchPropertyUpdates=!0,r.batchUpdates=!0,r.batchedAttributeUpdateRunning=!0,r.batchedPropertyUpdateRunning=!0,r.batchedUpdateRunning=!0,r.parent=null,r.rootInstance=null,r.scope={Tools:w()},r.domNodeEventBindings=new Map,r.domNodeTemplateCache=new Map,r.externalProperties={},r.ignoreAttributeUpdateObservations=!1,r.internalProperties={},r.outputEventNames=new Set,r.instance=null,d()(r,"isRoot",o,f()(r)),r.root=void 0,r.runDomConnectionAndRenderingInSameEventQueue=!1,r.self=t,r.slots={},r.self=r.constructor,r.self._propertiesToReflectAsAttributes||(r.self._propertiesToReflectAsAttributes=r.self.normalizePropertyTypeList(r.self.propertiesToReflectAsAttributes)),r.generateAliasIndex(),r.root=f()(r),r.defineGetterAndSetterInterface(),r}b()(t,e);var r=t.prototype;return r.attributeChangedCallback=function(e,t,r){this.ignoreAttributeUpdateObservations||t===r||this.updateAttribute(e,r)},r.updateAttribute=function(e,t){var r=this;this.evaluateStringOrNullAndSetAsProperty(e,t),this.batchAttributeUpdates?this.batchedAttributeUpdateRunning||this.batchedUpdateRunning||(this.batchedAttributeUpdateRunning=!0,this.batchedUpdateRunning=!0,w().timeout((function(){r.batchedAttributeUpdateRunning=!1,r.batchedUpdateRunning=!1,r.render("attributeChanged")}))):this.render("attributeChanged")},r.connectedCallback=function(){var e=this;try{this.isConnected=!0}catch(e){}this.parent=this,this.rootInstance=this,this.attachEventHandler(),this.self.determineRootBinding&&this.determineRootBinding(),this.self.applyRootBinding&&this.isRoot&&(this.determineRenderScope(),this.applyBinding(this,this.scope)),this.batchedAttributeUpdateRunning=!1,this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.grabGivenSlots(),this.reflectExternalProperties(this.externalProperties),this.runDomConnectionAndRenderingInSameEventQueue?this.render("connected"):w().timeout((function(){return e.render("connected")}))},r.disconnectedCallback=function(){try{this.isConnected=!1}catch(e){}for(var e,t=C(this.domNodeEventBindings.values());!(e=t()).done;)for(var r,n=C(e.value.values());!(r=n()).done;){(0,r.value)()}this.slots={}},r.defineGetterAndSetterInterface=function(){for(var e,t=this,r=function(){var r=e.value;Object.prototype.hasOwnProperty.call(t,r)&&t.setPropertyValue(r,t[r]),Object.defineProperty(t,r,{configurable:!0,get:function(){return t.getPropertyValue(r)},set:function(e){t.setPropertyValue(r,e),t.triggerPropertySpecificRendering(r,e)}})},n=C(w().arrayUnique(Object.keys(this.self.propertyTypes).concat(Object.keys(this.self._propertyAliasIndex))));!(e=n()).done;)r()},r.getPropertyAlias=function(e){return Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,e)?this.self._propertyAliasIndex[e]:null},r.getPropertyValue=function(e){var r,n,i,o,s=null!=(r=this.instance)&&null!=(n=r.current)&&n.properties&&(Object.prototype.hasOwnProperty.call(!t.propertyTypes,e)||Object.prototype.hasOwnProperty.call(this.instance.current.properties,e))?this.instance.current.properties[e]:this.externalProperties[e];return null!=(i=this.instance)&&null!=(o=i.current)&&o.state&&Object.prototype.hasOwnProperty.call(this.instance.current.state,e)?this.instance.current.state[e]:s},r.setExternalPropertyValue=function(e,t){this.externalProperties[e]=t;var r=this.getPropertyAlias(e);r&&(this.externalProperties[r]=t)},r.setInternalPropertyValue=function(e,t){this.internalProperties[e]=t;var r=this.getPropertyAlias(e);r&&(this.internalProperties[r]=t)},r.setPropertyValue=function(e,t){var r;this.reflectProperties(((r={})[e]=t,r)),this.setInternalPropertyValue(e,t)},r.triggerPropertySpecificRendering=function(e,t){var r=this;if(this.batchPropertyUpdates)this.batchedPropertyUpdateRunning||this.batchedUpdateRunning||(this.batchedPropertyUpdateRunning=!0,this.batchedUpdateRunning=!0,w().timeout((function(){void 0!==t&&r.isStateProperty(e)?(r.render("preStatePropertyChanged"),w().timeout((function(){r.setInternalPropertyValue(e,void 0),r.batchedPropertyUpdateRunning=!1,r.batchedUpdateRunning=!1,r.render("postStatePropertyChanged"),r.triggerOutputEvents()})).then(w().noop,w().noop)):(r.batchedPropertyUpdateRunning=!1,r.batchedUpdateRunning=!1,r.render("propertyChanged"),r.triggerOutputEvents())})));else{var n=this.isStateProperty(e);this.render(n?"preStatePropertyChanged":"propertyChanged"),void 0!==t&&n&&(this.setInternalPropertyValue(e,void 0),this.render("postStatePropertyChanged")),this.triggerOutputEvents()}},r.applyBinding=function(e,t){var r=this;if(e.getAttributeNames)for(var n,i=function(){var i=n.value,o="";if(i.startsWith("data-bind-")?o=i.substring("data-bind-".length):i.startsWith("bind-")&&(o=i.substring("bind-".length)),o){var s=e.getAttribute(i);if(null===s)return"continue";if(o.startsWith("attribute-")||o.startsWith("property-")){var a=w().stringEvaluate(s,t,!1,e);if(a.error)return console.warn('Error occurred during processing given attribute binding "'+i+'" on node:',e,a.error),"continue";o.startsWith("attribute-")?e.setAttribute(o.substring("attribute-".length),a.result):e[w().stringDelimitedToCamelCase(o.substring("property-".length))]=a.result}else if(o.startsWith("on-")){r.domNodeEventBindings.has(e)||r.domNodeEventBindings.set(e,new Map);var l=r.domNodeEventBindings.get(e);o=w().stringDelimitedToCamelCase(o.substring("on-".length)),l.has(o)&&l.get(o)(),t=c()({event:void 0,parameters:void 0},t);var p=w().stringCompile(s,t,!0);if(p.error)console.warn('Error occurred during compiling given event binding "'+i+'" on node:',e,p.error);else{var u=p.templateFunction.bind(e),d=function(){for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];t.event=n[0],t.parameters=n;try{u.apply(void 0,p.originalScopeNames.map((function(e){return t[e]})))}catch(t){console.warn('Error occurred during processing given event binding "'+i+'" on node:',e,'Given expression "'+s+'" could not be evaluated with given scope names "'+p.scopeNames.join('", "')+'": '+w().represent(t))}};e.addEventListener(o,d),l.set(o,(function(){e.removeEventListener(o,d),l.delete(o),0===l.size&&r.domNodeEventBindings.delete(e)}))}}}},o=C(e.getAttributeNames());!(n=o()).done;)i()},r.applyBindings=function(e,t,r){for(void 0===r&&(r=!0);e;){var n;null==(n=e.attributes)||!n.length||!r&&e.getAttribute("slot")||this.applyBinding(e,t),e.nodeName.toLowerCase().includes("-")||this.applyBindings(e.firstChild,t),e=e.nextSibling}},r.compileDomNodeTemplate=function(e,t,r){var n;if(void 0===t&&(t=[]),void 0===r&&(r={}),(r=c()({ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe},r)).ignoreComponents&&null!=(n=e.nodeName)&&n.toLowerCase().includes("-"))return r.map;if(r.unsafe){var i=e.innerHTML;if(!i&&e.template&&(i=e.template),this.self.hasCode(i)){var o=w().stringCompile("`"+i+"`",t);r.map.set(e,{children:[],error:o.error,scopeNames:o.scopeNames,template:i,templateFunction:o.templateFunction})}}else{var s,a=e.nodeName.toLowerCase();if(["a","#text"].includes(a)){var l="a"===a?e.getAttribute("href"):e.textContent;this.self.hasCode(l)&&(s=l.replace(/ /g," ").trim())}var p=[];if(s){var u=w().stringCompile("`"+s+"`",t);r.map.set(e,{children:p,error:u.error,scopeNames:u.scopeNames,template:s,templateFunction:u.templateFunction})}for(var d=e.firstChild;d;)r.filter&&!r.filter(d)||p.push(this.compileDomNodeTemplate(d,t,c()({},r,{ignoreComponents:r.ignoreNestedComponents}))),d=d.nextSibling}return r.map},r.evaluateDomNodeTemplate=function(e,t,r){var n;if(void 0===t&&(t={}),void 0===r&&(r={}),(r=c()({applyBindings:!0,ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe},r)).map.has(e)||this.compileDomNodeTemplate(e,t,r),r.map.has(e)){var i=r.map.get(e),o=i.error,s=i.scopeNames,a=i.templateFunction;if(o)console.warn("Error occurred during compiling node content: "+o);else{var l=null;try{l=a.apply(void 0,s.map((function(e){return t[e]})))}catch(o){console.warn('Error occurred when "'+this.self._name+'" is running "'+a+'": with bound names "'+s.join('", "')+'": "'+o+'". Rendering node:',e)}null!==l&&(r.unsafe?e.innerHTML=l:"a"===e.nodeName.toLowerCase()?e.setAttribute("href",l):e.textContent=l)}}if(!(r.unsafe||r.ignoreComponents&&null!=(n=e.nodeName)&&n.toLowerCase().includes("-")))for(var p=e.firstChild;p;)r.filter&&!r.filter(p)||this.evaluateDomNodeTemplate(p,t,c()({},r,{applyBindings:!1,ignoreComponents:r.ignoreNestedComponents})),p=p.nextSibling;return r.applyBindings&&this.applyBindings(e,t),r.map},t.replaceDomNodes=function(e,r){for(var n,i=C([].concat(r).reverse());!(n=i()).done;){var o,s=n.value;t.trimSlots&&s.nodeType===Node.TEXT_NODE&&""===(null==(o=s.nodeValue)?void 0:o.trim())||e.after(s)}e.remove()},t.unwrapDomNode=function(e){for(var t=e.parentNode,r=[];e.firstChild;)r.push(e.firstChild),t.insertBefore(e.firstChild,e);return t.removeChild(e),r},r.determineRootBinding=function(){for(var e=this.parentNode;e;){var r;(e instanceof t||null!=(r=e.nodeName)&&r.includes("-")||null===e.parentNode&&"[object ShadowRoot]"===e.toString())&&(this.rootInstance===this?(this.parent=e,this.rootInstance=e,this.setPropertyValue("isRoot",!1)):this.rootInstance=e),e=e.parentNode}},t.hasCode=function(e){return"string"==typeof e&&e.includes("${")&&e.includes("}")&&/\${[\s\S]+}/.test(e)},t.normalizePropertyTypeList=function(e){if("string"==typeof e&&(e=[e]),Array.isArray(e)){for(var r,n=e,i=new Map,o=C(n);!(r=o()).done;){var s=r.value;Object.prototype.hasOwnProperty.call(t.propertyTypes,s)&&i.set(s,t.propertyTypes[s])}return i}return w().convertPlainObjectToMap(e)},r.attachEventHandler=function(){if(null!==this.self.eventToPropertyMapping){var e=this.attachExplicitDefinedOutputEventHandler();this.attachImplicitDefinedOutputEventHandler(!e)}},r.attachExplicitDefinedOutputEventHandler=function(){for(var e=this,t=!1,r=function(){var r=i[n];Object.prototype.hasOwnProperty.call(e.internalProperties,r)||(t=!0,e.outputEventNames.add(r),e.setInternalPropertyValue(r,l()(A().mark((function t(){var n,i,o,s,a=arguments;return A().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:for(n=a.length,i=new Array(n),o=0;o<n;o++)i[o]=a[o];return t.next=3,e.reflectEventToProperties(r,i);case 3:(s=t.sent)&&(i[0]=s),e.forwardEvent(r,i);case 6:case"end":return t.stop()}}),t)})))))},n=0,i=Object.keys(this.self.eventToPropertyMapping);n<i.length;n++)r();return t},r.attachImplicitDefinedOutputEventHandler=function(e){var t=this;void 0===e&&(e=!0);for(var r=function(){var r=i[n],o=r[0],s=r[1];Object.prototype.hasOwnProperty.call(t.internalProperties,o)||![O.func,"function"].includes(s)||t.self.renderProperties.includes(o)||(t.outputEventNames.add(o),t.setInternalPropertyValue(o,(function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];e&&t.reflectEventToProperties(o,n),t.forwardEvent(o,n)})))},n=0,i=Object.entries(this.self.propertyTypes);n<i.length;n++)r()},r.triggerOutputEvents=function(){for(var e,t=C(this.outputEventNames);!(e=t()).done;){var r=e.value;this.forwardEvent(r,[this.externalProperties])}},r.forwardEvent=function(e,t){return e.length>"onX".length&&e.startsWith("on")&&(e=w().stringLowerCase(e.substring(2))),this.dispatchEvent(new CustomEvent(e,{detail:{parameters:t}}))},r.applySlots=function(e,t){for(var r=this,n=0,i=Array.from(e.querySelectorAll("slot"));n<i.length;n++){var o=i[n],s=o.getAttribute("name");if(null===s||"default"===s)if(this.slots.default){if(this.self.renderSlots){if(this.self.evaluateSlots)for(var a,l=C(this.slots.default);!(a=l()).done;){var p=a.value;this.evaluateDomNodeTemplate(p,t)}this.self.replaceDomNodes(o,this.slots.default)}}else this.slots.default=this.self.unwrapDomNode(o).map((function(e){return r.grabSlotContent(e)}));else Object.prototype.hasOwnProperty.call(this.slots,s)?this.self.renderSlots&&(this.self.evaluateSlots&&this.evaluateDomNodeTemplate(this.slots[s],t),this.self.replaceDomNodes(o,this.slots[s])):this.slots[s]=this.grabSlotContent(this.self.unwrapDomNode(o).filter((function(e){return"#text"!==e.nodeName.toLowerCase()}))[0])}},r.grabSlotContent=function(e){var t;if("textarea"===(null==(t=e.firstElementChild)?void 0:t.nodeName.toLowerCase())&&(!e.firstElementChild.hasAttribute("data-no-template")||"false"===e.firstElementChild.getAttribute("data-no-template"))){var r,n,i=e.firstElementChild.value;null==(r=e.classList)||r.remove("web-component-template");var o=e.cloneNode();return null==(n=e.classList)||n.add("web-component-template"),o.innerHTML="",o.template=i,o}return this.self.cloneSlots?e.cloneNode(!0):e},r.grabGivenSlots=function(){var e=this;this.slots={};for(var t=0,r=Array.from(this.querySelectorAll("[slot]"));t<r.length;t++){for(var n=r[t],i=n.parentNode,o=!0;i;){if(i.nodeName.includes("-")){i===this&&(o=!1);break}i=i.parentNode}o||(this.slots[n.getAttribute&&n.getAttribute("slot")&&n.getAttribute("slot").trim()?n.getAttribute("slot").trim():n.nodeName.toLowerCase()]=this.grabSlotContent(n))}this.slots.default?this.slots.default=[this.slots.default]:this.childNodes.length>0?this.slots.default=Array.from(this.childNodes).map((function(t){return e.grabSlotContent(t)})):this.slots.default=[]},r.isStateProperty=function(e){var t,r,n,i;return Boolean((null==(t=this.instance)||null==(r=t.current)?void 0:r.state)&&(Object.prototype.hasOwnProperty.call(null==(n=this.instance)||null==(i=n.current)?void 0:i.state,e)||this.instance.current.state.modelState&&Object.prototype.hasOwnProperty.call(this.instance.current.state.modelState,e)))},r.generateAliasIndex=function(){if(!this.self._propertyAliasIndex){this.self._propertyAliasIndex=c()({},this.self.propertyAliases);for(var e=0,t=Object.entries(this.self._propertyAliasIndex);e<t.length;e++){var r=t[e],n=r[0],i=r[1];Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,i)||(this.self._propertyAliasIndex[i]=n)}}},r.reflectExternalProperties=function(e){this.ignoreAttributeUpdateObservations=!0;for(var t=0,r=Object.entries(e);t<r.length;t++){var n=r[t],i=n[0],o=n[1];if(this.setExternalPropertyValue(i,o),this.isConnected){var s=w().stringCamelCaseToDelimited(i);if(this.self._propertiesToReflectAsAttributes.has(i))switch(this.self._propertiesToReflectAsAttributes.get(i)){case O.boolean:case"boolean":o?""!==this.getAttribute(s)&&this.setAttribute(s,""):this.hasAttribute(s)&&this.removeAttribute(s);break;case O.func:case"function":break;case"json":if(o){var a=JSON.stringify(o);if(a&&this.getAttribute(s)!==a){this.setAttribute(s,a);break}}this.hasAttribute(s)&&this.removeAttribute(s);break;case O.number:case"number":if("number"!=typeof o||isNaN(o))this.hasAttribute(s)&&this.removeAttribute(s);else{var l=""+o;this.getAttribute(s)!==l&&this.setAttribute(s,l)}break;case O.string:case"string":o?this.getAttribute(s)!==o&&this.setAttribute(s,o):this.hasAttribute(s)&&this.removeAttribute(s);break;case O.any:case O.array:case O.arrayOf:case O.element:case O.elementType:case O.instanceOf:case O.node:case O.object:case"object":case O.objectOf:case O.shape:case O.exact:case O.symbol:default:if(o){var p=w().represent(o);if(p&&this.getAttribute(s)!==p){this.setAttribute(s,p);break}}this.hasAttribute(s)&&this.removeAttribute(s)}}}this.ignoreAttributeUpdateObservations=!1},r.reflectProperties=function(e){var t,r,n,i;if(this.reflectExternalProperties(e),null!=(t=this.instance)&&null!=(r=t.current)&&r.state&&"object"==typeof this.instance.current.state)for(var o,s=C(Object.keys(this.instance.current.state).concat(this.instance.current.state.modelState?Object.keys(this.instance.current.state.modelState):[]));!(o=s()).done;){var a=o.value;Object.prototype.hasOwnProperty.call(this.internalProperties,a)&&this.setInternalPropertyValue(a,void 0)}null!=(n=this.internalProperties.model)&&n.state&&(null==(i=this.internalProperties.model)||delete i.state,this.setInternalPropertyValue("model",this.internalProperties.model));for(var l,p=C(this.self.controllableProperties);!(l=p()).done;){var c=l.value;Object.prototype.hasOwnProperty.call(e,c)&&this.setInternalPropertyValue(c,e[c])}},r.triggerRender=function(e){var t=this;this.batchUpdates?this.batchedUpdateRunning||(this.batchedUpdateRunning=!0,w().timeout((function(){t.batchedUpdateRunning=!1,t.render(e)}))):this.render(e)},r.reflectEventToProperties=function(){var e=l()(A().mark((function e(t,r){var n,i,o,s,a,l,p,u,d,h,f,y,b,m,v,g;return A().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=this.batchUpdates,this.batchUpdates=!1,i=null,o=!1,!(this.self.eventToPropertyMapping&&Object.prototype.hasOwnProperty.call(this.self.eventToPropertyMapping,t)&&w().isFunction(this.self.eventToPropertyMapping[t]))){e.next=16;break}if(!((a=(s=this.self.eventToPropertyMapping)[t].apply(s,r.concat([this])))&&"then"in a&&w().isFunction(a.then))){e.next=12;break}return e.next=9,a;case 9:e.t0=e.sent,e.next=13;break;case 12:e.t0=a;case 13:l=e.t0,o=!0,Array.isArray(l)?(i=l[0],this.reflectProperties(i),w().extend(!0,this.internalProperties,l[1])):null===l?o=!1:"object"==typeof l&&(i=l,this.reflectProperties(l));case 16:if(!o&&r.length>0&&null!==r[0]&&"object"==typeof r[0]){if(u=r[0],"persist"in r[0]&&w().isFunction(r[0].persist))for(u={},d=0,h=Object.keys(this.self.propertyTypes);d<h.length;d++)for(f=h[d],y=C([f].concat(null!==(m=this.getPropertyAlias(f))&&void 0!==m?m:[]));!(b=y()).done;)v=b.value,(g=r[0].currentTarget&&Object.prototype.hasOwnProperty.call(r[0].currentTarget,v)?r[0].currentTarget[v]:this.getPropertyValue(v))!==this.externalProperties[v]&&(u[v]=g);else[null,void 0].includes(null==(p=u.detail)?void 0:p.value)||(u=c()({},u.detail));i=u,this.reflectProperties(u)}return this.triggerRender("propertyReflected"),this.batchUpdates=n,e.abrupt("return",i);case 20:case"end":return e.stop()}}),e,this)})));return function(t,r){return e.apply(this,arguments)}}(),r.evaluateStringOrNullAndSetAsProperty=function(e,t){var r=this,n=e.startsWith("-"),i=n?e.substring(1):e,o=w().stringDelimitedToCamelCase(i),s=this.getPropertyAlias(o);if(s&&Object.prototype.hasOwnProperty.call(this.self.propertyTypes,s)&&(o=s),Object.prototype.hasOwnProperty.call(this.self.propertyTypes,o)){var a=this.self.propertyTypes[o];if(n){if(t){var l=w().stringEvaluate(t,{Tools:w()},!1,this);l.error?(console.warn('Faild to process pre-evaluation attribute "'+e+'": '+l.error+'. Will be set to "undefined".'),this.setInternalPropertyValue(o,void 0)):(this.setInternalPropertyValue(o,l.result),this.setExternalPropertyValue(o,l.result))}}else switch(a){case O.boolean:case"boolean":var p=![null,"false"].includes(t);this.setInternalPropertyValue(o,p),this.setExternalPropertyValue(o,p);break;case O.func:case"function":var c,u=null,d=["data","event","firstArgument","firstParameter","options","scope","parameters","Tools"];if(t){var h=w().stringCompile(t,d);u=h.error,c=h.templateFunction,u&&console.warn('Failed to compile given handler "'+e+'": '+u+".")}this.setInternalPropertyValue(o,(function(){for(var n=arguments.length,i=new Array(n),s=0;s<n;s++)i[s]=arguments[s];r.outputEventNames.has(o)&&r.reflectEventToProperties(o,i);var a=void 0;if(!u)try{a=c.call(r,i[0],i[0],i[0],i[0],i[0],i[0],i,w())}catch(r){console.warn('Failed to evaluate function "'+e+'" with expression "'+t+'" and scope variables "'+d.join('", "')+'" set to "'+w().represent(i)+'": '+r+'. Set property to "undedefined".')}return r.self.renderProperties.includes(o)||r.forwardEvent(o,i),a})),u||this.setExternalPropertyValue(o,c);break;case"json":if(t){var f;try{f=JSON.parse(t)}catch(u){console.warn('Error occurred during parsing given json attribute "'+e+'": '+w().represent(u));break}this.setInternalPropertyValue(o,f),this.setExternalPropertyValue(o,w().copy(f,1))}else this.setInternalPropertyValue(o,null),this.setExternalPropertyValue(o,null);break;case O.number:case"number":if(null===t){this.setInternalPropertyValue(o,t),this.setExternalPropertyValue(o,t);break}var y=parseFloat(t);isNaN(y)&&(y=void 0),this.setInternalPropertyValue(o,y),this.setExternalPropertyValue(o,y);break;case O.string:case"string":this.setInternalPropertyValue(o,t),this.setExternalPropertyValue(o,t);break;case O.any:case O.array:case O.arrayOf:case O.element:case O.elementType:case O.instanceOf:case O.node:case O.object:case"object":case O.objectOf:case O.oneOf:case O.oneOfType:case O.shape:case O.exact:case O.symbol:default:if(t){var b=w().stringEvaluate(t,{},!1,this);if(b.error){console.warn('Error occurred during processing given attribute configuration "'+e+'":',b.error);break}this.setInternalPropertyValue(o,b.result),this.setExternalPropertyValue(o,w().copy(b.result,1))}else this.hasAttribute(e)?(this.setInternalPropertyValue(o,!0),this.setExternalPropertyValue(o,!0)):(this.setInternalPropertyValue(o,null),this.setExternalPropertyValue(o,null))}}},r.determineRenderScope=function(e){var t,r;void 0===e&&(e={}),this.scope=c()({},(null==(t=this.parent)?void 0:t.scope)||{},this.scope,this.internalProperties,((r={parent:this.parent,root:this.rootInstance,self:this})[w().stringLowerCase(this.self._name)||"instance"]=this,r),e),this.scope.scope=this.scope},r.applyShadowRootIfNotExisting=function(){this.self.shadowDOM&&this.root===this&&(this.root=(!("attachShadow"in this)&&"ShadyDOM"in window?window.ShadyDOM.wrap(this):this).attachShadow(null!==this.self.shadowDOM&&"object"==typeof this.self.shadowDOM?this.self.shadowDOM:{mode:"open"}))},r.render=function(e){if(void 0===e&&(e="unknown"),this.determineRenderScope(),this.dispatchEvent(new CustomEvent("render",{detail:{reason:e,scope:this.scope}}))){var t=w().stringEvaluate("`"+this.self.content+"`",this.scope);if(t.error)console.warn("Faild to process template: "+t.error);else{this.applyShadowRootIfNotExisting();var r=document.createElement("div");r.innerHTML=t.result,this.applySlots(r,c()({},this.scope,{parent:this})),this.root.innerHTML=r.innerHTML,this.applyBindings(this.root.firstChild,this.scope,this.self.renderSlots)}}},t}(N),s.applyRootBinding=!0,s.content="<slot>Please provide a template to transclude.</slot>",s.determineRootBinding=!0,s.shadowDOM=null,s.observedAttributes=[],s.controllableProperties=[],s.eventToPropertyMapping={},s.propertyAliases={},s.propertyTypes={onClick:O.func},s.propertiesToReflectAsAttributes=[],s.renderProperties=["children"],s.cloneSlots=!1,s.evaluateSlots=!1,s.renderSlots=!0,s.trimSlots=!0,s.renderUnsafe=!1,s._name="BaseWeb",s._propertyAliasIndex=void 0,s._propertiesToReflectAsAttributes=void 0,i=s,o=v()(i.prototype,"isRoot",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!0}}),i);t.default=E},function(e){e.exports=a},function(e){e.exports=l},function(e){e.exports=p},function(e){e.exports=c},function(e){e.exports=u},function(e){e.exports=d},function(e){e.exports=i},function(e){e.exports=o},function(e){e.exports=s}],f={};function y(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={exports:{}};return h[e](r,r.exports,y),r.exports}y.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return y.d(t,{a:t}),t},y.d=function(e,t){for(var r in t)y.o(t,r)&&!y.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},y.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},y.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var b={};return function(){y.r(b),y.d(b,{ReactWeb:function(){return h},api:function(){return f}});var e=y(0),t=y.n(e),r=y(3),n=y.n(r),i=y(1),o=y.n(i),s=y(2),a=y(12),l=y.n(a),p=y(13),c=y(14);function u(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return d(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var h=function(e){function r(){for(var t,n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(t=e.call.apply(e,[this].concat(i))||this).compiledSlots={},t.preparedSlots={},t.reactRoot=null,t.rootReactInstance=null,t.self=r,t.wrapMemorizingWrapper=null,t.isWrapped=!1,t.reflectInstanceProperties=function(){var e;null!=(e=t.instance)&&e.current&&t.instance.current.properties&&t.reflectProperties(t.instance.current.properties)},t}n()(r,e);var i=r.prototype;return i.connectedCallback=function(){this.applyComponentWrapper(),this.rootReactInstance=this,e.prototype.connectedCallback.call(this)},i.disconnectedCallback=function(){e.prototype.disconnectedCallback.call(this)},i.reflectExternalProperties=function(t){this.isRoot&&e.prototype.reflectExternalProperties.call(this,t)},i.render=function(e){var r,n=this;if(void 0===e&&(e="unknown"),this.rootReactInstance===this&&this.dispatchEvent(new CustomEvent("render",{detail:{reason:e,scope:this.scope}}))){if(this.determineRenderScope(),0===Object.keys(this.compiledSlots).length&&this.preCompileSlots(),this.evaluateSlots(t()({},this.scope,{parent:this})),this.prepareProperties(this.internalProperties),this.applyShadowRootIfNotExisting(),this.root!==this)for(var i=this.firstChild;i;){var s=i.nextSibling;this.removeChild(i),i=s}this.reactRoot||(this.reactRoot=(0,c.createRoot)(this.root,{identifierPrefix:String(this.id||this.internalProperties.id||this.externalProperties.id||this.name||this.internalProperties.name||this.externalProperties.name)})),(0,p.flushSync)((function(){return n.reactRoot.render((0,a.createElement)(n.self.content,n.internalProperties))})),null!=(r=this.instance)&&r.current?this.reflectInstanceProperties():o().timeout(this.reflectInstanceProperties)}},i.setPropertyValue=function(e,t){var r;this.reflectProperties(((r={})[e]=o().copy(t,1),r)),this.setInternalPropertyValue(e,o().copy(t,1))},i.setInternalPropertyValue=function(t,r){null===r?r=s.NullSymbol:void 0===r&&(r=s.UndefinedSymbol),e.prototype.setInternalPropertyValue.call(this,t,r)},i.preCompileDomNodes=function(e,t,r){if(void 0===t&&(t={}),void 0===r&&(r=!1),1===(e=e.filter((function(e){return e.nodeType!==Node.TEXT_NODE||"string"==typeof e.nodeValue&&""!==e.nodeValue.trim()}))).length)return this.preCompileDomNode(e[0],t,r);for(var n,i=1,o=[],s=u(e);!(n=s()).done;){var l=n.value,p=this.preCompileDomNode(l,t,r,i.toString());p&&(o.push(p),i+=1)}return r?function(e){return function(){for(var t,r=[],n=u(o);!(t=n()).done;){var i=(0,t.value)(e);"function"==typeof i&&r.push(i.apply(void 0,arguments))}return(0,a.createElement)(a.Fragment,{children:r})}}:o},i.preCompileDomNode=function(e,r,n,i){var s,l,p=this;if(void 0===r&&(r={}),void 0===n&&(n=!1),n){var c=this.preCompileDomNode(e,t()({},r,{data:void 0,firstArgument:void 0,firstParameter:void 0,options:void 0,scope:void 0,parameters:void 0}),!1,i);return function(e){return function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];var o=n.length>0?n[0]:null;return c(t()({},e,{data:o,firstArgument:o,firstParameter:o,options:o,scope:o,parameters:n}))}}}if(e.nodeType===Node.TEXT_NODE){var d="string"==typeof e.nodeValue?e.nodeValue.trim():"",h=i&&d?(0,a.createElement)(a.Fragment,{children:d,key:i}):d||null;return function(){return h}}if(!e.getAttributeNames)return function(){return null};var f=this.self.isReactComponent(e);f?(e.determineRenderScope(),0===Object.keys(this.compiledSlots).length&&e.preCompileSlots(),s=e.internalProperties,i&&!Object.prototype.hasOwnProperty.call(s,"key")&&(s.key=i),l=e.constructor.content):(s={key:i},l=e.tagName.toLowerCase());for(var y,b=Object.keys(r),m={},v=function(){var t,n=y.value,i=e.getAttribute(n);if(null===i)return"continue";var a=!1,l="";if(n.startsWith("data-bind-")?l=n.substring("data-bind-".length):n.startsWith("bind-")&&(l=n.substring("bind-".length)),l.startsWith("attribute-")||"attributes"===l||l.startsWith("property-")||"properties"===l){var c=o().stringCompile(i,b),u=c.error,d=c.originalScopeNames,h=c.templateFunction;if(u)return console.warn('Error occurred during compiling given attribute binding "'+n+'" on node:',e,u),"continue";"attributes"===l||"properties"===l?a=!0:l=l.startsWith("attribute-")?l.substring("attribute-".length):l.substring("property-".length),i={originalScopeNames:d,templateFunction:h.bind(p)}}else if(l.startsWith("on-")){l=o().stringDelimitedToCamelCase(l),Object.prototype.hasOwnProperty.call(r,"event")||(b=[].concat(b,["event"])),Object.prototype.hasOwnProperty.call(r,"parameters")||(b=[].concat(b,["parameters"]));var f=o().stringCompile(i,b,!0),v=f.error,g=f.originalScopeNames,A=f.scopeNames,P=f.templateFunction;if(v)return console.warn('Error occurred during compiling given event binding "'+n+'" on node:',e,v),"continue";var w=P.bind(p);i=function(){for(var t=arguments.length,s=new Array(t),a=0;a<t;a++)s[a]=arguments[a];r.event=s[0],r.parameters=s;try{w.apply(void 0,g.map((function(e){return r[e]})))}catch(t){console.warn('Error occurred during processing given event binding "'+n+'" on node: ',e,'Given expression "'+i+'" could not be evaluated with given scope names "'+A.join('", "')+'": '+o().represent(t))}}}else l=n;var O={class:"className",for:"htmlFor"};Object.prototype.hasOwnProperty.call(O,l)&&(l=O[l]),l=o().stringDelimitedToCamelCase(l),null!=(t=i)&&t.originalScopeNames?m[a?"":l]=i:s[l]=i},g=u(e.getAttributeNames());!(y=g()).done;)v();if(!f){var A=Array.from(e.childNodes);A.length&&(s.children=this.preCompileDomNodes(A,r))}return function(n){(n=t()({},r,n)).scope=n;for(var i=t()({},s),o=0,c=Object.entries(m);o<c.length;o++){var u=c[o],d=u[0],h=u[1],y=h.originalScopeNames,b=h.templateFunction.apply(void 0,y.map((function(e){return n[e]})));""===d?i=t()({},i,b):i[d]=b}return Object.prototype.hasOwnProperty.call(i,"innerHTML")&&(i.dangerouslySetInnerHTML={__html:i.innerHTML},delete i.children,delete i.innerHTML),Object.prototype.hasOwnProperty.call(i,"textContent")?(i.children=i.textContent,delete i.textContent):f?(e.evaluateSlots(t()({},i,n,{parent:e})),e.prepareProperties(i),n=t()({},i,n,{parent:e})):i.children&&(i.children=p.evaluatePreCompiledDomNodes(i.children,n)),(0,a.createElement)(l,i)}},i.evaluatePreCompiledDomNodes=function(e,t){if(void 0===t&&(t={}),!Array.isArray(e))return e(t);if(1===e.length)return e[0](t);for(var r,n=[],i=u(e);!(r=i()).done;){var o=(0,r.value)(t);o&&n.push(o)}return n},i.preCompileSlots=function(){var e;for(var r in this.slots)Object.prototype.hasOwnProperty.call(this.slots,r)&&"default"!==r&&(this.compiledSlots[r]=this.preCompileDomNode(this.slots[r],t()({},this.scope,{parent:this}),[s.func,"function"].includes(this.self.propertyTypes&&this.self.propertyTypes[r])));this.slots.default&&this.slots.default.length>0&&(this.compiledSlots.children=this.preCompileDomNodes(this.slots.default,t()({},this.scope,{parent:this}),[s.func,"function"].includes(null==(e=this.self.propertyTypes)?void 0:e.children)))},i.evaluateSlots=function(e){for(var t in this.preparedSlots={},this.compiledSlots)Object.prototype.hasOwnProperty.call(this.compiledSlots,t)&&("children"===t?this.preparedSlots.children=this.evaluatePreCompiledDomNodes(this.compiledSlots[t],e):this.preparedSlots[t]=this.compiledSlots[t](e))},r.isReactComponent=function(e){var t=e.constructor;return"object"==typeof t.content&&(!1===t.attachWebComponentAdapterIfNotExists||"react"===t.content.webComponentAdapterWrapped)},i.determineRootBinding=function(){e.prototype.determineRootBinding.call(this);for(var t=this.parentNode;t;){if(this.self.isReactComponent(t)){this.rootReactInstance=t;break}t=t.parentNode}},i.applyComponentWrapper=function(){if("string"!=typeof this.self.content&&!this.isWrapped){this.isWrapped=!0;var e=this.self.content.wrapped||this.self.content;this.self.content.webComponentAdapterWrapped?this.wrapMemorizingWrapper&&(this.self.content=(0,a.memo)(this.self.content),this.self.content.wrapped=e):this.self.attachWebComponentAdapterIfNotExists?(this.self.content.displayName||(this.self.content.displayName=this.self._name),this.self.content=(0,a.forwardRef)((function(t,r){return(0,a.useImperativeHandle)(r,(function(){return{properties:t}})),(0,a.createElement)(e,t)})),(this.wrapMemorizingWrapper||null===this.wrapMemorizingWrapper)&&(this.self.content=(0,a.memo)(this.self.content)),this.self.content.wrapped=e,this.self.content.webComponentAdapterWrapped="react"):this.wrapMemorizingWrapper&&(this.self.content=(0,a.memo)(this.self.content),this.self.content.wrapped=e)}},i.prepareProperties=function(e){o().extend(e,this.preparedSlots),this.self.removeKnownUnwantedPropertyKeys(this.self,e),e.ref||(this.instance=(0,a.createRef)(),e.ref=this.instance)},r.removeKnownUnwantedPropertyKeys=function(e,t){if("string"!=typeof e.content)for(var r,n=u(["isRoot","isTrusted","__composed"]);!(r=n()).done;){var i=r.value;Object.prototype.hasOwnProperty.call(t,i)&&(Object.prototype.hasOwnProperty.call(e.content,"propTypes")&&!Object.prototype.hasOwnProperty.call(e.content.propTypes,i)||Object.prototype.hasOwnProperty.call(e.content,"wrapped")&&Object.prototype.hasOwnProperty.call(e.content.wrapped,"propTypes")&&!Object.prototype.hasOwnProperty.call(e.content.wrapped.propTypes,i))&&delete t[i]}},r}(y(5).default);h.attachWebComponentAdapterIfNotExists=!0,h.content="div",h.react=l(),h._name="ReactWebComponent";var f={component:h,register:function(e){return void 0===e&&(e=o().stringCamelCaseToDelimited(h._name)),customElements.define(e,h)}};b.default=h}(),b}()}));
|
package/ReactWebNext.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("clientnode"),require("clientnode/property-types"),require("react"),require("react-dom"),require("react-dom/client"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/assertThisInitialized"),require("@babel/runtime/helpers/inheritsLoose"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("@babel/runtime/regenerator"));else if("function"==typeof define&&define.amd)define(["clientnode","clientnode/property-types","react","react-dom","react-dom/client","@babel/runtime/helpers/asyncToGenerator","@babel/runtime/helpers/extends","@babel/runtime/helpers/initializerDefineProperty","@babel/runtime/helpers/assertThisInitialized","@babel/runtime/helpers/inheritsLoose","@babel/runtime/helpers/applyDecoratedDescriptor","@babel/runtime/helpers/initializerWarningHelper","@babel/runtime/regenerator"],t);else{var r="object"==typeof exports?t(require("clientnode"),require("clientnode/property-types"),require("react"),require("react-dom"),require("react-dom/client"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/assertThisInitialized"),require("@babel/runtime/helpers/inheritsLoose"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("@babel/runtime/regenerator")):t(e.clientnode,e["clientnode/property-types"],e.react,e["react-dom"],e["react-dom/client"],e["@babel/runtime/helpers/asyncToGenerator"],e["@babel/runtime/helpers/extends"],e["@babel/runtime/helpers/initializerDefineProperty"],e["@babel/runtime/helpers/assertThisInitialized"],e["@babel/runtime/helpers/inheritsLoose"],e["@babel/runtime/helpers/applyDecoratedDescriptor"],e["@babel/runtime/helpers/initializerWarningHelper"],e["@babel/runtime/regenerator"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,((__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__11__,__WEBPACK_EXTERNAL_MODULE__12__,__WEBPACK_EXTERNAL_MODULE__13__,__WEBPACK_EXTERNAL_MODULE__8__,__WEBPACK_EXTERNAL_MODULE__2__,__WEBPACK_EXTERNAL_MODULE__3__,__WEBPACK_EXTERNAL_MODULE__9__,__WEBPACK_EXTERNAL_MODULE__7__,__WEBPACK_EXTERNAL_MODULE__4__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__10__)=>(()=>{var __webpack_modules__=[e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__0__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__1__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__2__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__3__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__4__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__5__},function(module,__unused_webpack_exports,__webpack_require__){var __dirname="/",e,t,r,n,i,s,o,a,l,p;if(module=__webpack_require__.nmd(module),null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&null!=__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window=void 0===__webpack_require__.g||null===__webpack_require__.g?{}:__webpack_require__.g;module.exports=(e=__webpack_require__(8),t=__webpack_require__(2),r=__webpack_require__(3),n=__webpack_require__(9),i=__webpack_require__(7),s=__webpack_require__(4),o=__webpack_require__(5),a=__webpack_require__(10),l=__webpack_require__(0),p=__webpack_require__(1),function(){var c=[function(e){e.exports=t},function(e){e.exports=l},function(e){e.exports=p},function(e){e.exports=i},function(e,t,r){var n=r(0),i=r.n(n),o=r(1),s=r.n(o),a=r(2);t.default=function(e){return void 0===e&&(e={}),e=i()({readAttribute:!0,type:a.string},e),function(t,r){if("string"==typeof r){var n,o=t.self||t.constructor;if(e.readAttribute){Object.prototype.hasOwnProperty.call(o,"observedAttributes")||(o.observedAttributes=o.observedAttributes?[].concat(o.observedAttributes):[]);var a=s().stringCamelCaseToDelimited(r);o.observedAttributes.includes(a)||o.observedAttributes.push(a)}e.type&&(Object.prototype.hasOwnProperty.call(o,"propertyTypes")||(o.propertyTypes=o.propertyTypes?i()({},o.propertyTypes):{}),!e.update&&Object.prototype.hasOwnProperty.call(o,r)||(o.propertyTypes[r]=e.type)),e.writeAttribute&&(Object.prototype.hasOwnProperty.call(o,"propertiesToReflectAsAttributes")||(o.propertiesToReflectAsAttributes=o.propertiesToReflectAsAttributes?s().copy(o.propertiesToReflectAsAttributes):[]),(e.update||o.propertiesToReflectAsAttributes instanceof Map&&!o.propertiesToReflectAsAttributes.has(r)||Array.isArray(o.propertiesToReflectAsAttributes)&&!o.propertiesToReflectAsAttributes.includes(r)||null!==o.propertiesToReflectAsAttributes&&"object"==typeof o.propertiesToReflectAsAttributes&&!Object.prototype.hasOwnProperty.call(o.propertiesToReflectAsAttributes,r))&&("boolean"==typeof e.writeAttribute?!0===e.writeAttribute&&o.propertyTypes&&Object.prototype.hasOwnProperty.call(o.propertyTypes,r)&&(n=o.propertyTypes[r]):n=e.writeAttribute,void 0!==n&&(Array.isArray(o.propertiesToReflectAsAttributes)&&(!0===e.writeAttribute?o.propertiesToReflectAsAttributes.push(r):o.propertiesToReflectAsAttributes=o.normalizePropertyTypeList(o.propertiesToReflectAsAttributes)),o.propertiesToReflectAsAttributes instanceof Map&&o.propertiesToReflectAsAttributes.set(r,n),null!==o.propertiesToReflectAsAttributes&&"object"==typeof o.propertiesToReflectAsAttributes&&(o.propertiesToReflectAsAttributes[r]=n)))),e.alias&&(Object.prototype.hasOwnProperty.call(o,"propertyAliases")||(o.propertyAliases=o.propertyAliases?i()({},o.propertyAliases):{}),!e.update&&Object.prototype.hasOwnProperty.call(o,r)||(o.propertyAliases[r]=e.alias))}}}},,function(t){t.exports=e},function(e){e.exports=r},function(e){e.exports=n},function(e){e.exports=s},function(e){e.exports=o},function(e){e.exports=a}],u={};function d(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return c[e](r,r.exports,d),r.exports}d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,{a:t}),t},d.d=function(e,t){for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return function(){d.r(h),d.d(h,{GenericHTMLElement:function(){return T},Web:function(){return C},api:function(){return N}});var e,t,r,n,i=d(6),o=d.n(i),s=d(0),a=d.n(s),l=d(7),p=d.n(l),c=d(8),u=d.n(c),f=d(3),_=d.n(f),b=d(9),m=d.n(b),y=(d(10),d(11)),v=d.n(y),g=d(1),A=d.n(g),P=d(2),w=d(4);function E(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return O(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?O(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var T="undefined"==typeof HTMLElement?function(){}:HTMLElement,C=(e=(0,w.default)({type:P.boolean,writeAttribute:!0}),n=function(e){function t(){var n;return(n=e.call(this)||this).batchAttributeUpdates=!0,n.batchPropertyUpdates=!0,n.batchUpdates=!0,n.batchedAttributeUpdateRunning=!0,n.batchedPropertyUpdateRunning=!0,n.batchedUpdateRunning=!0,n.parent=null,n.rootInstance=null,n.scope={Tools:A()},n.domNodeEventBindings=new Map,n.domNodeTemplateCache=new Map,n.externalProperties={},n.ignoreAttributeUpdateObservations=!1,n.internalProperties={},n.outputEventNames=new Set,n.instance=null,p()(n,"isRoot",r,u()(n)),n.root=void 0,n.runDomConnectionAndRenderingInSameEventQueue=!1,n.self=t,n.slots={},n.self=n.constructor,n.self._propertiesToReflectAsAttributes||(n.self._propertiesToReflectAsAttributes=n.self.normalizePropertyTypeList(n.self.propertiesToReflectAsAttributes)),n.generateAliasIndex(),n.root=u()(n),n.defineGetterAndSetterInterface(),n}_()(t,e);var n=t.prototype;return n.attributeChangedCallback=function(e,t,r){this.ignoreAttributeUpdateObservations||t===r||this.updateAttribute(e,r)},n.updateAttribute=function(e,t){var r=this;this.evaluateStringOrNullAndSetAsProperty(e,t),this.batchAttributeUpdates?this.batchedAttributeUpdateRunning||this.batchedUpdateRunning||(this.batchedAttributeUpdateRunning=!0,this.batchedUpdateRunning=!0,A().timeout((function(){r.batchedAttributeUpdateRunning=!1,r.batchedUpdateRunning=!1,r.render("attributeChanged")}))):this.render("attributeChanged")},n.connectedCallback=function(){var e=this;try{this.isConnected=!0}catch(e){}this.parent=this,this.rootInstance=this,this.attachEventHandler(),this.self.determineRootBinding&&this.determineRootBinding(),this.self.applyRootBinding&&this.isRoot&&(this.determineRenderScope(),this.applyBinding(this,this.scope)),this.batchedAttributeUpdateRunning=!1,this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.grabGivenSlots(),this.reflectExternalProperties(this.externalProperties),this.runDomConnectionAndRenderingInSameEventQueue?this.render("connected"):A().timeout((function(){return e.render("connected")}))},n.disconnectedCallback=function(){try{this.isConnected=!1}catch(e){}for(var e,t=E(this.domNodeEventBindings.values());!(e=t()).done;)for(var r,n=E(e.value.values());!(r=n()).done;)(0,r.value)();this.slots={}},n.defineGetterAndSetterInterface=function(){for(var e,t=this,r=function(){var r=e.value;Object.prototype.hasOwnProperty.call(t,r)&&t.setPropertyValue(r,t[r]),Object.defineProperty(t,r,{configurable:!0,get:function(){return t.getPropertyValue(r)},set:function(e){t.setPropertyValue(r,e),t.triggerPropertySpecificRendering(r,e)}})},n=E(A().arrayUnique(Object.keys(this.self.propertyTypes).concat(Object.keys(this.self._propertyAliasIndex))));!(e=n()).done;)r()},n.getPropertyAlias=function(e){return Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,e)?this.self._propertyAliasIndex[e]:null},n.getPropertyValue=function(e){var r,n,i,o,s=null!=(r=this.instance)&&null!=(n=r.current)&&n.properties&&(Object.prototype.hasOwnProperty.call(!t.propertyTypes,e)||Object.prototype.hasOwnProperty.call(this.instance.current.properties,e))?this.instance.current.properties[e]:this.externalProperties[e];return null!=(i=this.instance)&&null!=(o=i.current)&&o.state&&Object.prototype.hasOwnProperty.call(this.instance.current.state,e)?this.instance.current.state[e]:s},n.setExternalPropertyValue=function(e,t){this.externalProperties[e]=t;var r=this.getPropertyAlias(e);r&&(this.externalProperties[r]=t)},n.setInternalPropertyValue=function(e,t){this.internalProperties[e]=t;var r=this.getPropertyAlias(e);r&&(this.internalProperties[r]=t)},n.setPropertyValue=function(e,t){var r;this.reflectProperties(((r={})[e]=t,r)),this.setInternalPropertyValue(e,t)},n.triggerPropertySpecificRendering=function(e,t){var r=this;if(this.batchPropertyUpdates)this.batchedPropertyUpdateRunning||this.batchedUpdateRunning||(this.batchedPropertyUpdateRunning=!0,this.batchedUpdateRunning=!0,A().timeout((function(){void 0!==t&&r.isStateProperty(e)?(r.render("preStatePropertyChanged"),A().timeout((function(){r.setInternalPropertyValue(e,void 0),r.batchedPropertyUpdateRunning=!1,r.batchedUpdateRunning=!1,r.render("postStatePropertyChanged"),r.triggerOutputEvents()})).then(A().noop,A().noop)):(r.batchedPropertyUpdateRunning=!1,r.batchedUpdateRunning=!1,r.render("propertyChanged"),r.triggerOutputEvents())})));else{var n=this.isStateProperty(e);this.render(n?"preStatePropertyChanged":"propertyChanged"),void 0!==t&&n&&(this.setInternalPropertyValue(e,void 0),this.render("postStatePropertyChanged")),this.triggerOutputEvents()}},n.applyBinding=function(e,t){var r=this;if(e.getAttributeNames)for(var n,i=function(){var i=n.value,o="";if(i.startsWith("data-bind-")?o=i.substring("data-bind-".length):i.startsWith("bind-")&&(o=i.substring("bind-".length)),o){var s=e.getAttribute(i);if(null===s)return"continue";if(o.startsWith("attribute-")||o.startsWith("property-")){var l=A().stringEvaluate(s,t,!1,e);if(l.error)return console.warn('Error occurred during processing given attribute binding "'+i+'" on node:',e,l.error),"continue";o.startsWith("attribute-")?e.setAttribute(o.substring("attribute-".length),l.result):e[A().stringDelimitedToCamelCase(o.substring("property-".length))]=l.result}else if(o.startsWith("on-")){r.domNodeEventBindings.has(e)||r.domNodeEventBindings.set(e,new Map);var p=r.domNodeEventBindings.get(e);o=A().stringDelimitedToCamelCase(o.substring("on-".length)),p.has(o)&&p.get(o)(),t=a()({event:void 0,parameters:void 0},t);var c=A().stringCompile(s,t,!0);if(c.error)console.warn('Error occurred during compiling given event binding "'+i+'" on node:',e,c.error);else{var u=c.templateFunction.bind(e),d=function(){for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];t.event=n[0],t.parameters=n;try{u.apply(void 0,c.originalScopeNames.map((function(e){return t[e]})))}catch(t){console.warn('Error occurred during processing given event binding "'+i+'" on node:',e,'Given expression "'+s+'" could not be evaluated with given scope names "'+c.scopeNames.join('", "')+'": '+A().represent(t))}};e.addEventListener(o,d),p.set(o,(function(){e.removeEventListener(o,d),p.delete(o),0===p.size&&r.domNodeEventBindings.delete(e)}))}}}},o=E(e.getAttributeNames());!(n=o()).done;)i()},n.applyBindings=function(e,t,r){for(void 0===r&&(r=!0);e;){var n;null==(n=e.attributes)||!n.length||!r&&e.getAttribute("slot")||this.applyBinding(e,t),e.nodeName.toLowerCase().includes("-")||this.applyBindings(e.firstChild,t),e=e.nextSibling}},n.compileDomNodeTemplate=function(e,t,r){var n;if(void 0===t&&(t=[]),void 0===r&&(r={}),(r=a()({ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe},r)).ignoreComponents&&null!=(n=e.nodeName)&&n.toLowerCase().includes("-"))return r.map;if(r.unsafe){var i=e.innerHTML;if(!i&&e.template&&(i=e.template),this.self.hasCode(i)){var o=A().stringCompile("`"+i+"`",t);r.map.set(e,{children:[],error:o.error,scopeNames:o.scopeNames,template:i,templateFunction:o.templateFunction})}}else{var s,l=e.nodeName.toLowerCase();if(["a","#text"].includes(l)){var p="a"===l?e.getAttribute("href"):e.textContent;this.self.hasCode(p)&&(s=p.replace(/ /g," ").trim())}var c=[];if(s){var u=A().stringCompile("`"+s+"`",t);r.map.set(e,{children:c,error:u.error,scopeNames:u.scopeNames,template:s,templateFunction:u.templateFunction})}for(var d=e.firstChild;d;)r.filter&&!r.filter(d)||c.push(this.compileDomNodeTemplate(d,t,a()({},r,{ignoreComponents:r.ignoreNestedComponents}))),d=d.nextSibling}return r.map},n.evaluateDomNodeTemplate=function(e,t,r){var n;if(void 0===t&&(t={}),void 0===r&&(r={}),(r=a()({applyBindings:!0,ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe},r)).map.has(e)||this.compileDomNodeTemplate(e,t,r),r.map.has(e)){var i=r.map.get(e),o=i.error,s=i.scopeNames,l=i.templateFunction;if(o)console.warn("Error occurred during compiling node content: "+o);else{var p=null;try{p=l.apply(void 0,s.map((function(e){return t[e]})))}catch(o){console.warn('Error occurred when "'+this.self._name+'" is running "'+l+'": with bound names "'+s.join('", "')+'": "'+o+'". Rendering node:',e)}null!==p&&(r.unsafe?e.innerHTML=p:"a"===e.nodeName.toLowerCase()?e.setAttribute("href",p):e.textContent=p)}}if(!(r.unsafe||r.ignoreComponents&&null!=(n=e.nodeName)&&n.toLowerCase().includes("-")))for(var c=e.firstChild;c;)r.filter&&!r.filter(c)||this.evaluateDomNodeTemplate(c,t,a()({},r,{applyBindings:!1,ignoreComponents:r.ignoreNestedComponents})),c=c.nextSibling;return r.applyBindings&&this.applyBindings(e,t),r.map},t.replaceDomNodes=function(e,r){for(var n,i=E([].concat(r).reverse());!(n=i()).done;){var o,s=n.value;t.trimSlots&&s.nodeType===Node.TEXT_NODE&&""===(null==(o=s.nodeValue)?void 0:o.trim())||e.after(s)}e.remove()},t.unwrapDomNode=function(e){for(var t=e.parentNode,r=[];e.firstChild;)r.push(e.firstChild),t.insertBefore(e.firstChild,e);return t.removeChild(e),r},n.determineRootBinding=function(){for(var e=this.parentNode;e;){var r;(e instanceof t||null!=(r=e.nodeName)&&r.includes("-")||null===e.parentNode&&"[object ShadowRoot]"===e.toString())&&(this.rootInstance===this?(this.parent=e,this.rootInstance=e,this.setPropertyValue("isRoot",!1)):this.rootInstance=e),e=e.parentNode}},t.hasCode=function(e){return"string"==typeof e&&e.includes("${")&&e.includes("}")&&/\${[\s\S]+}/.test(e)},t.normalizePropertyTypeList=function(e){if("string"==typeof e&&(e=[e]),Array.isArray(e)){for(var r,n=e,i=new Map,o=E(n);!(r=o()).done;){var s=r.value;Object.prototype.hasOwnProperty.call(t.propertyTypes,s)&&i.set(s,t.propertyTypes[s])}return i}return A().convertPlainObjectToMap(e)},n.attachEventHandler=function(){if(null!==this.self.eventToPropertyMapping){var e=this.attachExplicitDefinedOutputEventHandler();this.attachImplicitDefinedOutputEventHandler(!e)}},n.attachExplicitDefinedOutputEventHandler=function(){for(var e=this,t=!1,r=function(){var r=i[n];Object.prototype.hasOwnProperty.call(e.internalProperties,r)||(t=!0,e.outputEventNames.add(r),e.setInternalPropertyValue(r,o()(v().mark((function t(){var n,i,o,s,a=arguments;return v().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:for(n=a.length,i=new Array(n),o=0;o<n;o++)i[o]=a[o];return t.next=3,e.reflectEventToProperties(r,i);case 3:(s=t.sent)&&(i[0]=s),e.forwardEvent(r,i);case 6:case"end":return t.stop()}}),t)})))))},n=0,i=Object.keys(this.self.eventToPropertyMapping);n<i.length;n++)r();return t},n.attachImplicitDefinedOutputEventHandler=function(e){var t=this;void 0===e&&(e=!0);for(var r=function(){var r=i[n],o=r[0],s=r[1];Object.prototype.hasOwnProperty.call(t.internalProperties,o)||![P.func,"function"].includes(s)||t.self.renderProperties.includes(o)||(t.outputEventNames.add(o),t.setInternalPropertyValue(o,(function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];e&&t.reflectEventToProperties(o,n),t.forwardEvent(o,n)})))},n=0,i=Object.entries(this.self.propertyTypes);n<i.length;n++)r()},n.triggerOutputEvents=function(){for(var e,t=E(this.outputEventNames);!(e=t()).done;){var r=e.value;this.forwardEvent(r,[this.externalProperties])}},n.forwardEvent=function(e,t){return e.length>"onX".length&&e.startsWith("on")&&(e=A().stringLowerCase(e.substring(2))),this.dispatchEvent(new CustomEvent(e,{detail:{parameters:t}}))},n.applySlots=function(e,t){for(var r=this,n=0,i=Array.from(e.querySelectorAll("slot"));n<i.length;n++){var o=i[n],s=o.getAttribute("name");if(null===s||"default"===s)if(this.slots.default){if(this.self.renderSlots){if(this.self.evaluateSlots)for(var a,l=E(this.slots.default);!(a=l()).done;){var p=a.value;this.evaluateDomNodeTemplate(p,t)}this.self.replaceDomNodes(o,this.slots.default)}}else this.slots.default=this.self.unwrapDomNode(o).map((function(e){return r.grabSlotContent(e)}));else Object.prototype.hasOwnProperty.call(this.slots,s)?this.self.renderSlots&&(this.self.evaluateSlots&&this.evaluateDomNodeTemplate(this.slots[s],t),this.self.replaceDomNodes(o,this.slots[s])):this.slots[s]=this.grabSlotContent(this.self.unwrapDomNode(o).filter((function(e){return"#text"!==e.nodeName.toLowerCase()}))[0])}},n.grabSlotContent=function(e){var t;if("textarea"===(null==(t=e.firstElementChild)?void 0:t.nodeName.toLowerCase())&&(!e.firstElementChild.hasAttribute("data-no-template")||"false"===e.firstElementChild.getAttribute("data-no-template"))){var r,n,i=e.firstElementChild.value;null==(r=e.classList)||r.remove("web-component-template");var o=e.cloneNode();return null==(n=e.classList)||n.add("web-component-template"),o.innerHTML="",o.template=i,o}return this.self.cloneSlots?e.cloneNode(!0):e},n.grabGivenSlots=function(){var e=this;this.slots={};for(var t=0,r=Array.from(this.querySelectorAll("[slot]"));t<r.length;t++){for(var n=r[t],i=n.parentNode,o=!0;i;){if(i.nodeName.includes("-")){i===this&&(o=!1);break}i=i.parentNode}o||(this.slots[n.getAttribute&&n.getAttribute("slot")&&n.getAttribute("slot").trim()?n.getAttribute("slot").trim():n.nodeName.toLowerCase()]=this.grabSlotContent(n))}this.slots.default?this.slots.default=[this.slots.default]:this.childNodes.length>0?this.slots.default=Array.from(this.childNodes).map((function(t){return e.grabSlotContent(t)})):this.slots.default=[]},n.isStateProperty=function(e){var t,r,n,i;return Boolean((null==(t=this.instance)||null==(r=t.current)?void 0:r.state)&&(Object.prototype.hasOwnProperty.call(null==(n=this.instance)||null==(i=n.current)?void 0:i.state,e)||this.instance.current.state.modelState&&Object.prototype.hasOwnProperty.call(this.instance.current.state.modelState,e)))},n.generateAliasIndex=function(){if(!this.self._propertyAliasIndex){this.self._propertyAliasIndex=a()({},this.self.propertyAliases);for(var e=0,t=Object.entries(this.self._propertyAliasIndex);e<t.length;e++){var r=t[e],n=r[0],i=r[1];Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,i)||(this.self._propertyAliasIndex[i]=n)}}},n.reflectExternalProperties=function(e){this.ignoreAttributeUpdateObservations=!0;for(var t=0,r=Object.entries(e);t<r.length;t++){var n=r[t],i=n[0],o=n[1];if(this.setExternalPropertyValue(i,o),this.isConnected){var s=A().stringCamelCaseToDelimited(i);if(this.self._propertiesToReflectAsAttributes.has(i))switch(this.self._propertiesToReflectAsAttributes.get(i)){case P.boolean:case"boolean":o?""!==this.getAttribute(s)&&this.setAttribute(s,""):this.hasAttribute(s)&&this.removeAttribute(s);break;case P.func:case"function":break;case"json":if(o){var a=JSON.stringify(o);if(a&&this.getAttribute(s)!==a){this.setAttribute(s,a);break}}this.hasAttribute(s)&&this.removeAttribute(s);break;case P.number:case"number":if("number"!=typeof o||isNaN(o))this.hasAttribute(s)&&this.removeAttribute(s);else{var l=""+o;this.getAttribute(s)!==l&&this.setAttribute(s,l)}break;case P.string:case"string":o?this.getAttribute(s)!==o&&this.setAttribute(s,o):this.hasAttribute(s)&&this.removeAttribute(s);break;case P.any:case P.array:case P.arrayOf:case P.element:case P.elementType:case P.instanceOf:case P.node:case P.object:case"object":case P.objectOf:case P.shape:case P.exact:case P.symbol:default:if(o){var p=A().represent(o);if(p&&this.getAttribute(s)!==p){this.setAttribute(s,p);break}}this.hasAttribute(s)&&this.removeAttribute(s)}}}this.ignoreAttributeUpdateObservations=!1},n.reflectProperties=function(e){var t,r,n,i;if(this.reflectExternalProperties(e),null!=(t=this.instance)&&null!=(r=t.current)&&r.state&&"object"==typeof this.instance.current.state)for(var o,s=E(Object.keys(this.instance.current.state).concat(this.instance.current.state.modelState?Object.keys(this.instance.current.state.modelState):[]));!(o=s()).done;){var a=o.value;Object.prototype.hasOwnProperty.call(this.internalProperties,a)&&this.setInternalPropertyValue(a,void 0)}null!=(n=this.internalProperties.model)&&n.state&&(null==(i=this.internalProperties.model)||delete i.state,this.setInternalPropertyValue("model",this.internalProperties.model));for(var l,p=E(this.self.controllableProperties);!(l=p()).done;){var c=l.value;Object.prototype.hasOwnProperty.call(e,c)&&this.setInternalPropertyValue(c,e[c])}},n.triggerRender=function(e){var t=this;this.batchUpdates?this.batchedUpdateRunning||(this.batchedUpdateRunning=!0,A().timeout((function(){t.batchedUpdateRunning=!1,t.render(e)}))):this.render(e)},n.reflectEventToProperties=function(){var e=o()(v().mark((function e(t,r){var n,i,o,s,l,p,c,u,d,h,f,_,b,m,y,g;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=this.batchUpdates,this.batchUpdates=!1,i=null,o=!1,!(this.self.eventToPropertyMapping&&Object.prototype.hasOwnProperty.call(this.self.eventToPropertyMapping,t)&&A().isFunction(this.self.eventToPropertyMapping[t]))){e.next=16;break}if(!((l=(s=this.self.eventToPropertyMapping)[t].apply(s,r.concat([this])))&&"then"in l&&A().isFunction(l.then))){e.next=12;break}return e.next=9,l;case 9:e.t0=e.sent,e.next=13;break;case 12:e.t0=l;case 13:p=e.t0,o=!0,Array.isArray(p)?(i=p[0],this.reflectProperties(i),A().extend(!0,this.internalProperties,p[1])):null===p?o=!1:"object"==typeof p&&(i=p,this.reflectProperties(p));case 16:if(!o&&r.length>0&&null!==r[0]&&"object"==typeof r[0]){if(u=r[0],"persist"in r[0]&&A().isFunction(r[0].persist))for(u={},d=0,h=Object.keys(this.self.propertyTypes);d<h.length;d++)for(f=h[d],_=E([f].concat(null!==(m=this.getPropertyAlias(f))&&void 0!==m?m:[]));!(b=_()).done;)y=b.value,(g=r[0].currentTarget&&Object.prototype.hasOwnProperty.call(r[0].currentTarget,y)?r[0].currentTarget[y]:this.getPropertyValue(y))!==this.externalProperties[y]&&(u[y]=g);else[null,void 0].includes(null==(c=u.detail)?void 0:c.value)||(u=a()({},u.detail));i=u,this.reflectProperties(u)}return this.triggerRender("propertyReflected"),this.batchUpdates=n,e.abrupt("return",i);case 20:case"end":return e.stop()}}),e,this)})));return function(t,r){return e.apply(this,arguments)}}(),n.evaluateStringOrNullAndSetAsProperty=function(e,t){var r=this,n=e.startsWith("-"),i=n?e.substring(1):e,o=A().stringDelimitedToCamelCase(i),s=this.getPropertyAlias(o);if(s&&Object.prototype.hasOwnProperty.call(this.self.propertyTypes,s)&&(o=s),Object.prototype.hasOwnProperty.call(this.self.propertyTypes,o)){var a=this.self.propertyTypes[o];if(n){if(t){var l=A().stringEvaluate(t,{Tools:A()},!1,this);l.error?(console.warn('Faild to process pre-evaluation attribute "'+e+'": '+l.error+'. Will be set to "undefined".'),this.setInternalPropertyValue(o,void 0)):(this.setInternalPropertyValue(o,l.result),this.setExternalPropertyValue(o,l.result))}}else switch(a){case P.boolean:case"boolean":var p=![null,"false"].includes(t);this.setInternalPropertyValue(o,p),this.setExternalPropertyValue(o,p);break;case P.func:case"function":var c,u=null,d=["data","event","firstArgument","firstParameter","options","scope","parameters","Tools"];if(t){var h=A().stringCompile(t,d);u=h.error,c=h.templateFunction,u&&console.warn('Failed to compile given handler "'+e+'": '+u+".")}this.setInternalPropertyValue(o,(function(){for(var n=arguments.length,i=new Array(n),s=0;s<n;s++)i[s]=arguments[s];r.outputEventNames.has(o)&&r.reflectEventToProperties(o,i);var a=void 0;if(!u)try{a=c.call(r,i[0],i[0],i[0],i[0],i[0],i[0],i,A())}catch(r){console.warn('Failed to evaluate function "'+e+'" with expression "'+t+'" and scope variables "'+d.join('", "')+'" set to "'+A().represent(i)+'": '+r+'. Set property to "undedefined".')}return r.self.renderProperties.includes(o)||r.forwardEvent(o,i),a})),u||this.setExternalPropertyValue(o,c);break;case"json":if(t){var f;try{f=JSON.parse(t)}catch(u){console.warn('Error occurred during parsing given json attribute "'+e+'": '+A().represent(u));break}this.setInternalPropertyValue(o,f),this.setExternalPropertyValue(o,A().copy(f,1))}else this.setInternalPropertyValue(o,null),this.setExternalPropertyValue(o,null);break;case P.number:case"number":if(null===t){this.setInternalPropertyValue(o,t),this.setExternalPropertyValue(o,t);break}var _=parseFloat(t);isNaN(_)&&(_=void 0),this.setInternalPropertyValue(o,_),this.setExternalPropertyValue(o,_);break;case P.string:case"string":this.setInternalPropertyValue(o,t),this.setExternalPropertyValue(o,t);break;case P.any:case P.array:case P.arrayOf:case P.element:case P.elementType:case P.instanceOf:case P.node:case P.object:case"object":case P.objectOf:case P.oneOf:case P.oneOfType:case P.shape:case P.exact:case P.symbol:default:if(t){var b=A().stringEvaluate(t,{},!1,this);if(b.error){console.warn('Error occurred during processing given attribute configuration "'+e+'":',b.error);break}this.setInternalPropertyValue(o,b.result),this.setExternalPropertyValue(o,A().copy(b.result,1))}else this.hasAttribute(e)?(this.setInternalPropertyValue(o,!0),this.setExternalPropertyValue(o,!0)):(this.setInternalPropertyValue(o,null),this.setExternalPropertyValue(o,null))}}},n.determineRenderScope=function(e){var t,r;void 0===e&&(e={}),this.scope=a()({},(null==(t=this.parent)?void 0:t.scope)||{},this.scope,this.internalProperties,((r={parent:this.parent,root:this.rootInstance,self:this})[A().stringLowerCase(this.self._name)||"instance"]=this,r),e),this.scope.scope=this.scope},n.applyShadowRootIfNotExisting=function(){this.self.shadowDOM&&this.root===this&&(this.root=(!("attachShadow"in this)&&"ShadyDOM"in window?window.ShadyDOM.wrap(this):this).attachShadow(null!==this.self.shadowDOM&&"object"==typeof this.self.shadowDOM?this.self.shadowDOM:{mode:"open"}))},n.render=function(e){if(void 0===e&&(e="unknown"),this.determineRenderScope(),this.dispatchEvent(new CustomEvent("render",{detail:{reason:e,scope:this.scope}}))){var t=A().stringEvaluate("`"+this.self.content+"`",this.scope);if(t.error)console.warn("Faild to process template: "+t.error);else{this.applyShadowRootIfNotExisting();var r=document.createElement("div");r.innerHTML=t.result,this.applySlots(r,a()({},this.scope,{parent:this})),this.root.innerHTML=r.innerHTML,this.applyBindings(this.root.firstChild,this.scope,this.self.renderSlots)}}},t}(T),n.applyRootBinding=!0,n.content="<slot>Please provide a template to transclude.</slot>",n.determineRootBinding=!0,n.shadowDOM=null,n.observedAttributes=[],n.controllableProperties=[],n.eventToPropertyMapping={},n.propertyAliases={},n.propertyTypes={onClick:P.func},n.propertiesToReflectAsAttributes=[],n.renderProperties=["children"],n.cloneSlots=!1,n.evaluateSlots=!1,n.renderSlots=!0,n.trimSlots=!0,n.renderUnsafe=!1,n._name="BaseWeb",n._propertyAliasIndex=void 0,n._propertiesToReflectAsAttributes=void 0,t=n,r=m()(t.prototype,"isRoot",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!0}}),t),N={component:C,register:function(e){return void 0===e&&(e=A().stringCamelCaseToDelimited(C._name)),customElements.define(e,C)}};h.default=C}(),h}())},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__7__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__8__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__9__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__10__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__11__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__12__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__13__}],__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={id:e,loaded:!1,exports:{}};return __webpack_modules__[e].call(r.exports,r,r.exports,__webpack_require__),r.loaded=!0,r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.nmd=e=>(e.paths=[],e.children||(e.children=[]),e);var __webpack_exports__={};return(()=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ReactWeb:()=>p,api:()=>c,default:()=>u});var e=__webpack_require__(0),t=__webpack_require__.n(e),r=__webpack_require__(1),n=__webpack_require__(11),i=__webpack_require__.n(n),o=__webpack_require__(12),s=__webpack_require__(13),a=__webpack_require__(6),l=__webpack_require__.n(a);class p extends(l()){constructor(){super(...arguments),this.compiledSlots={},this.preparedSlots={},this.reactRoot=null,this.rootReactInstance=null,this.self=p,this.wrapMemorizingWrapper=null,this.isWrapped=!1,this.reflectInstanceProperties=()=>{this.instance?.current&&this.instance.current.properties&&this.reflectProperties(this.instance.current.properties)}}connectedCallback(){this.applyComponentWrapper(),this.rootReactInstance=this,super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}reflectExternalProperties(e){this.isRoot&&super.reflectExternalProperties(e)}render(e){if(void 0===e&&(e="unknown"),this.rootReactInstance===this&&this.dispatchEvent(new CustomEvent("render",{detail:{reason:e,scope:this.scope}}))){if(this.determineRenderScope(),0===Object.keys(this.compiledSlots).length&&this.preCompileSlots(),this.evaluateSlots({...this.scope,parent:this}),this.prepareProperties(this.internalProperties),this.applyShadowRootIfNotExisting(),this.root!==this){let e=this.firstChild;for(;e;){const t=e.nextSibling;this.removeChild(e),e=t}}this.reactRoot||(this.reactRoot=(0,s.createRoot)(this.root,{identifierPrefix:String(this.id||this.internalProperties.id||this.externalProperties.id||this.name||this.internalProperties.name||this.externalProperties.name)})),(0,o.flushSync)((()=>this.reactRoot.render((0,n.createElement)(this.self.content,this.internalProperties)))),this.instance?.current?this.reflectInstanceProperties():t().timeout(this.reflectInstanceProperties)}}setPropertyValue(e,r){this.reflectProperties({[e]:t().copy(r,1)}),this.setInternalPropertyValue(e,t().copy(r,1))}setInternalPropertyValue(e,t){null===t?t=r.NullSymbol:void 0===t&&(t=r.UndefinedSymbol),super.setInternalPropertyValue(e,t)}preCompileDomNodes(e,t,r){if(void 0===t&&(t={}),void 0===r&&(r=!1),1===(e=e.filter((e=>e.nodeType!==Node.TEXT_NODE||"string"==typeof e.nodeValue&&""!==e.nodeValue.trim()))).length)return this.preCompileDomNode(e[0],t,r);let i=1;const o=[];for(const n of e){const e=this.preCompileDomNode(n,t,r,i.toString());e&&(o.push(e),i+=1)}return r?e=>function(){const t=[];for(const r of o){const n=r(e);"function"==typeof n&&t.push(n(...arguments))}return(0,n.createElement)(n.Fragment,{children:t})}:o}preCompileDomNode(e,r,i,o){if(void 0===r&&(r={}),void 0===i&&(i=!1),i){const t=this.preCompileDomNode(e,{...r,data:void 0,firstArgument:void 0,firstParameter:void 0,options:void 0,scope:void 0,parameters:void 0},!1,o);return e=>function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];const o=n.length>0?n[0]:null;return t({...e,data:o,firstArgument:o,firstParameter:o,options:o,scope:o,parameters:n})}}if(e.nodeType===Node.TEXT_NODE){const t="string"==typeof e.nodeValue?e.nodeValue.trim():"",r=o&&t?(0,n.createElement)(n.Fragment,{children:t,key:o}):t||null;return()=>r}if(!e.getAttributeNames)return()=>null;let s,a;const l=this.self.isReactComponent(e);l?(e.determineRenderScope(),0===Object.keys(this.compiledSlots).length&&e.preCompileSlots(),s=e.internalProperties,o&&!Object.prototype.hasOwnProperty.call(s,"key")&&(s.key=o),a=e.constructor.content):(s={key:o},a=e.tagName.toLowerCase());let p=Object.keys(r);const c={};for(const n of e.getAttributeNames()){let i=e.getAttribute(n);if(null===i)continue;let o=!1,a="";if(n.startsWith("data-bind-")?a=n.substring("data-bind-".length):n.startsWith("bind-")&&(a=n.substring("bind-".length)),a.startsWith("attribute-")||"attributes"===a||a.startsWith("property-")||"properties"===a){const{error:r,originalScopeNames:s,templateFunction:l}=t().stringCompile(i,p);if(r){console.warn(`Error occurred during compiling given attribute binding "${n}" on node:`,e,r);continue}"attributes"===a||"properties"===a?o=!0:a=a.startsWith("attribute-")?a.substring("attribute-".length):a.substring("property-".length),i={originalScopeNames:s,templateFunction:l.bind(this)}}else if(a.startsWith("on-")){a=t().stringDelimitedToCamelCase(a),Object.prototype.hasOwnProperty.call(r,"event")||(p=[...p,"event"]),Object.prototype.hasOwnProperty.call(r,"parameters")||(p=[...p,"parameters"]);const{error:o,originalScopeNames:s,scopeNames:l,templateFunction:c}=t().stringCompile(i,p,!0);if(o){console.warn(`Error occurred during compiling given event binding "${n}" on node:`,e,o);continue}const u=c.bind(this);i=function(){for(var o=arguments.length,a=new Array(o),p=0;p<o;p++)a[p]=arguments[p];r.event=a[0],r.parameters=a;try{u(...s.map((e=>r[e])))}catch(r){console.warn(`Error occurred during processing given event binding "${n}" on node: `,e,`Given expression "${i}" could not be evaluated with given scope names "${l.join('", "')}": `+t().represent(r))}}}else a=n;const l={class:"className",for:"htmlFor"};Object.prototype.hasOwnProperty.call(l,a)&&(a=l[a]),a=t().stringDelimitedToCamelCase(a),i?.originalScopeNames?c[o?"":a]=i:s[a]=i}if(!l){const t=Array.from(e.childNodes);t.length&&(s.children=this.preCompileDomNodes(t,r))}return t=>{(t={...r,...t}).scope=t;let i={...s};for(const[e,{originalScopeNames:r,templateFunction:n}]of Object.entries(c)){const o=n(...r.map((e=>t[e])));""===e?i={...i,...o}:i[e]=o}return Object.prototype.hasOwnProperty.call(i,"innerHTML")&&(i.dangerouslySetInnerHTML={__html:i.innerHTML},delete i.children,delete i.innerHTML),Object.prototype.hasOwnProperty.call(i,"textContent")?(i.children=i.textContent,delete i.textContent):l?(e.evaluateSlots({...i,...t,parent:e}),e.prepareProperties(i),t={...i,...t,parent:e}):i.children&&(i.children=this.evaluatePreCompiledDomNodes(i.children,t)),(0,n.createElement)(a,i)}}evaluatePreCompiledDomNodes(e,t){if(void 0===t&&(t={}),!Array.isArray(e))return e(t);if(1===e.length)return e[0](t);const r=[];for(const n of e){const e=n(t);e&&r.push(e)}return r}preCompileSlots(){for(const e in this.slots)Object.prototype.hasOwnProperty.call(this.slots,e)&&"default"!==e&&(this.compiledSlots[e]=this.preCompileDomNode(this.slots[e],{...this.scope,parent:this},[r.func,"function"].includes(this.self.propertyTypes&&this.self.propertyTypes[e])));this.slots.default&&this.slots.default.length>0&&(this.compiledSlots.children=this.preCompileDomNodes(this.slots.default,{...this.scope,parent:this},[r.func,"function"].includes(this.self.propertyTypes?.children)))}evaluateSlots(e){this.preparedSlots={};for(const t in this.compiledSlots)Object.prototype.hasOwnProperty.call(this.compiledSlots,t)&&("children"===t?this.preparedSlots.children=this.evaluatePreCompiledDomNodes(this.compiledSlots[t],e):this.preparedSlots[t]=this.compiledSlots[t](e))}static isReactComponent(e){const t=e.constructor;return"object"==typeof t.content&&(!1===t.attachWebComponentAdapterIfNotExists||"react"===t.content.webComponentAdapterWrapped)}determineRootBinding(){super.determineRootBinding();let e=this.parentNode;for(;e;){if(this.self.isReactComponent(e)){this.rootReactInstance=e;break}e=e.parentNode}}applyComponentWrapper(){if("string"==typeof this.self.content||this.isWrapped)return;this.isWrapped=!0;const e=this.self.content.wrapped||this.self.content;this.self.content.webComponentAdapterWrapped?this.wrapMemorizingWrapper&&(this.self.content=(0,n.memo)(this.self.content),this.self.content.wrapped=e):this.self.attachWebComponentAdapterIfNotExists?(this.self.content.displayName||(this.self.content.displayName=this.self._name),this.self.content=(0,n.forwardRef)(((t,r)=>((0,n.useImperativeHandle)(r,(()=>({properties:t}))),(0,n.createElement)(e,t)))),(this.wrapMemorizingWrapper||null===this.wrapMemorizingWrapper)&&(this.self.content=(0,n.memo)(this.self.content)),this.self.content.wrapped=e,this.self.content.webComponentAdapterWrapped="react"):this.wrapMemorizingWrapper&&(this.self.content=(0,n.memo)(this.self.content),this.self.content.wrapped=e)}prepareProperties(e){t().extend(e,this.preparedSlots),this.self.removeKnownUnwantedPropertyKeys(this.self,e),e.ref||(this.instance=(0,n.createRef)(),e.ref=this.instance)}static removeKnownUnwantedPropertyKeys(e,t){if("string"!=typeof e.content)for(const r of["isRoot","isTrusted","__composed"])Object.prototype.hasOwnProperty.call(t,r)&&(Object.prototype.hasOwnProperty.call(e.content,"propTypes")&&!Object.prototype.hasOwnProperty.call(e.content.propTypes,r)||Object.prototype.hasOwnProperty.call(e.content,"wrapped")&&Object.prototype.hasOwnProperty.call(e.content.wrapped,"propTypes")&&!Object.prototype.hasOwnProperty.call(e.content.wrapped.propTypes,r))&&delete t[r]}}p.attachWebComponentAdapterIfNotExists=!0,p.content="div",p.react=i(),p._name="ReactWebComponent";const c={component:p,register:function(e){return void 0===e&&(e=t().stringCamelCaseToDelimited(p._name)),customElements.define(e,p)}},u=p})(),__webpack_exports__})()));
|
package/WebNext.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("@babel/runtime/helpers/extends"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/initializerDefineProperty","@babel/runtime/helpers/applyDecoratedDescriptor","@babel/runtime/helpers/initializerWarningHelper","clientnode","clientnode/property-types","@babel/runtime/helpers/extends"],t);else{var r="object"==typeof exports?t(require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("@babel/runtime/helpers/extends")):t(e["@babel/runtime/helpers/initializerDefineProperty"],e["@babel/runtime/helpers/applyDecoratedDescriptor"],e["@babel/runtime/helpers/initializerWarningHelper"],e.clientnode,e["clientnode/property-types"],e["@babel/runtime/helpers/extends"]);for(var s in r)("object"==typeof exports?exports:e)[s]=r[s]}}(this,((__WEBPACK_EXTERNAL_MODULE__3__,__WEBPACK_EXTERNAL_MODULE__4__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__)=>(()=>{var __webpack_modules__=[e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__0__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__1__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__2__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__3__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__4__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__5__},,,,,,,,,function(module,__unused_webpack_exports,__webpack_require__){var __dirname="/",e,t,r;if(module=__webpack_require__.nmd(module),null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&null!=__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window=void 0===__webpack_require__.g||null===__webpack_require__.g?{}:__webpack_require__.g;module.exports=(e=__webpack_require__(2),t=__webpack_require__(0),r=__webpack_require__(1),function(){var s=[function(t){t.exports=e},function(e){e.exports=t},function(e){e.exports=r}],i={};function n(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return s[e](r,r.exports,n),r.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(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=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){n.r(o),n.d(o,{property:function(){return a}});var e=n(0),t=n.n(e),r=n(1),s=n.n(r),i=n(2);function a(e){return void 0===e&&(e={}),e=t()({readAttribute:!0,type:i.string},e),function(r,i){if("string"==typeof i){var n,o=r.self||r.constructor;if(e.readAttribute){Object.prototype.hasOwnProperty.call(o,"observedAttributes")||(o.observedAttributes=o.observedAttributes?[].concat(o.observedAttributes):[]);var a=s().stringCamelCaseToDelimited(i);o.observedAttributes.includes(a)||o.observedAttributes.push(a)}e.type&&(Object.prototype.hasOwnProperty.call(o,"propertyTypes")||(o.propertyTypes=o.propertyTypes?t()({},o.propertyTypes):{}),!e.update&&Object.prototype.hasOwnProperty.call(o,i)||(o.propertyTypes[i]=e.type)),e.writeAttribute&&(Object.prototype.hasOwnProperty.call(o,"propertiesToReflectAsAttributes")||(o.propertiesToReflectAsAttributes=o.propertiesToReflectAsAttributes?s().copy(o.propertiesToReflectAsAttributes):[]),(e.update||o.propertiesToReflectAsAttributes instanceof Map&&!o.propertiesToReflectAsAttributes.has(i)||Array.isArray(o.propertiesToReflectAsAttributes)&&!o.propertiesToReflectAsAttributes.includes(i)||null!==o.propertiesToReflectAsAttributes&&"object"==typeof o.propertiesToReflectAsAttributes&&!Object.prototype.hasOwnProperty.call(o.propertiesToReflectAsAttributes,i))&&("boolean"==typeof e.writeAttribute?!0===e.writeAttribute&&o.propertyTypes&&Object.prototype.hasOwnProperty.call(o.propertyTypes,i)&&(n=o.propertyTypes[i]):n=e.writeAttribute,void 0!==n&&(Array.isArray(o.propertiesToReflectAsAttributes)&&(!0===e.writeAttribute?o.propertiesToReflectAsAttributes.push(i):o.propertiesToReflectAsAttributes=o.normalizePropertyTypeList(o.propertiesToReflectAsAttributes)),o.propertiesToReflectAsAttributes instanceof Map&&o.propertiesToReflectAsAttributes.set(i,n),null!==o.propertiesToReflectAsAttributes&&"object"==typeof o.propertiesToReflectAsAttributes&&(o.propertiesToReflectAsAttributes[i]=n)))),e.alias&&(Object.prototype.hasOwnProperty.call(o,"propertyAliases")||(o.propertyAliases=o.propertyAliases?t()({},o.propertyAliases):{}),!e.update&&Object.prototype.hasOwnProperty.call(o,i)||(o.propertyAliases[i]=e.alias))}}}o.default=a}(),o}())}],__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={id:e,loaded:!1,exports:{}};return __webpack_modules__[e].call(r.exports,r,r.exports,__webpack_require__),r.loaded=!0,r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.nmd=e=>(e.paths=[],e.children||(e.children=[]),e);var __webpack_exports__={};return(()=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{GenericHTMLElement:()=>d,Web:()=>f,api:()=>b,default:()=>_});var e,t,r,s,i=__webpack_require__(3),n=__webpack_require__.n(i),o=__webpack_require__(4),a=__webpack_require__.n(o),l=(__webpack_require__(5),__webpack_require__(0)),p=__webpack_require__.n(l),c=__webpack_require__(1),u=__webpack_require__(14),h=__webpack_require__.n(u);const d="undefined"==typeof HTMLElement?class{}:HTMLElement;let f=(e=h()({type:c.boolean,writeAttribute:!0}),s=class e extends d{constructor(){super(),this.batchAttributeUpdates=!0,this.batchPropertyUpdates=!0,this.batchUpdates=!0,this.batchedAttributeUpdateRunning=!0,this.batchedPropertyUpdateRunning=!0,this.batchedUpdateRunning=!0,this.parent=null,this.rootInstance=null,this.scope={Tools:p()},this.domNodeEventBindings=new Map,this.domNodeTemplateCache=new Map,this.externalProperties={},this.ignoreAttributeUpdateObservations=!1,this.internalProperties={},this.outputEventNames=new Set,this.instance=null,n()(this,"isRoot",r,this),this.root=void 0,this.runDomConnectionAndRenderingInSameEventQueue=!1,this.self=e,this.slots={},this.self=this.constructor,this.self._propertiesToReflectAsAttributes||(this.self._propertiesToReflectAsAttributes=this.self.normalizePropertyTypeList(this.self.propertiesToReflectAsAttributes)),this.generateAliasIndex(),this.root=this,this.defineGetterAndSetterInterface()}attributeChangedCallback(e,t,r){this.ignoreAttributeUpdateObservations||t===r||this.updateAttribute(e,r)}updateAttribute(e,t){this.evaluateStringOrNullAndSetAsProperty(e,t),this.batchAttributeUpdates?this.batchedAttributeUpdateRunning||this.batchedUpdateRunning||(this.batchedAttributeUpdateRunning=!0,this.batchedUpdateRunning=!0,p().timeout((()=>{this.batchedAttributeUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("attributeChanged")}))):this.render("attributeChanged")}connectedCallback(){try{this.isConnected=!0}catch(e){}this.parent=this,this.rootInstance=this,this.attachEventHandler(),this.self.determineRootBinding&&this.determineRootBinding(),this.self.applyRootBinding&&this.isRoot&&(this.determineRenderScope(),this.applyBinding(this,this.scope)),this.batchedAttributeUpdateRunning=!1,this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.grabGivenSlots(),this.reflectExternalProperties(this.externalProperties),this.runDomConnectionAndRenderingInSameEventQueue?this.render("connected"):p().timeout((()=>this.render("connected")))}disconnectedCallback(){try{this.isConnected=!1}catch(e){}for(const e of this.domNodeEventBindings.values())for(const t of e.values())t();this.slots={}}defineGetterAndSetterInterface(){const e=p().arrayUnique(Object.keys(this.self.propertyTypes).concat(Object.keys(this.self._propertyAliasIndex)));for(const t of e)Object.prototype.hasOwnProperty.call(this,t)&&this.setPropertyValue(t,this[t]),Object.defineProperty(this,t,{configurable:!0,get:()=>this.getPropertyValue(t),set:e=>{this.setPropertyValue(t,e),this.triggerPropertySpecificRendering(t,e)}})}getPropertyAlias(e){return Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,e)?this.self._propertyAliasIndex[e]:null}getPropertyValue(t){const r=this.instance?.current?.properties&&(Object.prototype.hasOwnProperty.call(!e.propertyTypes,t)||Object.prototype.hasOwnProperty.call(this.instance.current.properties,t))?this.instance.current.properties[t]:this.externalProperties[t];return this.instance?.current?.state&&Object.prototype.hasOwnProperty.call(this.instance.current.state,t)?this.instance.current.state[t]:r}setExternalPropertyValue(e,t){this.externalProperties[e]=t;const r=this.getPropertyAlias(e);r&&(this.externalProperties[r]=t)}setInternalPropertyValue(e,t){this.internalProperties[e]=t;const r=this.getPropertyAlias(e);r&&(this.internalProperties[r]=t)}setPropertyValue(e,t){this.reflectProperties({[e]:t}),this.setInternalPropertyValue(e,t)}triggerPropertySpecificRendering(e,t){if(this.batchPropertyUpdates)this.batchedPropertyUpdateRunning||this.batchedUpdateRunning||(this.batchedPropertyUpdateRunning=!0,this.batchedUpdateRunning=!0,p().timeout((()=>{void 0!==t&&this.isStateProperty(e)?(this.render("preStatePropertyChanged"),p().timeout((()=>{this.setInternalPropertyValue(e,void 0),this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("postStatePropertyChanged"),this.triggerOutputEvents()})).then(p().noop,p().noop)):(this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("propertyChanged"),this.triggerOutputEvents())})));else{const r=this.isStateProperty(e);this.render(r?"preStatePropertyChanged":"propertyChanged"),void 0!==t&&r&&(this.setInternalPropertyValue(e,void 0),this.render("postStatePropertyChanged")),this.triggerOutputEvents()}}applyBinding(e,t){if(e.getAttributeNames)for(const r of e.getAttributeNames()){let s="";if(r.startsWith("data-bind-")?s=r.substring("data-bind-".length):r.startsWith("bind-")&&(s=r.substring("bind-".length)),s){const i=e.getAttribute(r);if(null===i)continue;if(s.startsWith("attribute-")||s.startsWith("property-")){const n=p().stringEvaluate(i,t,!1,e);if(n.error){console.warn(`Error occurred during processing given attribute binding "${r}" on node:`,e,n.error);continue}s.startsWith("attribute-")?e.setAttribute(s.substring("attribute-".length),n.result):e[p().stringDelimitedToCamelCase(s.substring("property-".length))]=n.result}else if(s.startsWith("on-")){this.domNodeEventBindings.has(e)||this.domNodeEventBindings.set(e,new Map);const n=this.domNodeEventBindings.get(e);s=p().stringDelimitedToCamelCase(s.substring("on-".length)),n.has(s)&&n.get(s)(),t={event:void 0,parameters:void 0,...t};const o=p().stringCompile(i,t,!0);if(o.error)console.warn(`Error occurred during compiling given event binding "${r}" on node:`,e,o.error);else{const a=o.templateFunction.bind(e),l=function(){for(var s=arguments.length,n=new Array(s),l=0;l<s;l++)n[l]=arguments[l];t.event=n[0],t.parameters=n;try{a(...o.originalScopeNames.map((e=>t[e])))}catch(t){console.warn(`Error occurred during processing given event binding "${r}" on node:`,e,`Given expression "${i}" could not be evaluated with given scope names "${o.scopeNames.join('", "')}": ${p().represent(t)}`)}};e.addEventListener(s,l),n.set(s,(()=>{e.removeEventListener(s,l),n.delete(s),0===n.size&&this.domNodeEventBindings.delete(e)}))}}}}}applyBindings(e,t,r){for(void 0===r&&(r=!0);e;)!e.attributes?.length||!r&&e.getAttribute("slot")||this.applyBinding(e,t),e.nodeName.toLowerCase().includes("-")||this.applyBindings(e.firstChild,t),e=e.nextSibling}compileDomNodeTemplate(e,t,r){if(void 0===t&&(t=[]),void 0===r&&(r={}),(r={ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe,...r}).ignoreComponents&&e.nodeName?.toLowerCase().includes("-"))return r.map;if(r.unsafe){let s=e.innerHTML;if(!s&&e.template&&(s=e.template),this.self.hasCode(s)){const i=p().stringCompile(`\`${s}\``,t);r.map.set(e,{children:[],error:i.error,scopeNames:i.scopeNames,template:s,templateFunction:i.templateFunction})}}else{const s=e.nodeName.toLowerCase();let i;if(["a","#text"].includes(s)){const t="a"===s?e.getAttribute("href"):e.textContent;this.self.hasCode(t)&&(i=t.replace(/ /g," ").trim())}const n=[];if(i){const s=p().stringCompile(`\`${i}\``,t);r.map.set(e,{children:n,error:s.error,scopeNames:s.scopeNames,template:i,templateFunction:s.templateFunction})}let o=e.firstChild;for(;o;)r.filter&&!r.filter(o)||n.push(this.compileDomNodeTemplate(o,t,{...r,ignoreComponents:r.ignoreNestedComponents})),o=o.nextSibling}return r.map}evaluateDomNodeTemplate(e,t,r){if(void 0===t&&(t={}),void 0===r&&(r={}),(r={applyBindings:!0,ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe,...r}).map.has(e)||this.compileDomNodeTemplate(e,t,r),r.map.has(e)){const{error:s,scopeNames:i,templateFunction:n}=r.map.get(e);if(s)console.warn(`Error occurred during compiling node content: ${s}`);else{let s=null;try{s=n(...i.map((e=>t[e])))}catch(t){console.warn(`Error occurred when "${this.self._name}" is running "${n}": with bound names "${i.join('", "')}": "${t}". Rendering node:`,e)}null!==s&&(r.unsafe?e.innerHTML=s:"a"===e.nodeName.toLowerCase()?e.setAttribute("href",s):e.textContent=s)}}if(!(r.unsafe||r.ignoreComponents&&e.nodeName?.toLowerCase().includes("-"))){let s=e.firstChild;for(;s;)r.filter&&!r.filter(s)||this.evaluateDomNodeTemplate(s,t,{...r,applyBindings:!1,ignoreComponents:r.ignoreNestedComponents}),s=s.nextSibling}return r.applyBindings&&this.applyBindings(e,t),r.map}static replaceDomNodes(t,r){for(const s of[].concat(r).reverse())e.trimSlots&&s.nodeType===Node.TEXT_NODE&&""===s.nodeValue?.trim()||t.after(s);t.remove()}static unwrapDomNode(e){const t=e.parentNode,r=[];for(;e.firstChild;)r.push(e.firstChild),t.insertBefore(e.firstChild,e);return t.removeChild(e),r}determineRootBinding(){let t=this.parentNode;for(;t;)(t instanceof e||t.nodeName?.includes("-")||null===t.parentNode&&"[object ShadowRoot]"===t.toString())&&(this.rootInstance===this?(this.parent=t,this.rootInstance=t,this.setPropertyValue("isRoot",!1)):this.rootInstance=t),t=t.parentNode}static hasCode(e){return"string"==typeof e&&e.includes("${")&&e.includes("}")&&/\${[\s\S]+}/.test(e)}static normalizePropertyTypeList(t){if("string"==typeof t&&(t=[t]),Array.isArray(t)){const r=t,s=new Map;for(const t of r)Object.prototype.hasOwnProperty.call(e.propertyTypes,t)&&s.set(t,e.propertyTypes[t]);return s}return p().convertPlainObjectToMap(t)}attachEventHandler(){if(null===this.self.eventToPropertyMapping)return;const e=this.attachExplicitDefinedOutputEventHandler();this.attachImplicitDefinedOutputEventHandler(!e)}attachExplicitDefinedOutputEventHandler(){var e=this;let t=!1;for(const r of Object.keys(this.self.eventToPropertyMapping))Object.prototype.hasOwnProperty.call(this.internalProperties,r)||(t=!0,this.outputEventNames.add(r),this.setInternalPropertyValue(r,(async function(){for(var t=arguments.length,s=new Array(t),i=0;i<t;i++)s[i]=arguments[i];const n=await e.reflectEventToProperties(r,s);n&&(s[0]=n),e.forwardEvent(r,s)})));return t}attachImplicitDefinedOutputEventHandler(e){var t=this;void 0===e&&(e=!0);for(const[r,s]of Object.entries(this.self.propertyTypes))Object.prototype.hasOwnProperty.call(this.internalProperties,r)||![c.func,"function"].includes(s)||this.self.renderProperties.includes(r)||(this.outputEventNames.add(r),this.setInternalPropertyValue(r,(function(){for(var s=arguments.length,i=new Array(s),n=0;n<s;n++)i[n]=arguments[n];e&&t.reflectEventToProperties(r,i),t.forwardEvent(r,i)})))}triggerOutputEvents(){for(const e of this.outputEventNames)this.forwardEvent(e,[this.externalProperties])}forwardEvent(e,t){return e.length>"onX".length&&e.startsWith("on")&&(e=p().stringLowerCase(e.substring(2))),this.dispatchEvent(new CustomEvent(e,{detail:{parameters:t}}))}applySlots(e,t){for(const r of Array.from(e.querySelectorAll("slot"))){const e=r.getAttribute("name");if(null===e||"default"===e)if(this.slots.default){if(this.self.renderSlots){if(this.self.evaluateSlots)for(const e of this.slots.default)this.evaluateDomNodeTemplate(e,t);this.self.replaceDomNodes(r,this.slots.default)}}else this.slots.default=this.self.unwrapDomNode(r).map((e=>this.grabSlotContent(e)));else Object.prototype.hasOwnProperty.call(this.slots,e)?this.self.renderSlots&&(this.self.evaluateSlots&&this.evaluateDomNodeTemplate(this.slots[e],t),this.self.replaceDomNodes(r,this.slots[e])):this.slots[e]=this.grabSlotContent(this.self.unwrapDomNode(r).filter((e=>"#text"!==e.nodeName.toLowerCase()))[0])}}grabSlotContent(e){if("textarea"===e.firstElementChild?.nodeName.toLowerCase()&&(!e.firstElementChild.hasAttribute("data-no-template")||"false"===e.firstElementChild.getAttribute("data-no-template"))){const t=e.firstElementChild.value;e.classList?.remove("web-component-template");const r=e.cloneNode();return e.classList?.add("web-component-template"),r.innerHTML="",r.template=t,r}return this.self.cloneSlots?e.cloneNode(!0):e}grabGivenSlots(){this.slots={};for(const e of Array.from(this.querySelectorAll("[slot]"))){let t=e.parentNode,r=!0;for(;t;){if(t.nodeName.includes("-")){t===this&&(r=!1);break}t=t.parentNode}r||(this.slots[e.getAttribute&&e.getAttribute("slot")&&e.getAttribute("slot").trim()?e.getAttribute("slot").trim():e.nodeName.toLowerCase()]=this.grabSlotContent(e))}this.slots.default?this.slots.default=[this.slots.default]:this.childNodes.length>0?this.slots.default=Array.from(this.childNodes).map((e=>this.grabSlotContent(e))):this.slots.default=[]}isStateProperty(e){return Boolean(this.instance?.current?.state&&(Object.prototype.hasOwnProperty.call(this.instance?.current?.state,e)||this.instance.current.state.modelState&&Object.prototype.hasOwnProperty.call(this.instance.current.state.modelState,e)))}generateAliasIndex(){if(!this.self._propertyAliasIndex){this.self._propertyAliasIndex={...this.self.propertyAliases};for(const[e,t]of Object.entries(this.self._propertyAliasIndex))Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,t)||(this.self._propertyAliasIndex[t]=e)}}reflectExternalProperties(e){this.ignoreAttributeUpdateObservations=!0;for(const[t,r]of Object.entries(e)){if(this.setExternalPropertyValue(t,r),!this.isConnected)continue;const e=p().stringCamelCaseToDelimited(t);if(this.self._propertiesToReflectAsAttributes.has(t))switch(this.self._propertiesToReflectAsAttributes.get(t)){case c.boolean:case"boolean":r?""!==this.getAttribute(e)&&this.setAttribute(e,""):this.hasAttribute(e)&&this.removeAttribute(e);break;case c.func:case"function":break;case"json":if(r){const t=JSON.stringify(r);if(t&&this.getAttribute(e)!==t){this.setAttribute(e,t);break}}this.hasAttribute(e)&&this.removeAttribute(e);break;case c.number:case"number":if("number"!=typeof r||isNaN(r))this.hasAttribute(e)&&this.removeAttribute(e);else{const t=`${r}`;this.getAttribute(e)!==t&&this.setAttribute(e,t)}break;case c.string:case"string":r?this.getAttribute(e)!==r&&this.setAttribute(e,r):this.hasAttribute(e)&&this.removeAttribute(e);break;case c.any:case c.array:case c.arrayOf:case c.element:case c.elementType:case c.instanceOf:case c.node:case c.object:case"object":case c.objectOf:case c.shape:case c.exact:case c.symbol:default:if(r){const t=p().represent(r);if(t&&this.getAttribute(e)!==t){this.setAttribute(e,t);break}}this.hasAttribute(e)&&this.removeAttribute(e)}}this.ignoreAttributeUpdateObservations=!1}reflectProperties(e){if(this.reflectExternalProperties(e),this.instance?.current?.state&&"object"==typeof this.instance.current.state)for(const e of Object.keys(this.instance.current.state).concat(this.instance.current.state.modelState?Object.keys(this.instance.current.state.modelState):[]))Object.prototype.hasOwnProperty.call(this.internalProperties,e)&&this.setInternalPropertyValue(e,void 0);this.internalProperties.model?.state&&(delete this.internalProperties.model?.state,this.setInternalPropertyValue("model",this.internalProperties.model));for(const t of this.self.controllableProperties)Object.prototype.hasOwnProperty.call(e,t)&&this.setInternalPropertyValue(t,e[t])}triggerRender(e){this.batchUpdates?this.batchedUpdateRunning||(this.batchedUpdateRunning=!0,p().timeout((()=>{this.batchedUpdateRunning=!1,this.render(e)}))):this.render(e)}async reflectEventToProperties(e,t){const r=this.batchUpdates;this.batchUpdates=!1;let s=null,i=!1;if(this.self.eventToPropertyMapping&&Object.prototype.hasOwnProperty.call(this.self.eventToPropertyMapping,e)&&p().isFunction(this.self.eventToPropertyMapping[e])){const r=this.self.eventToPropertyMapping[e](...t,this),n=r&&"then"in r&&p().isFunction(r.then)?await r:r;i=!0,Array.isArray(n)?(s=n[0],this.reflectProperties(s),p().extend(!0,this.internalProperties,n[1])):null===n?i=!1:"object"==typeof n&&(s=n,this.reflectProperties(n))}if(!i&&t.length>0&&null!==t[0]&&"object"==typeof t[0]){let e=t[0];if("persist"in t[0]&&p().isFunction(t[0].persist)){e={};for(const r of Object.keys(this.self.propertyTypes))for(const s of[r].concat(null!==(n=this.getPropertyAlias(r))&&void 0!==n?n:[])){var n;const r=t[0].currentTarget&&Object.prototype.hasOwnProperty.call(t[0].currentTarget,s)?t[0].currentTarget[s]:this.getPropertyValue(s);r!==this.externalProperties[s]&&(e[s]=r)}}else[null,void 0].includes(e.detail?.value)||(e={...e.detail});s=e,this.reflectProperties(e)}return this.triggerRender("propertyReflected"),this.batchUpdates=r,s}evaluateStringOrNullAndSetAsProperty(e,t){var r=this;const s=e.startsWith("-"),i=s?e.substring(1):e;let n=p().stringDelimitedToCamelCase(i);const o=this.getPropertyAlias(n);if(o&&Object.prototype.hasOwnProperty.call(this.self.propertyTypes,o)&&(n=o),Object.prototype.hasOwnProperty.call(this.self.propertyTypes,n)){const i=this.self.propertyTypes[n];if(s){if(t){const r=p().stringEvaluate(t,{Tools:p()},!1,this);r.error?(console.warn(`Faild to process pre-evaluation attribute "${e}": ${r.error}. Will be set to "undefined".`),this.setInternalPropertyValue(n,void 0)):(this.setInternalPropertyValue(n,r.result),this.setExternalPropertyValue(n,r.result))}}else switch(i){case c.boolean:case"boolean":{const e=![null,"false"].includes(t);this.setInternalPropertyValue(n,e),this.setExternalPropertyValue(n,e);break}case c.func:case"function":{let s,i=null;const o=["data","event","firstArgument","firstParameter","options","scope","parameters","Tools"];if(t){const r=p().stringCompile(t,o);i=r.error,s=r.templateFunction,i&&console.warn(`Failed to compile given handler "${e}": ${i}.`)}this.setInternalPropertyValue(n,(function(){for(var a=arguments.length,l=new Array(a),c=0;c<a;c++)l[c]=arguments[c];let u;if(r.outputEventNames.has(n)&&r.reflectEventToProperties(n,l),!i)try{u=s.call(r,l[0],l[0],l[0],l[0],l[0],l[0],l,p())}catch(r){console.warn(`Failed to evaluate function "${e}" with expression "${t}" and scope variables "${o.join('", "')}" set to "${p().represent(l)}": ${r}. Set property to "undedefined".`)}return r.self.renderProperties.includes(n)||r.forwardEvent(n,l),u})),i||this.setExternalPropertyValue(n,s);break}case"json":if(t){let r;try{r=JSON.parse(t)}catch(t){console.warn(`Error occurred during parsing given json attribute "${e}": `+p().represent(t));break}this.setInternalPropertyValue(n,r),this.setExternalPropertyValue(n,p().copy(r,1))}else this.setInternalPropertyValue(n,null),this.setExternalPropertyValue(n,null);break;case c.number:case"number":{if(null===t){this.setInternalPropertyValue(n,t),this.setExternalPropertyValue(n,t);break}let e=parseFloat(t);isNaN(e)&&(e=void 0),this.setInternalPropertyValue(n,e),this.setExternalPropertyValue(n,e);break}case c.string:case"string":this.setInternalPropertyValue(n,t),this.setExternalPropertyValue(n,t);break;case c.any:case c.array:case c.arrayOf:case c.element:case c.elementType:case c.instanceOf:case c.node:case c.object:case"object":case c.objectOf:case c.oneOf:case c.oneOfType:case c.shape:case c.exact:case c.symbol:default:if(t){const r=p().stringEvaluate(t,{},!1,this);if(r.error){console.warn(`Error occurred during processing given attribute configuration "${e}":`,r.error);break}this.setInternalPropertyValue(n,r.result),this.setExternalPropertyValue(n,p().copy(r.result,1))}else this.hasAttribute(e)?(this.setInternalPropertyValue(n,!0),this.setExternalPropertyValue(n,!0)):(this.setInternalPropertyValue(n,null),this.setExternalPropertyValue(n,null))}}}determineRenderScope(e){void 0===e&&(e={}),this.scope={...this.parent?.scope||{},...this.scope,...this.internalProperties,parent:this.parent,root:this.rootInstance,self:this,[p().stringLowerCase(this.self._name)||"instance"]:this,...e},this.scope.scope=this.scope}applyShadowRootIfNotExisting(){this.self.shadowDOM&&this.root===this&&(this.root=(!("attachShadow"in this)&&"ShadyDOM"in window?window.ShadyDOM.wrap(this):this).attachShadow(null!==this.self.shadowDOM&&"object"==typeof this.self.shadowDOM?this.self.shadowDOM:{mode:"open"}))}render(e){if(void 0===e&&(e="unknown"),this.determineRenderScope(),!this.dispatchEvent(new CustomEvent("render",{detail:{reason:e,scope:this.scope}})))return;const t=p().stringEvaluate(`\`${this.self.content}\``,this.scope);if(t.error)return void console.warn(`Faild to process template: ${t.error}`);this.applyShadowRootIfNotExisting();const r=document.createElement("div");r.innerHTML=t.result,this.applySlots(r,{...this.scope,parent:this}),this.root.innerHTML=r.innerHTML,this.applyBindings(this.root.firstChild,this.scope,this.self.renderSlots)}},s.applyRootBinding=!0,s.content="<slot>Please provide a template to transclude.</slot>",s.determineRootBinding=!0,s.shadowDOM=null,s.observedAttributes=[],s.controllableProperties=[],s.eventToPropertyMapping={},s.propertyAliases={},s.propertyTypes={onClick:c.func},s.propertiesToReflectAsAttributes=[],s.renderProperties=["children"],s.cloneSlots=!1,s.evaluateSlots=!1,s.renderSlots=!0,s.trimSlots=!0,s.renderUnsafe=!1,s._name="BaseWeb",s._propertyAliasIndex=void 0,s._propertiesToReflectAsAttributes=void 0,t=s,r=a()(t.prototype,"isRoot",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!0}}),t);const b={component:f,register:function(e){return void 0===e&&(e=p().stringCamelCaseToDelimited(f._name)),customElements.define(e,f)}},_=f})(),__webpack_exports__})()));
|
|
1
|
+
"use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("@babel/runtime/helpers/extends"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/initializerDefineProperty","@babel/runtime/helpers/applyDecoratedDescriptor","@babel/runtime/helpers/initializerWarningHelper","clientnode","clientnode/property-types","@babel/runtime/helpers/extends"],t);else{var r="object"==typeof exports?t(require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("@babel/runtime/helpers/extends")):t(e["@babel/runtime/helpers/initializerDefineProperty"],e["@babel/runtime/helpers/applyDecoratedDescriptor"],e["@babel/runtime/helpers/initializerWarningHelper"],e.clientnode,e["clientnode/property-types"],e["@babel/runtime/helpers/extends"]);for(var s in r)("object"==typeof exports?exports:e)[s]=r[s]}}(this,((__WEBPACK_EXTERNAL_MODULE__3__,__WEBPACK_EXTERNAL_MODULE__4__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__)=>(()=>{var __webpack_modules__=[e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__0__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__1__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__2__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__3__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__4__},e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__5__},,,,,,,,,,function(module,__unused_webpack_exports,__webpack_require__){var __dirname="/",e,t,r;if(module=__webpack_require__.nmd(module),null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&null!=__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window=void 0===__webpack_require__.g||null===__webpack_require__.g?{}:__webpack_require__.g;module.exports=(e=__webpack_require__(2),t=__webpack_require__(0),r=__webpack_require__(1),function(){var s=[function(t){t.exports=e},function(e){e.exports=t},function(e){e.exports=r}],i={};function n(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return s[e](r,r.exports,n),r.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(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=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){n.r(o),n.d(o,{property:function(){return a}});var e=n(0),t=n.n(e),r=n(1),s=n.n(r),i=n(2);function a(e){return void 0===e&&(e={}),e=t()({readAttribute:!0,type:i.string},e),function(r,i){if("string"==typeof i){var n,o=r.self||r.constructor;if(e.readAttribute){Object.prototype.hasOwnProperty.call(o,"observedAttributes")||(o.observedAttributes=o.observedAttributes?[].concat(o.observedAttributes):[]);var a=s().stringCamelCaseToDelimited(i);o.observedAttributes.includes(a)||o.observedAttributes.push(a)}e.type&&(Object.prototype.hasOwnProperty.call(o,"propertyTypes")||(o.propertyTypes=o.propertyTypes?t()({},o.propertyTypes):{}),!e.update&&Object.prototype.hasOwnProperty.call(o,i)||(o.propertyTypes[i]=e.type)),e.writeAttribute&&(Object.prototype.hasOwnProperty.call(o,"propertiesToReflectAsAttributes")||(o.propertiesToReflectAsAttributes=o.propertiesToReflectAsAttributes?s().copy(o.propertiesToReflectAsAttributes):[]),(e.update||o.propertiesToReflectAsAttributes instanceof Map&&!o.propertiesToReflectAsAttributes.has(i)||Array.isArray(o.propertiesToReflectAsAttributes)&&!o.propertiesToReflectAsAttributes.includes(i)||null!==o.propertiesToReflectAsAttributes&&"object"==typeof o.propertiesToReflectAsAttributes&&!Object.prototype.hasOwnProperty.call(o.propertiesToReflectAsAttributes,i))&&("boolean"==typeof e.writeAttribute?!0===e.writeAttribute&&o.propertyTypes&&Object.prototype.hasOwnProperty.call(o.propertyTypes,i)&&(n=o.propertyTypes[i]):n=e.writeAttribute,void 0!==n&&(Array.isArray(o.propertiesToReflectAsAttributes)&&(!0===e.writeAttribute?o.propertiesToReflectAsAttributes.push(i):o.propertiesToReflectAsAttributes=o.normalizePropertyTypeList(o.propertiesToReflectAsAttributes)),o.propertiesToReflectAsAttributes instanceof Map&&o.propertiesToReflectAsAttributes.set(i,n),null!==o.propertiesToReflectAsAttributes&&"object"==typeof o.propertiesToReflectAsAttributes&&(o.propertiesToReflectAsAttributes[i]=n)))),e.alias&&(Object.prototype.hasOwnProperty.call(o,"propertyAliases")||(o.propertyAliases=o.propertyAliases?t()({},o.propertyAliases):{}),!e.update&&Object.prototype.hasOwnProperty.call(o,i)||(o.propertyAliases[i]=e.alias))}}}o.default=a}(),o}())}],__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={id:e,loaded:!1,exports:{}};return __webpack_modules__[e].call(r.exports,r,r.exports,__webpack_require__),r.loaded=!0,r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.nmd=e=>(e.paths=[],e.children||(e.children=[]),e);var __webpack_exports__={};return(()=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{GenericHTMLElement:()=>d,Web:()=>f,api:()=>b,default:()=>_});var e,t,r,s,i=__webpack_require__(3),n=__webpack_require__.n(i),o=__webpack_require__(4),a=__webpack_require__.n(o),l=(__webpack_require__(5),__webpack_require__(0)),p=__webpack_require__.n(l),c=__webpack_require__(1),u=__webpack_require__(15),h=__webpack_require__.n(u);const d="undefined"==typeof HTMLElement?class{}:HTMLElement;let f=(e=h()({type:c.boolean,writeAttribute:!0}),s=class e extends d{constructor(){super(),this.batchAttributeUpdates=!0,this.batchPropertyUpdates=!0,this.batchUpdates=!0,this.batchedAttributeUpdateRunning=!0,this.batchedPropertyUpdateRunning=!0,this.batchedUpdateRunning=!0,this.parent=null,this.rootInstance=null,this.scope={Tools:p()},this.domNodeEventBindings=new Map,this.domNodeTemplateCache=new Map,this.externalProperties={},this.ignoreAttributeUpdateObservations=!1,this.internalProperties={},this.outputEventNames=new Set,this.instance=null,n()(this,"isRoot",r,this),this.root=void 0,this.runDomConnectionAndRenderingInSameEventQueue=!1,this.self=e,this.slots={},this.self=this.constructor,this.self._propertiesToReflectAsAttributes||(this.self._propertiesToReflectAsAttributes=this.self.normalizePropertyTypeList(this.self.propertiesToReflectAsAttributes)),this.generateAliasIndex(),this.root=this,this.defineGetterAndSetterInterface()}attributeChangedCallback(e,t,r){this.ignoreAttributeUpdateObservations||t===r||this.updateAttribute(e,r)}updateAttribute(e,t){this.evaluateStringOrNullAndSetAsProperty(e,t),this.batchAttributeUpdates?this.batchedAttributeUpdateRunning||this.batchedUpdateRunning||(this.batchedAttributeUpdateRunning=!0,this.batchedUpdateRunning=!0,p().timeout((()=>{this.batchedAttributeUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("attributeChanged")}))):this.render("attributeChanged")}connectedCallback(){try{this.isConnected=!0}catch(e){}this.parent=this,this.rootInstance=this,this.attachEventHandler(),this.self.determineRootBinding&&this.determineRootBinding(),this.self.applyRootBinding&&this.isRoot&&(this.determineRenderScope(),this.applyBinding(this,this.scope)),this.batchedAttributeUpdateRunning=!1,this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.grabGivenSlots(),this.reflectExternalProperties(this.externalProperties),this.runDomConnectionAndRenderingInSameEventQueue?this.render("connected"):p().timeout((()=>this.render("connected")))}disconnectedCallback(){try{this.isConnected=!1}catch(e){}for(const e of this.domNodeEventBindings.values())for(const t of e.values())t();this.slots={}}defineGetterAndSetterInterface(){const e=p().arrayUnique(Object.keys(this.self.propertyTypes).concat(Object.keys(this.self._propertyAliasIndex)));for(const t of e)Object.prototype.hasOwnProperty.call(this,t)&&this.setPropertyValue(t,this[t]),Object.defineProperty(this,t,{configurable:!0,get:()=>this.getPropertyValue(t),set:e=>{this.setPropertyValue(t,e),this.triggerPropertySpecificRendering(t,e)}})}getPropertyAlias(e){return Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,e)?this.self._propertyAliasIndex[e]:null}getPropertyValue(t){const r=this.instance?.current?.properties&&(Object.prototype.hasOwnProperty.call(!e.propertyTypes,t)||Object.prototype.hasOwnProperty.call(this.instance.current.properties,t))?this.instance.current.properties[t]:this.externalProperties[t];return this.instance?.current?.state&&Object.prototype.hasOwnProperty.call(this.instance.current.state,t)?this.instance.current.state[t]:r}setExternalPropertyValue(e,t){this.externalProperties[e]=t;const r=this.getPropertyAlias(e);r&&(this.externalProperties[r]=t)}setInternalPropertyValue(e,t){this.internalProperties[e]=t;const r=this.getPropertyAlias(e);r&&(this.internalProperties[r]=t)}setPropertyValue(e,t){this.reflectProperties({[e]:t}),this.setInternalPropertyValue(e,t)}triggerPropertySpecificRendering(e,t){if(this.batchPropertyUpdates)this.batchedPropertyUpdateRunning||this.batchedUpdateRunning||(this.batchedPropertyUpdateRunning=!0,this.batchedUpdateRunning=!0,p().timeout((()=>{void 0!==t&&this.isStateProperty(e)?(this.render("preStatePropertyChanged"),p().timeout((()=>{this.setInternalPropertyValue(e,void 0),this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("postStatePropertyChanged"),this.triggerOutputEvents()})).then(p().noop,p().noop)):(this.batchedPropertyUpdateRunning=!1,this.batchedUpdateRunning=!1,this.render("propertyChanged"),this.triggerOutputEvents())})));else{const r=this.isStateProperty(e);this.render(r?"preStatePropertyChanged":"propertyChanged"),void 0!==t&&r&&(this.setInternalPropertyValue(e,void 0),this.render("postStatePropertyChanged")),this.triggerOutputEvents()}}applyBinding(e,t){if(e.getAttributeNames)for(const r of e.getAttributeNames()){let s="";if(r.startsWith("data-bind-")?s=r.substring("data-bind-".length):r.startsWith("bind-")&&(s=r.substring("bind-".length)),s){const i=e.getAttribute(r);if(null===i)continue;if(s.startsWith("attribute-")||s.startsWith("property-")){const n=p().stringEvaluate(i,t,!1,e);if(n.error){console.warn(`Error occurred during processing given attribute binding "${r}" on node:`,e,n.error);continue}s.startsWith("attribute-")?e.setAttribute(s.substring("attribute-".length),n.result):e[p().stringDelimitedToCamelCase(s.substring("property-".length))]=n.result}else if(s.startsWith("on-")){this.domNodeEventBindings.has(e)||this.domNodeEventBindings.set(e,new Map);const n=this.domNodeEventBindings.get(e);s=p().stringDelimitedToCamelCase(s.substring("on-".length)),n.has(s)&&n.get(s)(),t={event:void 0,parameters:void 0,...t};const o=p().stringCompile(i,t,!0);if(o.error)console.warn(`Error occurred during compiling given event binding "${r}" on node:`,e,o.error);else{const a=o.templateFunction.bind(e),l=function(){for(var s=arguments.length,n=new Array(s),l=0;l<s;l++)n[l]=arguments[l];t.event=n[0],t.parameters=n;try{a(...o.originalScopeNames.map((e=>t[e])))}catch(t){console.warn(`Error occurred during processing given event binding "${r}" on node:`,e,`Given expression "${i}" could not be evaluated with given scope names "${o.scopeNames.join('", "')}": ${p().represent(t)}`)}};e.addEventListener(s,l),n.set(s,(()=>{e.removeEventListener(s,l),n.delete(s),0===n.size&&this.domNodeEventBindings.delete(e)}))}}}}}applyBindings(e,t,r){for(void 0===r&&(r=!0);e;)!e.attributes?.length||!r&&e.getAttribute("slot")||this.applyBinding(e,t),e.nodeName.toLowerCase().includes("-")||this.applyBindings(e.firstChild,t),e=e.nextSibling}compileDomNodeTemplate(e,t,r){if(void 0===t&&(t=[]),void 0===r&&(r={}),(r={ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe,...r}).ignoreComponents&&e.nodeName?.toLowerCase().includes("-"))return r.map;if(r.unsafe){let s=e.innerHTML;if(!s&&e.template&&(s=e.template),this.self.hasCode(s)){const i=p().stringCompile(`\`${s}\``,t);r.map.set(e,{children:[],error:i.error,scopeNames:i.scopeNames,template:s,templateFunction:i.templateFunction})}}else{const s=e.nodeName.toLowerCase();let i;if(["a","#text"].includes(s)){const t="a"===s?e.getAttribute("href"):e.textContent;this.self.hasCode(t)&&(i=t.replace(/ /g," ").trim())}const n=[];if(i){const s=p().stringCompile(`\`${i}\``,t);r.map.set(e,{children:n,error:s.error,scopeNames:s.scopeNames,template:i,templateFunction:s.templateFunction})}let o=e.firstChild;for(;o;)r.filter&&!r.filter(o)||n.push(this.compileDomNodeTemplate(o,t,{...r,ignoreComponents:r.ignoreNestedComponents})),o=o.nextSibling}return r.map}evaluateDomNodeTemplate(e,t,r){if(void 0===t&&(t={}),void 0===r&&(r={}),(r={applyBindings:!0,ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe,...r}).map.has(e)||this.compileDomNodeTemplate(e,t,r),r.map.has(e)){const{error:s,scopeNames:i,templateFunction:n}=r.map.get(e);if(s)console.warn(`Error occurred during compiling node content: ${s}`);else{let s=null;try{s=n(...i.map((e=>t[e])))}catch(t){console.warn(`Error occurred when "${this.self._name}" is running "${n}": with bound names "${i.join('", "')}": "${t}". Rendering node:`,e)}null!==s&&(r.unsafe?e.innerHTML=s:"a"===e.nodeName.toLowerCase()?e.setAttribute("href",s):e.textContent=s)}}if(!(r.unsafe||r.ignoreComponents&&e.nodeName?.toLowerCase().includes("-"))){let s=e.firstChild;for(;s;)r.filter&&!r.filter(s)||this.evaluateDomNodeTemplate(s,t,{...r,applyBindings:!1,ignoreComponents:r.ignoreNestedComponents}),s=s.nextSibling}return r.applyBindings&&this.applyBindings(e,t),r.map}static replaceDomNodes(t,r){for(const s of[].concat(r).reverse())e.trimSlots&&s.nodeType===Node.TEXT_NODE&&""===s.nodeValue?.trim()||t.after(s);t.remove()}static unwrapDomNode(e){const t=e.parentNode,r=[];for(;e.firstChild;)r.push(e.firstChild),t.insertBefore(e.firstChild,e);return t.removeChild(e),r}determineRootBinding(){let t=this.parentNode;for(;t;)(t instanceof e||t.nodeName?.includes("-")||null===t.parentNode&&"[object ShadowRoot]"===t.toString())&&(this.rootInstance===this?(this.parent=t,this.rootInstance=t,this.setPropertyValue("isRoot",!1)):this.rootInstance=t),t=t.parentNode}static hasCode(e){return"string"==typeof e&&e.includes("${")&&e.includes("}")&&/\${[\s\S]+}/.test(e)}static normalizePropertyTypeList(t){if("string"==typeof t&&(t=[t]),Array.isArray(t)){const r=t,s=new Map;for(const t of r)Object.prototype.hasOwnProperty.call(e.propertyTypes,t)&&s.set(t,e.propertyTypes[t]);return s}return p().convertPlainObjectToMap(t)}attachEventHandler(){if(null===this.self.eventToPropertyMapping)return;const e=this.attachExplicitDefinedOutputEventHandler();this.attachImplicitDefinedOutputEventHandler(!e)}attachExplicitDefinedOutputEventHandler(){var e=this;let t=!1;for(const r of Object.keys(this.self.eventToPropertyMapping))Object.prototype.hasOwnProperty.call(this.internalProperties,r)||(t=!0,this.outputEventNames.add(r),this.setInternalPropertyValue(r,(async function(){for(var t=arguments.length,s=new Array(t),i=0;i<t;i++)s[i]=arguments[i];const n=await e.reflectEventToProperties(r,s);n&&(s[0]=n),e.forwardEvent(r,s)})));return t}attachImplicitDefinedOutputEventHandler(e){var t=this;void 0===e&&(e=!0);for(const[r,s]of Object.entries(this.self.propertyTypes))Object.prototype.hasOwnProperty.call(this.internalProperties,r)||![c.func,"function"].includes(s)||this.self.renderProperties.includes(r)||(this.outputEventNames.add(r),this.setInternalPropertyValue(r,(function(){for(var s=arguments.length,i=new Array(s),n=0;n<s;n++)i[n]=arguments[n];e&&t.reflectEventToProperties(r,i),t.forwardEvent(r,i)})))}triggerOutputEvents(){for(const e of this.outputEventNames)this.forwardEvent(e,[this.externalProperties])}forwardEvent(e,t){return e.length>"onX".length&&e.startsWith("on")&&(e=p().stringLowerCase(e.substring(2))),this.dispatchEvent(new CustomEvent(e,{detail:{parameters:t}}))}applySlots(e,t){for(const r of Array.from(e.querySelectorAll("slot"))){const e=r.getAttribute("name");if(null===e||"default"===e)if(this.slots.default){if(this.self.renderSlots){if(this.self.evaluateSlots)for(const e of this.slots.default)this.evaluateDomNodeTemplate(e,t);this.self.replaceDomNodes(r,this.slots.default)}}else this.slots.default=this.self.unwrapDomNode(r).map((e=>this.grabSlotContent(e)));else Object.prototype.hasOwnProperty.call(this.slots,e)?this.self.renderSlots&&(this.self.evaluateSlots&&this.evaluateDomNodeTemplate(this.slots[e],t),this.self.replaceDomNodes(r,this.slots[e])):this.slots[e]=this.grabSlotContent(this.self.unwrapDomNode(r).filter((e=>"#text"!==e.nodeName.toLowerCase()))[0])}}grabSlotContent(e){if("textarea"===e.firstElementChild?.nodeName.toLowerCase()&&(!e.firstElementChild.hasAttribute("data-no-template")||"false"===e.firstElementChild.getAttribute("data-no-template"))){const t=e.firstElementChild.value;e.classList?.remove("web-component-template");const r=e.cloneNode();return e.classList?.add("web-component-template"),r.innerHTML="",r.template=t,r}return this.self.cloneSlots?e.cloneNode(!0):e}grabGivenSlots(){this.slots={};for(const e of Array.from(this.querySelectorAll("[slot]"))){let t=e.parentNode,r=!0;for(;t;){if(t.nodeName.includes("-")){t===this&&(r=!1);break}t=t.parentNode}r||(this.slots[e.getAttribute&&e.getAttribute("slot")&&e.getAttribute("slot").trim()?e.getAttribute("slot").trim():e.nodeName.toLowerCase()]=this.grabSlotContent(e))}this.slots.default?this.slots.default=[this.slots.default]:this.childNodes.length>0?this.slots.default=Array.from(this.childNodes).map((e=>this.grabSlotContent(e))):this.slots.default=[]}isStateProperty(e){return Boolean(this.instance?.current?.state&&(Object.prototype.hasOwnProperty.call(this.instance?.current?.state,e)||this.instance.current.state.modelState&&Object.prototype.hasOwnProperty.call(this.instance.current.state.modelState,e)))}generateAliasIndex(){if(!this.self._propertyAliasIndex){this.self._propertyAliasIndex={...this.self.propertyAliases};for(const[e,t]of Object.entries(this.self._propertyAliasIndex))Object.prototype.hasOwnProperty.call(this.self._propertyAliasIndex,t)||(this.self._propertyAliasIndex[t]=e)}}reflectExternalProperties(e){this.ignoreAttributeUpdateObservations=!0;for(const[t,r]of Object.entries(e)){if(this.setExternalPropertyValue(t,r),!this.isConnected)continue;const e=p().stringCamelCaseToDelimited(t);if(this.self._propertiesToReflectAsAttributes.has(t))switch(this.self._propertiesToReflectAsAttributes.get(t)){case c.boolean:case"boolean":r?""!==this.getAttribute(e)&&this.setAttribute(e,""):this.hasAttribute(e)&&this.removeAttribute(e);break;case c.func:case"function":break;case"json":if(r){const t=JSON.stringify(r);if(t&&this.getAttribute(e)!==t){this.setAttribute(e,t);break}}this.hasAttribute(e)&&this.removeAttribute(e);break;case c.number:case"number":if("number"!=typeof r||isNaN(r))this.hasAttribute(e)&&this.removeAttribute(e);else{const t=`${r}`;this.getAttribute(e)!==t&&this.setAttribute(e,t)}break;case c.string:case"string":r?this.getAttribute(e)!==r&&this.setAttribute(e,r):this.hasAttribute(e)&&this.removeAttribute(e);break;case c.any:case c.array:case c.arrayOf:case c.element:case c.elementType:case c.instanceOf:case c.node:case c.object:case"object":case c.objectOf:case c.shape:case c.exact:case c.symbol:default:if(r){const t=p().represent(r);if(t&&this.getAttribute(e)!==t){this.setAttribute(e,t);break}}this.hasAttribute(e)&&this.removeAttribute(e)}}this.ignoreAttributeUpdateObservations=!1}reflectProperties(e){if(this.reflectExternalProperties(e),this.instance?.current?.state&&"object"==typeof this.instance.current.state)for(const e of Object.keys(this.instance.current.state).concat(this.instance.current.state.modelState?Object.keys(this.instance.current.state.modelState):[]))Object.prototype.hasOwnProperty.call(this.internalProperties,e)&&this.setInternalPropertyValue(e,void 0);this.internalProperties.model?.state&&(delete this.internalProperties.model?.state,this.setInternalPropertyValue("model",this.internalProperties.model));for(const t of this.self.controllableProperties)Object.prototype.hasOwnProperty.call(e,t)&&this.setInternalPropertyValue(t,e[t])}triggerRender(e){this.batchUpdates?this.batchedUpdateRunning||(this.batchedUpdateRunning=!0,p().timeout((()=>{this.batchedUpdateRunning=!1,this.render(e)}))):this.render(e)}async reflectEventToProperties(e,t){const r=this.batchUpdates;this.batchUpdates=!1;let s=null,i=!1;if(this.self.eventToPropertyMapping&&Object.prototype.hasOwnProperty.call(this.self.eventToPropertyMapping,e)&&p().isFunction(this.self.eventToPropertyMapping[e])){const r=this.self.eventToPropertyMapping[e](...t,this),n=r&&"then"in r&&p().isFunction(r.then)?await r:r;i=!0,Array.isArray(n)?(s=n[0],this.reflectProperties(s),p().extend(!0,this.internalProperties,n[1])):null===n?i=!1:"object"==typeof n&&(s=n,this.reflectProperties(n))}if(!i&&t.length>0&&null!==t[0]&&"object"==typeof t[0]){let e=t[0];if("persist"in t[0]&&p().isFunction(t[0].persist)){e={};for(const r of Object.keys(this.self.propertyTypes))for(const s of[r].concat(null!==(n=this.getPropertyAlias(r))&&void 0!==n?n:[])){var n;const r=t[0].currentTarget&&Object.prototype.hasOwnProperty.call(t[0].currentTarget,s)?t[0].currentTarget[s]:this.getPropertyValue(s);r!==this.externalProperties[s]&&(e[s]=r)}}else[null,void 0].includes(e.detail?.value)||(e={...e.detail});s=e,this.reflectProperties(e)}return this.triggerRender("propertyReflected"),this.batchUpdates=r,s}evaluateStringOrNullAndSetAsProperty(e,t){var r=this;const s=e.startsWith("-"),i=s?e.substring(1):e;let n=p().stringDelimitedToCamelCase(i);const o=this.getPropertyAlias(n);if(o&&Object.prototype.hasOwnProperty.call(this.self.propertyTypes,o)&&(n=o),Object.prototype.hasOwnProperty.call(this.self.propertyTypes,n)){const i=this.self.propertyTypes[n];if(s){if(t){const r=p().stringEvaluate(t,{Tools:p()},!1,this);r.error?(console.warn(`Faild to process pre-evaluation attribute "${e}": ${r.error}. Will be set to "undefined".`),this.setInternalPropertyValue(n,void 0)):(this.setInternalPropertyValue(n,r.result),this.setExternalPropertyValue(n,r.result))}}else switch(i){case c.boolean:case"boolean":{const e=![null,"false"].includes(t);this.setInternalPropertyValue(n,e),this.setExternalPropertyValue(n,e);break}case c.func:case"function":{let s,i=null;const o=["data","event","firstArgument","firstParameter","options","scope","parameters","Tools"];if(t){const r=p().stringCompile(t,o);i=r.error,s=r.templateFunction,i&&console.warn(`Failed to compile given handler "${e}": ${i}.`)}this.setInternalPropertyValue(n,(function(){for(var a=arguments.length,l=new Array(a),c=0;c<a;c++)l[c]=arguments[c];let u;if(r.outputEventNames.has(n)&&r.reflectEventToProperties(n,l),!i)try{u=s.call(r,l[0],l[0],l[0],l[0],l[0],l[0],l,p())}catch(r){console.warn(`Failed to evaluate function "${e}" with expression "${t}" and scope variables "${o.join('", "')}" set to "${p().represent(l)}": ${r}. Set property to "undedefined".`)}return r.self.renderProperties.includes(n)||r.forwardEvent(n,l),u})),i||this.setExternalPropertyValue(n,s);break}case"json":if(t){let r;try{r=JSON.parse(t)}catch(t){console.warn(`Error occurred during parsing given json attribute "${e}": `+p().represent(t));break}this.setInternalPropertyValue(n,r),this.setExternalPropertyValue(n,p().copy(r,1))}else this.setInternalPropertyValue(n,null),this.setExternalPropertyValue(n,null);break;case c.number:case"number":{if(null===t){this.setInternalPropertyValue(n,t),this.setExternalPropertyValue(n,t);break}let e=parseFloat(t);isNaN(e)&&(e=void 0),this.setInternalPropertyValue(n,e),this.setExternalPropertyValue(n,e);break}case c.string:case"string":this.setInternalPropertyValue(n,t),this.setExternalPropertyValue(n,t);break;case c.any:case c.array:case c.arrayOf:case c.element:case c.elementType:case c.instanceOf:case c.node:case c.object:case"object":case c.objectOf:case c.oneOf:case c.oneOfType:case c.shape:case c.exact:case c.symbol:default:if(t){const r=p().stringEvaluate(t,{},!1,this);if(r.error){console.warn(`Error occurred during processing given attribute configuration "${e}":`,r.error);break}this.setInternalPropertyValue(n,r.result),this.setExternalPropertyValue(n,p().copy(r.result,1))}else this.hasAttribute(e)?(this.setInternalPropertyValue(n,!0),this.setExternalPropertyValue(n,!0)):(this.setInternalPropertyValue(n,null),this.setExternalPropertyValue(n,null))}}}determineRenderScope(e){void 0===e&&(e={}),this.scope={...this.parent?.scope||{},...this.scope,...this.internalProperties,parent:this.parent,root:this.rootInstance,self:this,[p().stringLowerCase(this.self._name)||"instance"]:this,...e},this.scope.scope=this.scope}applyShadowRootIfNotExisting(){this.self.shadowDOM&&this.root===this&&(this.root=(!("attachShadow"in this)&&"ShadyDOM"in window?window.ShadyDOM.wrap(this):this).attachShadow(null!==this.self.shadowDOM&&"object"==typeof this.self.shadowDOM?this.self.shadowDOM:{mode:"open"}))}render(e){if(void 0===e&&(e="unknown"),this.determineRenderScope(),!this.dispatchEvent(new CustomEvent("render",{detail:{reason:e,scope:this.scope}})))return;const t=p().stringEvaluate(`\`${this.self.content}\``,this.scope);if(t.error)return void console.warn(`Faild to process template: ${t.error}`);this.applyShadowRootIfNotExisting();const r=document.createElement("div");r.innerHTML=t.result,this.applySlots(r,{...this.scope,parent:this}),this.root.innerHTML=r.innerHTML,this.applyBindings(this.root.firstChild,this.scope,this.self.renderSlots)}},s.applyRootBinding=!0,s.content="<slot>Please provide a template to transclude.</slot>",s.determineRootBinding=!0,s.shadowDOM=null,s.observedAttributes=[],s.controllableProperties=[],s.eventToPropertyMapping={},s.propertyAliases={},s.propertyTypes={onClick:c.func},s.propertiesToReflectAsAttributes=[],s.renderProperties=["children"],s.cloneSlots=!1,s.evaluateSlots=!1,s.renderSlots=!0,s.trimSlots=!0,s.renderUnsafe=!1,s._name="BaseWeb",s._propertyAliasIndex=void 0,s._propertiesToReflectAsAttributes=void 0,t=s,r=a()(t.prototype,"isRoot",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!0}}),t);const b={component:f,register:function(e){return void 0===e&&(e=p().stringCamelCaseToDelimited(f._name)),customElements.define(e,f)}},_=f})(),__webpack_exports__})()));
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { Mapping } from 'clientnode/type';
|
|
2
|
-
import ReactWebImport from './
|
|
3
|
+
import ReactWebImport from './ReactWeb';
|
|
3
4
|
import WebImport from './Web';
|
|
4
5
|
import { AttributesReflectionConfiguration, ComponentType, EventToPropertyMapping, PropertiesConfiguration, WebComponentAPI, WebComponentConfiguration } from './type';
|
|
5
6
|
export declare const ReactWeb: typeof ReactWebImport;
|
|
@@ -15,11 +16,11 @@ export declare const Web: typeof WebImport;
|
|
|
15
16
|
*
|
|
16
17
|
* @returns Generated object to register and retrieve generated web component.
|
|
17
18
|
*/
|
|
18
|
-
export declare const wrapAsWebComponent: <Type extends ComponentType
|
|
19
|
+
export declare const wrapAsWebComponent: <Type extends ComponentType = ComponentType, ExternalProperties extends Mapping<unknown> = Mapping<unknown>, InternalProperties extends Mapping<unknown> = Mapping<unknown>, EventParameters extends unknown[] = unknown[]>(component: Type, nameHint?: string, configuration?: WebComponentConfiguration<ExternalProperties, InternalProperties, EventParameters>) => WebComponentAPI<Type, ExternalProperties, InternalProperties, {
|
|
19
20
|
new (): ReactWebImport<Type, ExternalProperties, InternalProperties>;
|
|
20
21
|
attachWebComponentAdapterIfNotExists: boolean;
|
|
21
|
-
content: string | ComponentType
|
|
22
|
-
react: typeof
|
|
22
|
+
content: string | ComponentType;
|
|
23
|
+
react: typeof import("react");
|
|
23
24
|
_name: string;
|
|
24
25
|
isReactComponent(domNode: Node): boolean;
|
|
25
26
|
removeKnownUnwantedPropertyKeys(target: typeof ReactWebImport, properties: Mapping<unknown>): void;
|