web-component-wrapper 0.0.385 → 0.0.389

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/WebNext.js +1 -1
  2. package/package.json +1 -1
package/WebNext.js CHANGED
@@ -1 +1 @@
1
- 'use strict';if(typeof module!=='undefined'&&module!==null&&eval('typeof require')!=='undefined'&&eval('require')!==null&&'main'in eval('require')&&eval('typeof require.main')!=='undefined'&&eval('require.main')!==null){var ORIGINAL_MAIN_MODULE=module;if(module!==eval('require.main')&&'paths'in module&&'paths'in eval('require.main')&&typeof __dirname!=='undefined'&&__dirname!==null)module.paths=eval('require.main.paths').concat(module.paths.filter(function(path){return eval('require.main.paths').includes(path)}))};if(typeof window==='undefined'||window===null)var window=(typeof global==='undefined'||global===null)?{}: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__)=>(()=>{"use strict";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__,{Web:()=>h,api:()=>d,default:()=>f});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);let h=(e=__webpack_require__.n(u)()({type:c.boolean,writeAttribute:!0}),s=class e extends HTMLElement{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){var r,s,i,n;const o=null!=(r=this.instance)&&null!=(s=r.current)&&s.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 null!=(i=this.instance)&&null!=(n=i.current)&&n.state&&Object.prototype.hasOwnProperty.call(this.instance.current.state,t)?this.instance.current.state[t]:o}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;){var s;null==(s=e.attributes)||!s.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){var s;if(void 0===t&&(t=[]),void 0===r&&(r={}),(r={ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe,...r}).ignoreComponents&&null!=(s=e.nodeName)&&s.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(/&nbsp;/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){var s;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&&null!=(s=e.nodeName)&&s.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 i of[].concat(r).reverse()){var s;e.trimSlots&&i.nodeType===Node.TEXT_NODE&&""===(null==(s=i.nodeValue)?void 0:s.trim())||t.after(i)}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;){var r;(t instanceof e||null!=(r=t.nodeName)&&r.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,(function(){for(var t=arguments.length,s=new Array(t),i=0;i<t;i++)s[i]=arguments[i];const n=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){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,s;const t=e.firstElementChild.value;null==(r=e.classList)||r.remove("web-component-template");const i=e.cloneNode();return null==(s=e.classList)||s.add("web-component-template"),i.innerHTML="",i.template=t,i}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){var t,r,s,i;return Boolean((null==(t=this.instance)||null==(r=t.current)?void 0:r.state)&&(Object.prototype.hasOwnProperty.call(null==(s=this.instance)||null==(i=s.current)?void 0:i.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){var t,r,s,i;if(this.reflectExternalProperties(e),null!=(t=this.instance)&&null!=(r=t.current)&&r.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);null!=(s=this.internalProperties.model)&&s.state&&(null==(i=this.internalProperties.model)||delete i.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)}reflectEventToProperties(e,t){const r=this.batchUpdates;this.batchUpdates=!1;let s=null;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);Array.isArray(r)?(s=r[0],this.reflectProperties(s),p().extend(!0,this.internalProperties,r[1])):null!==r&&"object"==typeof r&&(s=r,this.reflectProperties(r))}else if(t.length>0&&null!==t[0]&&"object"==typeof t[0]){var i;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(null==(i=e.detail)?void 0:i.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){var t;void 0===e&&(e={}),this.scope={...(null==(t=this.parent)?void 0:t.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 d={component:h,register:function(e){return void 0===e&&(e=p().stringCamelCaseToDelimited(h._name)),customElements.define(e,h)}},f=h})(),__webpack_exports__})()));
1
+ 'use strict';if(typeof module!=='undefined'&&module!==null&&eval('typeof require')!=='undefined'&&eval('require')!==null&&'main'in eval('require')&&eval('typeof require.main')!=='undefined'&&eval('require.main')!==null){var ORIGINAL_MAIN_MODULE=module;if(module!==eval('require.main')&&'paths'in module&&'paths'in eval('require.main')&&typeof __dirname!=='undefined'&&__dirname!==null)module.paths=eval('require.main.paths').concat(module.paths.filter(function(path){return eval('require.main.paths').includes(path)}))};if(typeof window==='undefined'||window===null)var window=(typeof global==='undefined'||global===null)?{}: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__)=>(()=>{"use strict";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__,{Web:()=>h,api:()=>d,default:()=>f});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);let h=(e=__webpack_require__.n(u)()({type:c.boolean,writeAttribute:!0}),s=class e extends HTMLElement{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){var r,s,i,n;const o=null!=(r=this.instance)&&null!=(s=r.current)&&s.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 null!=(i=this.instance)&&null!=(n=i.current)&&n.state&&Object.prototype.hasOwnProperty.call(this.instance.current.state,t)?this.instance.current.state[t]:o}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;){var s;null==(s=e.attributes)||!s.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){var s;if(void 0===t&&(t=[]),void 0===r&&(r={}),(r={ignoreComponents:!0,ignoreNestedComponents:!0,map:this.domNodeTemplateCache,unsafe:this.self.renderUnsafe,...r}).ignoreComponents&&null!=(s=e.nodeName)&&s.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(/&nbsp;/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){var s;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&&null!=(s=e.nodeName)&&s.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 i of[].concat(r).reverse()){var s;e.trimSlots&&i.nodeType===Node.TEXT_NODE&&""===(null==(s=i.nodeValue)?void 0:s.trim())||t.after(i)}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;){var r;(t instanceof e||null!=(r=t.nodeName)&&r.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,(function(){for(var t=arguments.length,s=new Array(t),i=0;i<t;i++)s[i]=arguments[i];const n=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){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,s;const t=e.firstElementChild.value;null==(r=e.classList)||r.remove("web-component-template");const i=e.cloneNode();return null==(s=e.classList)||s.add("web-component-template"),i.innerHTML="",i.template=t,i}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){var t,r,s,i;return Boolean((null==(t=this.instance)||null==(r=t.current)?void 0:r.state)&&(Object.prototype.hasOwnProperty.call(null==(s=this.instance)||null==(i=s.current)?void 0:i.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){var t,r,s,i;if(this.reflectExternalProperties(e),null!=(t=this.instance)&&null!=(r=t.current)&&r.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);null!=(s=this.internalProperties.model)&&s.state&&(null==(i=this.internalProperties.model)||delete i.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)}reflectEventToProperties(e,t){const r=this.batchUpdates;this.batchUpdates=!1;let s=null;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);Array.isArray(r)?(s=r[0],this.reflectProperties(s),p().extend(!0,this.internalProperties,r[1])):null!==r&&"object"==typeof r&&(s=r,this.reflectProperties(r))}else if(t.length>0&&null!==t[0]&&"object"==typeof t[0]){var i;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(null==(i=e.detail)?void 0:i.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){var t;void 0===e&&(e={}),this.scope={...(null==(t=this.parent)?void 0:t.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 d={component:h,register:function(e){return void 0===e&&(e=p().stringCamelCaseToDelimited(h._name)),customElements.define(e,h)}},f=h})(),__webpack_exports__})()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "web-component-wrapper",
3
- "version": "0.0.385",
3
+ "version": "0.0.389",
4
4
  "description": "Generic web-component base class and framework specific wrapper.",
5
5
  "keywords": [
6
6
  "component",