taggedjs 2.3.28 → 2.3.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +1 -1
- package/js/Subject.d.ts +2 -1
- package/js/Subject.js +11 -7
- package/js/Subject.js.map +1 -1
- package/js/Tag.class.d.ts +1 -4
- package/js/Tag.class.js +29 -56
- package/js/Tag.class.js.map +1 -1
- package/js/Tag.utils.d.ts +7 -3
- package/js/Tag.utils.js +3 -3
- package/js/Tag.utils.js.map +1 -1
- package/js/TagSupport.class.d.ts +7 -11
- package/js/TagSupport.class.js +21 -92
- package/js/TagSupport.class.js.map +1 -1
- package/js/ValueSubject.d.ts +1 -1
- package/js/ValueSubject.js +3 -3
- package/js/ValueSubject.js.map +1 -1
- package/js/bindSubjectCallback.function.d.ts +2 -1
- package/js/bindSubjectCallback.function.js +14 -9
- package/js/bindSubjectCallback.function.js.map +1 -1
- package/js/deepFunctions.js +9 -4
- package/js/deepFunctions.js.map +1 -1
- package/js/elementDestroyCheck.function.d.ts +3 -3
- package/js/elementDestroyCheck.function.js.map +1 -1
- package/js/elementInitCheck.d.ts +1 -1
- package/js/elementInitCheck.js +4 -4
- package/js/elementInitCheck.js.map +1 -1
- package/js/gateway/loadTagGateway.function.d.ts +2 -2
- package/js/gateway/loadTagGateway.function.js.map +1 -1
- package/js/gateway/tagGateway.function.d.ts +3 -2
- package/js/gateway/tagGateway.function.js.map +1 -1
- package/js/gateway/tagGateway.utils.d.ts +4 -3
- package/js/gateway/tagGateway.utils.js +3 -15
- package/js/gateway/tagGateway.utils.js.map +1 -1
- package/js/getCallback.js +1 -1
- package/js/getCallback.js.map +1 -1
- package/js/hasTagSupportChanged.function.d.ts +7 -0
- package/js/hasTagSupportChanged.function.js +76 -0
- package/js/hasTagSupportChanged.function.js.map +1 -0
- package/js/index.d.ts +4 -2
- package/js/index.js +5 -2
- package/js/index.js.map +1 -1
- package/js/interpolateAttributes.js +24 -16
- package/js/interpolateAttributes.js.map +1 -1
- package/js/interpolateContentTemplates.d.ts +1 -1
- package/js/interpolateContentTemplates.js +8 -10
- package/js/interpolateContentTemplates.js.map +1 -1
- package/js/interpolateElement.d.ts +2 -0
- package/js/interpolateElement.js +1 -8
- package/js/interpolateElement.js.map +1 -1
- package/js/interpolateTemplate.d.ts +3 -3
- package/js/interpolateTemplate.js +18 -13
- package/js/interpolateTemplate.js.map +1 -1
- package/js/onDestroy.js +0 -3
- package/js/onDestroy.js.map +1 -1
- package/js/onInit.js +0 -4
- package/js/onInit.js.map +1 -1
- package/js/processNewValue.function.d.ts +2 -0
- package/js/processNewValue.function.js +29 -0
- package/js/processNewValue.function.js.map +1 -0
- package/js/processRegularValue.function.d.ts +7 -0
- package/js/processRegularValue.function.js +21 -0
- package/js/processRegularValue.function.js.map +1 -0
- package/js/processSubjectComponent.function.js +3 -19
- package/js/processSubjectComponent.function.js.map +1 -1
- package/js/processSubjectValue.function.d.ts +6 -5
- package/js/processSubjectValue.function.js +28 -42
- package/js/processSubjectValue.function.js.map +1 -1
- package/js/processTagArray.d.ts +1 -0
- package/js/processTagArray.js +46 -16
- package/js/processTagArray.js.map +1 -1
- package/js/processTagResult.function.d.ts +1 -2
- package/js/processTagResult.function.js +1 -17
- package/js/processTagResult.function.js.map +1 -1
- package/js/propState.function.d.ts +2 -0
- package/js/propState.function.js +3 -0
- package/js/propState.function.js.map +1 -0
- package/js/provider.utils.d.ts +2 -0
- package/js/provider.utils.js +34 -0
- package/js/provider.utils.js.map +1 -0
- package/js/providers.d.ts +2 -1
- package/js/providers.js +2 -2
- package/js/providers.js.map +1 -1
- package/js/redrawTag.function.d.ts +3 -2
- package/js/redrawTag.function.js +2 -5
- package/js/redrawTag.function.js.map +1 -1
- package/js/set.function.d.ts +23 -0
- package/{_js/state.js → js/set.function.js} +60 -64
- package/js/set.function.js.map +1 -0
- package/js/setLet.function.d.ts +3 -0
- package/js/setLet.function.js +31 -0
- package/js/setLet.function.js.map +1 -0
- package/js/setProp.function.d.ts +3 -0
- package/js/setProp.function.js +34 -0
- package/js/setProp.function.js.map +1 -0
- package/js/setUse.function.d.ts +1 -1
- package/js/state.d.ts +7 -6
- package/js/state.js +14 -12
- package/js/state.js.map +1 -1
- package/js/tag.d.ts +7 -3
- package/js/tag.js +42 -8
- package/js/tag.js.map +1 -1
- package/js/tagElement.d.ts +2 -1
- package/js/tagElement.js +16 -8
- package/js/tagElement.js.map +1 -1
- package/js/templater.utils.d.ts +0 -3
- package/js/templater.utils.js +22 -19
- package/js/templater.utils.js.map +1 -1
- package/js/updateExistingTag.function.d.ts +1 -1
- package/js/updateExistingTag.function.js +3 -9
- package/js/updateExistingTag.function.js.map +1 -1
- package/js/updateExistingTagComponent.function.js +12 -13
- package/js/updateExistingTagComponent.function.js.map +1 -1
- package/js/updateExistingValue.function.d.ts +5 -3
- package/js/updateExistingValue.function.js +82 -53
- package/js/updateExistingValue.function.js.map +1 -1
- package/js/watch.function.d.ts +3 -0
- package/js/watch.function.js +19 -0
- package/js/watch.function.js.map +1 -0
- package/package.json +1 -1
- package/_js/Clones.type.d.ts +0 -1
- package/_js/Clones.type.js +0 -2
- package/_js/Clones.type.js.map +0 -1
- package/_js/ElementTarget.interface.d.ts +0 -7
- package/_js/ElementTarget.interface.js +0 -2
- package/_js/ElementTarget.interface.js.map +0 -1
- package/_js/ElementTargetEvent.interface.d.ts +0 -6
- package/_js/ElementTargetEvent.interface.js +0 -2
- package/_js/ElementTargetEvent.interface.js.map +0 -1
- package/_js/Props.d.ts +0 -1
- package/_js/Props.js +0 -2
- package/_js/Props.js.map +0 -1
- package/_js/Subject.d.ts +0 -17
- package/_js/Subject.js +0 -43
- package/_js/Subject.js.map +0 -1
- package/_js/Tag.class.d.ts +0 -69
- package/_js/Tag.class.js +0 -258
- package/_js/Tag.class.js.map +0 -1
- package/_js/Tag.utils.d.ts +0 -12
- package/_js/Tag.utils.js +0 -31
- package/_js/Tag.utils.js.map +0 -1
- package/_js/ValueSubject.d.ts +0 -6
- package/_js/ValueSubject.js +0 -15
- package/_js/ValueSubject.js.map +0 -1
- package/_js/bindSubjectCallback.function.d.ts +0 -5
- package/_js/bindSubjectCallback.function.js +0 -19
- package/_js/bindSubjectCallback.function.js.map +0 -1
- package/_js/deepFunctions.d.ts +0 -2
- package/_js/deepFunctions.js +0 -76
- package/_js/deepFunctions.js.map +0 -1
- package/_js/elementDestroyCheck.function.d.ts +0 -3
- package/_js/elementDestroyCheck.function.js +0 -17
- package/_js/elementDestroyCheck.function.js.map +0 -1
- package/_js/elementInitCheck.d.ts +0 -2
- package/_js/elementInitCheck.js +0 -18
- package/_js/elementInitCheck.js.map +0 -1
- package/_js/gateway/gateway.web.component.d.ts +0 -11
- package/_js/gateway/gateway.web.component.js +0 -20
- package/_js/gateway/gateway.web.component.js.map +0 -1
- package/_js/gateway/index.d.ts +0 -3
- package/_js/gateway/index.js +0 -4
- package/_js/gateway/index.js.map +0 -1
- package/_js/gateway/loadTagGateway.function.d.ts +0 -2
- package/_js/gateway/loadTagGateway.function.js +0 -18
- package/_js/gateway/loadTagGateway.function.js.map +0 -1
- package/_js/gateway/tagGateway.function.d.ts +0 -4
- package/_js/gateway/tagGateway.function.js +0 -49
- package/_js/gateway/tagGateway.function.js.map +0 -1
- package/_js/gateway/tagGateway.utils.d.ts +0 -21
- package/_js/gateway/tagGateway.utils.js +0 -139
- package/_js/gateway/tagGateway.utils.js.map +0 -1
- package/_js/getCallback.d.ts +0 -3
- package/_js/getCallback.js +0 -50
- package/_js/getCallback.js.map +0 -1
- package/_js/getTagSupport.d.ts +0 -21
- package/_js/getTagSupport.js +0 -110
- package/_js/getTagSupport.js.map +0 -1
- package/_js/html.d.ts +0 -2
- package/_js/html.js +0 -5
- package/_js/html.js.map +0 -1
- package/_js/index.d.ts +0 -20
- package/_js/index.js +0 -25
- package/_js/index.js.map +0 -1
- package/_js/inputAttribute.d.ts +0 -1
- package/_js/inputAttribute.js +0 -19
- package/_js/inputAttribute.js.map +0 -1
- package/_js/interpolateAttributes.d.ts +0 -4
- package/_js/interpolateAttributes.js +0 -135
- package/_js/interpolateAttributes.js.map +0 -1
- package/_js/interpolateContentTemplates.d.ts +0 -6
- package/_js/interpolateContentTemplates.js +0 -54
- package/_js/interpolateContentTemplates.js.map +0 -1
- package/_js/interpolateElement.d.ts +0 -9
- package/_js/interpolateElement.js +0 -39
- package/_js/interpolateElement.js.map +0 -1
- package/_js/interpolateTemplate.d.ts +0 -17
- package/_js/interpolateTemplate.js +0 -64
- package/_js/interpolateTemplate.js.map +0 -1
- package/_js/interpolations.d.ts +0 -7
- package/_js/interpolations.js +0 -18
- package/_js/interpolations.js.map +0 -1
- package/_js/isInstance.d.ts +0 -6
- package/_js/isInstance.js +0 -10
- package/_js/isInstance.js.map +0 -1
- package/_js/js/Clones.type.d.ts +0 -1
- package/_js/js/Clones.type.js +0 -2
- package/_js/js/Clones.type.js.map +0 -1
- package/_js/js/Props.d.ts +0 -1
- package/_js/js/Props.js +0 -2
- package/_js/js/Props.js.map +0 -1
- package/_js/js/Subject.d.ts +0 -17
- package/_js/js/Subject.js +0 -43
- package/_js/js/Subject.js.map +0 -1
- package/_js/js/Tag.class.d.ts +0 -67
- package/_js/js/Tag.class.js +0 -241
- package/_js/js/Tag.class.js.map +0 -1
- package/_js/js/Tag.utils.d.ts +0 -12
- package/_js/js/Tag.utils.js +0 -31
- package/_js/js/Tag.utils.js.map +0 -1
- package/_js/js/ValueSubject.d.ts +0 -6
- package/_js/js/ValueSubject.js +0 -15
- package/_js/js/ValueSubject.js.map +0 -1
- package/_js/js/bindSubjectCallback.function.d.ts +0 -5
- package/_js/js/bindSubjectCallback.function.js +0 -19
- package/_js/js/bindSubjectCallback.function.js.map +0 -1
- package/_js/js/deepFunctions.d.ts +0 -2
- package/_js/js/deepFunctions.js +0 -76
- package/_js/js/deepFunctions.js.map +0 -1
- package/_js/js/elementDestroyCheck.function.d.ts +0 -3
- package/_js/js/elementDestroyCheck.function.js +0 -17
- package/_js/js/elementDestroyCheck.function.js.map +0 -1
- package/_js/js/elementInitCheck.d.ts +0 -2
- package/_js/js/elementInitCheck.js +0 -18
- package/_js/js/elementInitCheck.js.map +0 -1
- package/_js/js/getCallback.d.ts +0 -3
- package/_js/js/getCallback.js +0 -50
- package/_js/js/getCallback.js.map +0 -1
- package/_js/js/getTagSupport.d.ts +0 -22
- package/_js/js/getTagSupport.js +0 -116
- package/_js/js/getTagSupport.js.map +0 -1
- package/_js/js/html.d.ts +0 -2
- package/_js/js/html.js +0 -5
- package/_js/js/html.js.map +0 -1
- package/_js/js/index.d.ts +0 -19
- package/_js/js/index.js +0 -24
- package/_js/js/index.js.map +0 -1
- package/_js/js/inputAttribute.d.ts +0 -1
- package/_js/js/inputAttribute.js +0 -19
- package/_js/js/inputAttribute.js.map +0 -1
- package/_js/js/interpolateAttributes.d.ts +0 -4
- package/_js/js/interpolateAttributes.js +0 -127
- package/_js/js/interpolateAttributes.js.map +0 -1
- package/_js/js/interpolateContentTemplates.d.ts +0 -5
- package/_js/js/interpolateContentTemplates.js +0 -57
- package/_js/js/interpolateContentTemplates.js.map +0 -1
- package/_js/js/interpolateElement.d.ts +0 -9
- package/_js/js/interpolateElement.js +0 -32
- package/_js/js/interpolateElement.js.map +0 -1
- package/_js/js/interpolateTemplate.d.ts +0 -17
- package/_js/js/interpolateTemplate.js +0 -64
- package/_js/js/interpolateTemplate.js.map +0 -1
- package/_js/js/interpolations.d.ts +0 -8
- package/_js/js/interpolations.js +0 -17
- package/_js/js/interpolations.js.map +0 -1
- package/_js/js/isInstance.d.ts +0 -6
- package/_js/js/isInstance.js +0 -10
- package/_js/js/isInstance.js.map +0 -1
- package/_js/js/onDestroy.d.ts +0 -2
- package/_js/js/onDestroy.js +0 -20
- package/_js/js/onDestroy.js.map +0 -1
- package/_js/js/onInit.d.ts +0 -2
- package/_js/js/onInit.js +0 -19
- package/_js/js/onInit.js.map +0 -1
- package/_js/js/processSubjectComponent.function.d.ts +0 -8
- package/_js/js/processSubjectComponent.function.js +0 -53
- package/_js/js/processSubjectComponent.function.js.map +0 -1
- package/_js/js/processSubjectValue.function.d.ts +0 -16
- package/_js/js/processSubjectValue.function.js +0 -122
- package/_js/js/processSubjectValue.function.js.map +0 -1
- package/_js/js/processTagArray.d.ts +0 -9
- package/_js/js/processTagArray.js +0 -60
- package/_js/js/processTagArray.js.map +0 -1
- package/_js/js/processTagResult.function.d.ts +0 -10
- package/_js/js/processTagResult.function.js +0 -42
- package/_js/js/processTagResult.function.js.map +0 -1
- package/_js/js/providers.d.ts +0 -17
- package/_js/js/providers.js +0 -86
- package/_js/js/providers.js.map +0 -1
- package/_js/js/redrawTag.function.d.ts +0 -7
- package/_js/js/redrawTag.function.js +0 -9
- package/_js/js/redrawTag.function.js.map +0 -1
- package/_js/js/render.d.ts +0 -1
- package/_js/js/render.js +0 -24
- package/_js/js/render.js.map +0 -1
- package/_js/js/renderAppToElement.d.ts +0 -14
- package/_js/js/renderAppToElement.js +0 -57
- package/_js/js/renderAppToElement.js.map +0 -1
- package/_js/js/setUse.function.d.ts +0 -23
- package/_js/js/setUse.function.js +0 -14
- package/_js/js/setUse.function.js.map +0 -1
- package/_js/js/state.d.ts +0 -24
- package/_js/js/state.js +0 -98
- package/_js/js/state.js.map +0 -1
- package/_js/js/tag.d.ts +0 -8
- package/_js/js/tag.js +0 -46
- package/_js/js/tag.js.map +0 -1
- package/_js/js/tagElement.d.ts +0 -14
- package/_js/js/tagElement.js +0 -57
- package/_js/js/tagElement.js.map +0 -1
- package/_js/js/tagGateway.function.d.ts +0 -5
- package/_js/js/tagGateway.function.js +0 -119
- package/_js/js/tagGateway.function.js.map +0 -1
- package/_js/js/tagRunner.d.ts +0 -6
- package/_js/js/tagRunner.js +0 -19
- package/_js/js/tagRunner.js.map +0 -1
- package/_js/js/templater.utils.d.ts +0 -28
- package/_js/js/templater.utils.js +0 -99
- package/_js/js/templater.utils.js.map +0 -1
- package/_js/js/updateTag.utils.d.ts +0 -6
- package/_js/js/updateTag.utils.js +0 -84
- package/_js/js/updateTag.utils.js.map +0 -1
- package/_js/js/wait.d.ts +0 -1
- package/_js/js/wait.js +0 -8
- package/_js/js/wait.js.map +0 -1
- package/_js/onDestroy.d.ts +0 -2
- package/_js/onDestroy.js +0 -20
- package/_js/onDestroy.js.map +0 -1
- package/_js/onInit.d.ts +0 -2
- package/_js/onInit.js +0 -19
- package/_js/onInit.js.map +0 -1
- package/_js/processSubjectComponent.function.d.ts +0 -8
- package/_js/processSubjectComponent.function.js +0 -53
- package/_js/processSubjectComponent.function.js.map +0 -1
- package/_js/processSubjectValue.function.d.ts +0 -16
- package/_js/processSubjectValue.function.js +0 -122
- package/_js/processSubjectValue.function.js.map +0 -1
- package/_js/processTagArray.d.ts +0 -9
- package/_js/processTagArray.js +0 -60
- package/_js/processTagArray.js.map +0 -1
- package/_js/processTagResult.function.d.ts +0 -10
- package/_js/processTagResult.function.js +0 -40
- package/_js/processTagResult.function.js.map +0 -1
- package/_js/providers.d.ts +0 -17
- package/_js/providers.js +0 -86
- package/_js/providers.js.map +0 -1
- package/_js/redrawTag.function.d.ts +0 -7
- package/_js/redrawTag.function.js +0 -8
- package/_js/redrawTag.function.js.map +0 -1
- package/_js/render.d.ts +0 -1
- package/_js/render.js +0 -17
- package/_js/render.js.map +0 -1
- package/_js/renderAppToElement.d.ts +0 -14
- package/_js/renderAppToElement.js +0 -57
- package/_js/renderAppToElement.js.map +0 -1
- package/_js/setUse.function.d.ts +0 -23
- package/_js/setUse.function.js +0 -14
- package/_js/setUse.function.js.map +0 -1
- package/_js/state.d.ts +0 -21
- package/_js/state.js.map +0 -1
- package/_js/tag.d.ts +0 -7
- package/_js/tag.js +0 -46
- package/_js/tag.js.map +0 -1
- package/_js/tagElement.d.ts +0 -14
- package/_js/tagElement.js +0 -57
- package/_js/tagElement.js.map +0 -1
- package/_js/tagGateway.function.d.ts +0 -14
- package/_js/tagGateway.function.js +0 -138
- package/_js/tagGateway.function.js.map +0 -1
- package/_js/tagRunner.d.ts +0 -6
- package/_js/tagRunner.js +0 -19
- package/_js/tagRunner.js.map +0 -1
- package/_js/templater.utils.d.ts +0 -27
- package/_js/templater.utils.js +0 -98
- package/_js/templater.utils.js.map +0 -1
- package/_js/updateTag.utils.d.ts +0 -6
- package/_js/updateTag.utils.js +0 -102
- package/_js/updateTag.utils.js.map +0 -1
- package/_js/wait.d.ts +0 -1
- package/_js/wait.js +0 -8
- package/_js/wait.js.map +0 -1
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var t={d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};function r(t){return n(t,new WeakMap)}function n(t,e){if(null===t||"object"!=typeof t)return t;if(e.has(t))return e.get(t);if(t instanceof Date)return new Date(t);if(t instanceof RegExp)return new RegExp(t);const r=Array.isArray(t)?[]:Object.create(Object.getPrototypeOf(t));if(e.set(t,r),Array.isArray(t))for(let o=0;o<t.length;o++)r[o]=n(t[o],e);else for(const o in t)t.hasOwnProperty(o)&&(r[o]=n(t[o],e));return r}function o(t,e){return s(t,e,new WeakMap)}function s(t,e,r){if(t===e)return!0;if("object"!=typeof t||"object"!=typeof e||null===t||null===e)return!1;const n=Object.keys(t),o=Object.keys(e);if(n.length!==o.length)return!1;if(r.has(t))return!0;r.set(t,0);for(const a of n)if(!o.includes(a)||!s(t[a],e[a],r)){if(t[a]instanceof Function&&e[a]instanceof Function&&t[a].toString()===e[a].toString())continue;return!1}if(Array.isArray(t)&&Array.isArray(e)){if(t.length!==e.length)return!1;for(let n=0;n<t.length;n++)if(!s(t[n],e[n],r))return!1}else if(Array.isArray(t)||Array.isArray(e))return!1;return!0}function a(t){return!0===t?.isTemplater}function i(t){return!0===t?.isTag}function u(t){return!(!0!==t?.isSubject&&!t?.subscribe)}function c(t){return t instanceof Array&&t.every((t=>i(t)))}function l(t){const e={beforeRender:t.beforeRender||(()=>{}),beforeRedraw:t.beforeRedraw||(()=>{}),afterRender:t.afterRender||(()=>{}),beforeDestroy:t.beforeDestroy||(()=>{})};l.tagUse.push(e)}function p(t,e){l.tagUse.forEach((r=>r.beforeRender(t,e)))}function g(t,e){l.tagUse.forEach((r=>r.afterRender(t,e)))}function d(t,e){l.tagUse.forEach((r=>r.beforeRedraw(t,e)))}t.d(e,{W9:()=>G,ei:()=>Y,B7:()=>A,vw:()=>yt,PC:()=>X,uX:()=>h,Ot:()=>R,eQ:()=>Dt,oM:()=>S,zC:()=>b,I1:()=>w,cF:()=>Ht,qy:()=>wt,xH:()=>Pt,u2:()=>ut,zl:()=>lt,_4:()=>u,iO:()=>c,mn:()=>a,Yn:()=>i,Ly:()=>Rt,sA:()=>Wt,MG:()=>It,r5:()=>Ot,iz:()=>T,vJ:()=>p,AI:()=>l,wk:()=>Bt,Tc:()=>F,Hf:()=>E,TY:()=>Vt,_A:()=>k}),l.tagUse=[],l.memory={};class f{tagged;wrapper;newest;oldest;tagSupport;constructor(t,e){this.tagSupport=new h(this,e,t)}redraw;isTemplater=!0;forceRenderTemplate(t,e){const r=this.wrapper();return r.setSupport(t),g(r.tagSupport,r),this.oldest=r,t.oldest=r,this.oldest=r,this.newest=r,r.ownerTag=e,r}renderWithSupport(t,e,r){++t.memory.renderCount;const n=e?.ownerTag||r;t.oldest?(t.props=t.latestProps,t.clonedProps=t.latestClonedProps,d(t,t.oldest)):(p(t,n),l.memory.providerConfig.ownerTag=n);const o=this,s=o.wrapper();t.latestProps=s.tagSupport.props,t.latestClonedProps=s.tagSupport.clonedProps,s.setSupport(t),g(t,s),o.newest=s,s.ownerTag=n;const a=t.oldest=t.oldest||s;t.newest=s;const i=a.tagSupport;return a.tagSupport=i||t,a.tagSupport.templater=o,e&&e.isLikeTag(s)?(a.updateByTag(s),{remit:!1,retag:s}):{remit:!0,retag:s}}}function m(t,e){const r=function(t,r){if("object"!=typeof t)return t;const n={...t};return Object.entries(n).forEach((([t,r])=>{n[t]=r instanceof Function?(...t)=>function(t,r){const n=t(...r);return e.newest?.ownerTag?.tagSupport.render(),n}(r,t):r})),n}(i(t)?0:t);return r}class h{templater;children;props;latestProps;latestClonedProps;lastClonedKidValues=[];clonedProps;memory={context:{},state:{newest:[]},providers:[],renderCount:0};constructor(t,e,n){this.templater=t,this.children=e,this.props=n,this.latestProps=n;const o=m(n,t);this.latestClonedProps=o,i(n)||(this.latestClonedProps=r(o)),this.clonedProps=this.latestClonedProps,this.lastClonedKidValues.length=0,e.value.forEach((t=>{const e=v(t.values);this.lastClonedKidValues.push(e)}))}oldest;newest;mutatingRender(){const t='Tag function "render()" was called in sync but can only be called async';throw console.error(t,{tagSupport:this}),new Error(t)}render(){return++this.memory.renderCount,this.mutatingRender()}renderExistingTag(t,e){const n=this.memory.renderCount;if(function(t){t.tagSupport.memory.providers.filter((t=>!o(t.instance,t.clone))).forEach((e=>{!function(t,e){y(t,e).forEach((({tag:t,renderCount:e,provider:n})=>{e===t.tagSupport.memory.renderCount&&(n.clone=r(n.instance),t.tagSupport.render())}))}(t.getAppElement(),e),e.clone=r(e.instance)}))}(t),n!==this.memory.renderCount)return!0;const s=w(t.tagSupport.templater.tagSupport,e.tagSupport);return this.newest=this.templater.redraw(),!s}}function y(t,e,r=[]){const n=t.tagSupport.memory.providers.find((t=>t.constructMethod===e.constructMethod));return n&&r.push({tag:t,renderCount:t.tagSupport.memory.renderCount,provider:n}),t.children.forEach((t=>y(t,e,r))),r}function w(t,e){const r=t.props;return!!b(e.props,t.latestClonedProps,r)||S(t,e)}function b(t,e,r){return!(void 0===t&&t===r||o(e,t))}function S(t,e){const r=t.lastClonedKidValues,n=e.lastClonedKidValues;return!r.every(((t,e)=>{const r=n[e];return t.every(((t,e)=>t===r[e]))}))}function v(t){return t.map((t=>{const e=t;if(i(e))return v(e.values);if(a(e)){const t=e;if(t.newest||t.oldest)throw 33;return r(t.tagSupport.latestClonedProps)}return c(e)?v(e):r(t)}))}function T(t,e,r){const n=t?.tagSupport||new h(e,e.tagSupport.children);return e.renderWithSupport(n,t,r)}const C=[];function E(t,e,r){const n=C.findIndex((t=>t.element===e));n>=0&&(C[n].tag.destroy(),C.splice(n,1),console.warn("Found and destroyed app element already rendered to element",{element:e}));const o=function(t){const e=t.tagSupport;p(e,void 0);const r=t.wrapper();return r.tagSupport=e,g(r.tagSupport,r),{tag:r,tagSupport:e}}(t(r)),{tag:s,tagSupport:a}=o;s.appElement=e,function(t,e){let r;t.mutatingRender=()=>{d(e.tagSupport,e);const n=t.templater,o=r=n.wrapper();return t.latestProps=o.tagSupport.props,t.latestClonedProps=o.tagSupport.clonedProps,o.setSupport(t),g(e.tagSupport,e),e.updateByTag(o),t.newest=o,r}}(a,s);const i=document.createElement("template");return i.setAttribute("tag-detail","app-template-placeholder"),e.appendChild(i),s.buildBeforeElement(i),e.setUse=t.original.setUse,C.push({element:e,tag:s}),{tag:s,tags:t.original.tags}}class A{isSubject=!0;subscribers=[];value;subscribe(t){this.subscribers.push(t),x.globalSubs.push(t),x.globalSubCount$.set(x.globalSubCount$.value+1);const e=()=>{e.unsubscribe()};return e.unsubscribe=()=>{P(this.subscribers,t),P(x.globalSubs,t),x.globalSubCount$.set(x.globalSubCount$.value-1),e.unsubscribe=()=>{}},e}set(t){this.value=t,this.subscribers.forEach((e=>{e.value=t,e(t)}))}next=this.set}function P(t,e){const r=t.indexOf(e);-1!==r&&t.splice(r,1)}const x=A;x.globalSubs=[],x.globalSubCount$=new A,x.globalSubCount$.set(0);class R extends A{value;constructor(t){super(),this.value=t}subscribe(t){const e=super.subscribe(t);return t(this.value),e}}function j(t,e){if(t.isChildOverride)return t;function r(r,n){return V(t,e,r,n)}return r.tagFunction=t,r}function V(t,e,r,n){const o=e.tagSupport.memory.renderCount,s=t.bind(r)(...n);if(o===e.tagSupport.memory.renderCount)return e.tagSupport.render(),s instanceof Promise?s.then((()=>e.tagSupport.render()&&"no-data-ever")):Promise.resolve(s).then((()=>"no-data-ever"))}const k=[];let O=0;function F(t){const e=function(e,r){const n=i(e)||c(e);n&&(r=e,e=void 0);const{childSubject:o,madeSubject:s}=function(t){if(u(t))return{childSubject:t,madeSubject:!1};if(c(t))return{childSubject:new R(t),madeSubject:!0};const e=t;return e?(e.arrayValue=0,{childSubject:new R([e]),madeSubject:!0}):{childSubject:new R([]),madeSubject:!0}}(r),a=new f(e,o);function l(){const t=(0,l.original)(a.tagSupport.props,o);return t.setSupport(a.tagSupport),s&&o.value.forEach((e=>{e.values.forEach(((r,n)=>{r instanceof Function&&(e.values[n].isChildOverride||(e.values[n]=function(...e){V(r,t.ownerTag,this,e)},e.values[n].isChildOverride=!0))}))})),t}return n||m(e,a),l.original=t,a.tagged=!0,a.wrapper=l,a};return function(t,e){t.isTag=!0,t.original=e}(e,t),function(t){t.tags=k,t.setUse=l,t.tagIndex=++O}(t),k.push(t),e}function B(t,e,r){t.redraw=()=>{const n=e.tag,{remit:o,retag:s}=T(n,t,r);if(e.tagSupport=s.tagSupport,o)return e.set(t),s}}function N(t,e){e.parentNode.insertBefore(t,e)}function _(t,e,r){const n=t.split(".");if("style"===n[0]&&(r.style[n[1]]=e),"class"===n[0])return n.shift(),void(e?n.forEach((t=>r.classList.add(t))):n.forEach((t=>r.classList.remove(t))))}function $(t,e,r){const n=t.getAttributeNames();"TEXTAREA"!==t.nodeName||n.includes("value")||L("textVarValue",t.getAttribute("textVarValue"),t,e,r,((e,r)=>t.value=r));const o=(e,r)=>{t.setAttribute(e,r)};n.forEach((n=>{L(n,t.getAttribute(n),t,e,r,o)}))}function M(t){return t.search(/^(class|style)(\.)/)>=0}function L(t,e,r,n,o,s){if(W(e))return function(t,e,r,n,o,s){return z(t,D(n,e),r,o,s)}(t,e,r,n,o,s);if(W(t)){let e;const a=D(n,t).subscribe((t=>{!function(t,e,r,n,o){if(e&&e!=t&&("string"==typeof e?r.removeAttribute(e):e instanceof Object&&Object.entries(e).forEach((([t])=>r.removeAttribute(t)))),"string"!=typeof t)t instanceof Object&&Object.entries(t).forEach((([t,e])=>z(t,e,r,n,o)));else{if(!t.length)return;z(t,"",r,n,o)}}(t,e,r,o,s),e=t}));return o.cloneSubs.push(a),void r.removeAttribute(t)}return M(t)?_(t,e,r):void 0}new class{};const I=/^\s*{__tagvar/,U=/}\s*$/;function W(t){return t&&t.search(I)>=0&&t.search(U)>=0}function D(t,e){return t[e.replace("{","").split("").reverse().join("").replace("}","").split("").reverse().join("")]}function z(t,e,r,n,o){const s=M(t);if(e instanceof Function){const n=function(...t){return e(r,t)};r[t].action=n}if(u(e)){r.removeAttribute(t);const a=e=>function(t,e,r,n,o){if(t instanceof Function)return e[r]=function(...r){return t(e,r)},void(e[r].tagFunction=t);if(n)return void _(r,t,e);if(t)return void o(r,t);void 0===t||!1===t||null===t?e.removeAttribute(r):o(r,t)}(e,r,t,s,o),i=e.subscribe(a);n.cloneSubs.push(i)}else o(t,e)}const K=/(?:<[^>]*?(?:(?:\s+\w+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^>\s]+)))*\s*)\/?>)|({__tagvar[^}]+})/g;function H(t,e,r,{index:n,counts:o,forceElement:s}){if(void 0!==n){const a=e.lastArray,i=a[n];if(i?.tag.isLikeTag(t))return i.tag.updateByTag(t),[];a.push({tag:t,index:n});const u=r;return t.buildBeforeElement(u,{counts:o,forceElement:s})}const a=e,i=a.tag;if(i&&!s&&i.isLikeTag(t)){if(e instanceof Function){const t=e(i.tagSupport);return i.updateByTag(t),[]}return i.updateByTag(t),[]}const u=t.buildBeforeElement(r,{counts:o,forceElement:s});return a.tag=t,u}function J(t,e,r,n,o){if(!0!==t.tagged){let e=t.wrapper.original.name||t.wrapper.original.constructor?.name;"Function"===e&&(e=void 0);const r=e||t.wrapper.original.toString().substring(0,120);throw new Error(`Not a tag component. Wrap your function with tag(). Example tag(props => html\`\`) on component:\n\n${r}\n\n`)}const s=t,a=t.tagSupport;a.mutatingRender=()=>e.tag&&a.renderExistingTag(e.tag,s)?e.tag:a.newest=n.tagSupport.render();let i=s.newest;return l.memory.providerConfig.ownerTag=n,(!i||o.forceElement)&&(i?d(i.tagSupport,i):p(a,n),i=s.forceRenderTemplate(a,n)),n.children.push(i),a.latestProps=i.tagSupport.props,a.latestClonedProps=i.tagSupport.clonedProps,a.memory=i.tagSupport.memory,i.setSupport(a),H(i,e,r,o)}class X extends Error{details;constructor(t,e,r={}){super(t),this.name=X.name,this.details={...r,errorCode:e}}}class G extends X{constructor(t,e){super(t,"array-no-key-error",e),this.name=G.name}}class Y extends X{constructor(t,e){super(t,"state-mismatch-error",e),this.name=Y.name}}function q(t,e,r,n,o){const s=[];t.lastArray=t.lastArray||[],t.template=r;let a=0;t.lastArray=t.lastArray.filter(((r,n)=>{const s=e.length-1<n-a,i=e[n-a],u=i?.arrayValue;return!s&&u===r.tag.arrayValue||(t.lastArray[n].tag.destroy({stagger:o.counts.removed,byParent:!1}),++a,++o.counts.removed,!1)}));const i=r||r.clone;return e.forEach(((r,a)=>{r.tagSupport=new h({},new R([])),r.tagSupport.mutatingRender=()=>(n.tagSupport.render(),r),r.ownerTag=n,n.children.push(r);const u=r.arrayValue;if(u?.isArrayValueNeverSet){const t={template:r.getTemplate().string,array:e,ownerTagContent:n.lastTemplateString},o="Use html`...`.key(item) instead of html`...` to template an Array";throw console.error(o,t),new G(o,t)}const c=t.lastArray[a];if(c)return c.tag.arrayValue===r.arrayValue&&c.tag.updateValues(r.values),[];const l=H(r,t,i,{index:a,...o});s.push(...l)})),s}var Q;function Z(t,e,r,n){const o=e.clone||r,s=nt(t,o);e.clone=s;const a=[],i=n.clones.indexOf(o);return i>=0&&!n.clones.includes(s)&&!o.parentNode&&(n.clones.splice(i,1),n.clones.push(s),a.push(s)),a}function tt(t,e,r,n,o){return t.tagSupport||(t.tagSupport=new h({},new R([])),t.tagSupport.mutatingRender=n.tagSupport.mutatingRender,t.tagSupport.oldest=t.tagSupport.oldest||t,n.children.push(t),t.ownerTag=n,e.sideTag=n),e.template=r,H(t,e,r,o)}function et(t,e,r,n){const o=e.tag,s=e.clone||r;s.parentNode.insertBefore(r,s),e.clone&&e.clone.parentNode.removeChild(e.clone),delete e.tag;const a=n.counts.removed,i=o.destroy({stagger:a}).then((t=>n.counts.removed=a+t));delete e.tag;const u=nt(t,r);return e.clone=u,i}function rt(t,e,r,n,o){const s=[];if(!t.hasAttribute("end"))return s;const u=t.getAttribute("id");if(u?.substring(0,gt.length)!==gt)return s;const l=e[u];let p=o.forceElement;const g=l.subscribe((e=>{const{clones:o}=function(t,e,r,n,o){const s=function(t){return a(t)?Q.tagComponent:i(t)?Q.tag:c(t)?Q.tagArray:Q.value}(t),u=e,l=u.clone;if(s!==Q.value&&l){const t=l.parentNode;r.removeAttribute("removedAt"),t.insertBefore(r,l),t.removeChild(l),delete u.clone}switch(s){case Q.tag:return{clones:tt(t,e,r,n,o)};case Q.tagArray:return{clones:q(e,t,r,n,o)};case Q.tagComponent:return{clones:J(t,e,r,n,o)}}return e.tag?{clones:[],promise:et(t,e,r,o)}:{clones:Z(t,e,r,n)}}(e,l,t,r,{counts:n,forceElement:p});p&&(p=!1),o.push(...o),setTimeout((()=>{n.added=0,n.removed=0}),0)}));return r.cloneSubs.push(g),s}function nt(t,e){const r=e.parentNode;void 0!==t&&!1!==t&&null!==t||(t="");const n=document.createTextNode(t);return r.insertBefore(n,e),r.removeChild(e),"TEMPLATE"===e.nodeName&&e.setAttribute("removedAt",Date.now().toString()),n}function ot(t,e){t.getAttribute&&(e.forceElement||function(t,e){const r=t.oninit;if(!r)return;const n=r.tagFunction;if(!n)return;const o=n.tagFunction;o&&(o({target:t,stagger:e.added}),++e.added)}(t,e.counts),t.children&&new Array(...t.children).forEach((t=>ot(t,e))))}!function(t){t.tag="tag",t.tagArray="tag-array",t.tagComponent="tag-component",t.value="value"}(Q||(Q={}));const st=new RegExp('\\s*<template interpolate end id="__tagvar(\\d{1,4})"([^>]*)></template>(\\s*)');function at(t,e,r,n,o){if(!o||"TEMPLATE"===t.tagName)return[];const s={added:0,removed:0},a=[],i=new Array(...o);return"TEXTAREA"===t.tagName&&it(t),i.forEach((t=>{const o=rt(t,e,r,s,n);"TEXTAREA"===t.tagName&&it(t),a.push(...o),t.children&&new Array(...t.children).forEach((t=>{(function(t){return"TEMPLATE"===t.tagName&&void 0!==t.getAttribute("interpolate")&&void 0!==t.getAttribute("end")})(t)&&rt(t,e,r,s,n);const o=at(t,e,r,n,t.children);a.push(...o)}))})),a}function it(t){const e=t.value;if(e.search(st)>=0){const r=e.match(/__tagvar(\d{1,4})/),n="{"+(r?r[0]:"")+"}";t.value="",t.setAttribute("textVarValue",n)}}function ut(t,e,r,n,o){const s=[],a=r.interpolation,i=t.children[0].content.children;if(a.keys.length){const r=at(t,e,n,o,i);s.push(...r)}return $(t,e,n),ct(i,e,n),s}function ct(t,e,r){new Array(...t).forEach((t=>{$(t,e,r),t.children&&ct(t.children,e,r)}))}function lt(t){const e=function(t){const e=[];return{string:t.replace(K,((t,r)=>{if(t.startsWith("<"))return t;const n=r.substring(1,r.length-1);return e.push(n),`<template interpolate end id="${n}"></template>`})),keys:e}}(t);return e.string=e.string.replace(mt,gt),e}function pt(t,e,r){delete e.tag,delete e.tagSupport,delete r.tagSupport,t.destroy()}const gt="__tagvar",dt="--"+gt+"--",ft=new RegExp(gt,"g"),mt=new RegExp(dt,"g");class ht{isArrayValueNeverSet=!0}class yt{strings;values;isTag=!0;clones=[];cloneSubs=[];children=[];tagSupport;ownerTag;insertBefore;appElement;arrayValue=new ht;constructor(t,e){this.strings=t,this.values=e}key(t){return this.arrayValue=t,this}async destroy(t={stagger:0,byParent:!1}){!!this.tagSupport&&function(t,e){l.tagUse.forEach((r=>r.beforeDestroy(t,e)))}(this.tagSupport,this),this.destroySubscriptions();const e=this.children.map((e=>e.destroy({...t,byParent:!0})));return t.byParent||(t.stagger=await this.destroyClones(t)),this.ownerTag&&(this.ownerTag.children=this.ownerTag.children.filter((t=>t!==this))),await Promise.all(e),t.stagger}destroySubscriptions(){this.cloneSubs.forEach((t=>t.unsubscribe())),this.cloneSubs.length=0}async destroyClones({stagger:t}={stagger:0}){const e=this.clones.reverse().map(((e,r)=>{let n=Promise.resolve();return e.ondestroy&&(n=function(t,e){const r=t.ondestroy;if(!r)return;const n=r.tagFunction;if(!n)return;const o=n.tagFunction;return o?o({target:t,stagger:e}):void 0}(e,t)),n.then((()=>{e.parentNode?.removeChild(e);const t=this.ownerTag;t&&(t.clones=t.clones.filter((t=>t!==e)))})),n}));return await Promise.all(e),t}updateByTag(t){this.updateConfig(t.strings,t.values),this.tagSupport.templater=t.tagSupport.templater}lastTemplateString=void 0;setSupport(t){this.tagSupport=t,this.tagSupport.mutatingRender=t.mutatingRender}updateConfig(t,e){this.strings=t,this.updateValues(e)}getTemplate(){const t=lt(this.strings.map(((t,e)=>(t.replace(ft,dt)+(this.values.length>e?`{${gt}${e}}`:"")).replace(/>\s*/g,">").replace(/\s*</g,"<"))).join(""));return this.lastTemplateString=t.string,{interpolation:t,string:t.string,strings:this.strings,values:this.values,context:this.tagSupport?.memory.context||{}}}isLikeTag(t){const{string:e}=t.getTemplate();if(e!==this.lastTemplateString||t.values.length!==this.values.length)return!1;const r=t.values.every(((t,e)=>{const r=this.values[e];if(t instanceof Function&&r instanceof Function)return!(t.toString()!==r.toString());const n=t;return!i(n)||!i(r)||(console.log("🎃"),n.ownerTag=this,this.children.push(n),n.lastTemplateString||n.getTemplate().string,!!n.isLikeTag(r))}));return!!r}update(){return this.updateContext(this.tagSupport.memory.context)}updateValues(t){return this.values=t,this.updateContext(this.tagSupport.memory.context)}updateContext(t){return this.strings.map(((e,n)=>{const o=gt+n,s=this.values.length>n,l=this.values[n],p=t[o];if(p)return function(t,e,n){const o=t.value,s=o?.tag,l=e,p=t,f=t;if(t.lastArray){if(c(e))return void q(t,e,p.template,n,{counts:{added:0,removed:0}});t.lastArray.forEach((({tag:t})=>t.destroy())),delete t.lastArray}if(a(l))return function(t,e,n,o){let s=n.tag;if(!s)return B(e,n,t),void e.redraw();const a=s.tagSupport.templater.wrapper,u=e.wrapper;let c=!1;a&&u&&(c=a.original===u.original);const l=e.tagSupport.props,p=s.tagSupport;if(p.latestProps=l,c){const t=o?.tagSupport;let n=t.props;if(i(t.props)||(n=r(t.props)),s&&!w(p,e.tagSupport))return}else pt(s,n,o);B(e,n,t),p.templater=e;const g=e.redraw();n.value.tag=p.newest=g,p.latestClonedProps=e.tagSupport.clonedProps,c||(n.tag=g,o.tagSupport=e.tagSupport)}(n,l,f,o);const m=f.tag;if(m){c(e)&&(pt(m,f,o),delete f.tag);const r=m.tagSupport.templater.wrapper,n=e?.wrapper,a=r&&n&&r?.original===n?.original,i=e&&m.lastTemplateString===e.lastTemplateString,u=e&&e.getTemplate&&m.isLikeTag(e);if(i||u)return void tt(e,t,t.template,m,{counts:{added:0,removed:0}});if(a)return function(t,e,r){const n=e.tagSupport,o=n.oldest;d(o.tagSupport,o);const s=t.wrapper();n.latestProps=s.tagSupport.props,n.latestClonedProps=s.tagSupport.clonedProps,n.memory=s.tagSupport.memory,s.setSupport(n),t.newest=s,n.newest=s,g(o.tagSupport,o),e.updateByTag(s),r.set(t)}(e,m,f);s&&(pt(m,f,o),delete f.tag)}e instanceof Function?f.set(j(e,n)):u(e)?f.set(e.value):f.set(e)}(p,l,this);!function(t,e,r,n,o){if(a(e))B(e,r[n]=new R(e),o);else if(e instanceof Function)r[n]=function(t,e){return new R(j(t,e))}(e,o);else if(t)i(e)?(e.ownerTag=o,o.children.push(e),r[n]=new R(e)):u(e)?r[n]=e:r[n]=new R(e)}(s,l,t,o,this)})),t}getAppElement(){let t=this;for(;t.ownerTag;)t=t.ownerTag;return t}rebuild(){const t=this.insertBefore;if(!t){const t=new Error("Cannot rebuild. Previous insertBefore element is not defined on tag");throw t.tag=this,t}this.buildBeforeElement(t,{forceElement:!0,counts:{added:0,removed:0}})}buildBeforeElement(t,e={forceElement:!1,counts:{added:0,removed:0}}){this.insertBefore=t;const r=this.update(),n=this.getTemplate(),o=document.createElement("div");o.id="tag-temp-holder",o.innerHTML=`<template tag-wrap="22">${n.string}</template>`;const s=ut(o,r,n,this,{forceElement:e.forceElement});this.clones.length=0;const a=function(t,e){const r=[];let n=t.children[0].content.firstChild;for(;n;){const t=n.nextSibling;N(n,e),r.push(n),n=t}return r}(o,t);return this.clones.push(...a),s.length&&(this.clones=this.clones.filter((t=>!s.find((e=>e===t))))),this.clones.forEach((t=>ot(t,e))),this.clones}}function wt(t,...e){return new yt(t,e)}const bt={},St={};function vt(t){const{id:e,observer:r,tag:n}=t;r.disconnect(),n.destroy(),delete bt[e]}function Tt(t){return"__tagTemplate_"+function(t){let e=t.toString().replace(/\s+/g,"_").replace(/[^\w\d]/g,"_");return/^[a-zA-Z]/.test(e)||(e="fn_"+e),e}(t)}function Ct(t){const e=t.getAttribute("props");if(!e)return{element:t};try{const r=JSON.parse(e),n=t.getAttribute("events");n&&n.split(",").map((t=>t.trim())).map((t=>{r[t]=e=>o(t,{detail:{[t]:e}})}));const o=function(e,r){const n=new CustomEvent(e,r);t.dispatchEvent(n)};return r}catch(r){throw console.warn("Failed to parse props on element",{element:t,propsString:e}),r}}function Et(t,e,r){const n=e.gateway;if(n)return console.log("drawing existing gateway ====="),n.updateTag(),n;const o=Ct(e);try{console.log("tagging element ***");const{tag:n}=E(r,e,o);return function(t,e,r,n){const o=new MutationObserver((t=>{if(function(t){const{element:e}=t;if(!document.body.contains(e))return vt(t),!1}(a))for(const e of t)"attributes"===e.type&&(console.log("attributes changed"),s())}));function s(){const t=r.tagSupport.templater,n=t.tagSupport.props,o=Ct(e);t.tagSupport.props=o,JSON.stringify(n)===JSON.stringify(o)||(t.tagSupport.latestProps=o)}Rt(n);const a={id:t,tag:r,observer:o,component:n,element:e,updateTag:s};return bt[t]=bt[t]||[],bt[t].push(a),e.gateway=a,o.observe(e,{attributes:!0}),a}(t,e,n,r)}catch(t){throw console.warn("Failed to render component to element",{component:r,element:e,props:o}),t}}class At extends HTMLElement{gateway;constructor(){super(),setTimeout((()=>this.gateway=function(t){const e=t.id||t.getAttribute("id");if(!e){const r="Cannot check a tag on element with no id attribute";throw console.warn(r,{id:e,element:t}),new Error(r)}const r=St[e];if(!r){const r=`Cannot find a tag registered by id of ${e}`;throw console.warn(r,{id:e,element:t}),new Error(r)}return Et(e,t,r)}(this)),0)}disconnectedCallback(){vt(this.gateway)}}function Pt(){customElements.define("tag-element",At)}let xt=!1;function Rt(t){if(!xt){try{Pt()}catch(t){throw t}xt=!0}const e=Tt(t);return St[e]=t,e}const jt={},Vt=function(t){const e=Tt(t);if(jt[e])return jt[e];let r,n=0;function o(){const n=function(t,e){return function(t,e,r){return e.forEach((e=>Et(t,e,r))),e}(t,document.querySelectorAll("#"+t),e)}(e,t);return n.length?(r&&clearInterval(r),delete jt[e],n.length):n.length}return o()?{id:e}:(r=setInterval((()=>{if(n+=5,n>=2e3)throw clearInterval(r),new Error(`TaggedJs Element ${e} not found`);o()}),5),jt[e]={id:e},jt[e])};function kt(t){return l.memory.providerConfig.providers.find((e=>e.constructMethod===t))}l.memory.providerConfig={providers:[],currentTagSupport:void 0,ownerTag:void 0};const Ot={create:t=>{const e=kt(t);if(e)return e.clone=r(e.instance),e.instance;const n=t.constructor?new t:t();return l.memory.providerConfig.providers.push({constructMethod:t,instance:n,clone:r(n)}),n},inject:t=>{const e=kt(t);if(e)return e.instance;const n=l.memory.providerConfig;let o={ownerTag:n.ownerTag};for(;o.ownerTag;){const e=o.ownerTag.tagSupport.memory.providers.find((e=>{if(e.constructMethod===t)return!0}));if(e)return e.clone=r(e.instance),n.providers.push(e),e.instance;o=o.ownerTag}const s=`Could not inject provider: ${t.name} ${t}`;throw console.warn(`${s}. Available providers`,n.providers),new Error(s)}};function Ft(t,e){const r=l.memory.providerConfig;r.currentTagSuport=t,r.ownerTag=e,t.memory.providers.length&&(r.providers.length=0,r.providers.push(...t.memory.providers))}function Bt(t){const e=l.memory.stateConfig;let r;const n=e.rearray[e.array.length];if(n){let t=_t(n);r=e=>[t,t=e];const o={callback:r,lastValue:t,defaultValue:n.defaultValue};return e.array.push(o),e=>(o.callback=e||(e=>[t,t=e]),t)}let o=(t instanceof Function?t:()=>t)();r=t=>[o,o=t];const s={callback:r,lastValue:o,defaultValue:o};return e.array.push(s),t=>(s.callback=t||(t=>[o,o=t]),o)}l({beforeRender:(t,e)=>{Ft(t,e)},beforeRedraw:(t,e)=>{Ft(t,e.ownerTag)},afterRender:t=>{const e=l.memory.providerConfig;t.memory.providers=[...e.providers],e.providers.length=0}}),l.memory.stateConfig={array:[],rearray:[]};const Nt=[];function _t(t){const e=t.callback;if(!e)return t.defaultValue;const r=e($t),[n]=r,[o]=e(n);if(o!==$t)throw new Error('State property not used correctly.\n\nFor "let" state use `let name = state(default, x => [name, name = x])`\n\nFor "const" state use `const name = state(default)`\n\nProblem function:\n'+t+"\n");return n}l({beforeRender:t=>Mt(t),beforeRedraw:t=>Mt(t),afterRender:(t,e)=>{const r=t.memory.state,n=l.memory.stateConfig;if(n.rearray.length&&n.rearray.length!==n.array.length){const e=`States lengths mismatched ${n.rearray.length} !== ${n.array.length}`;throw new Y(e,{oldStates:n.array,newStates:n.rearray,component:t.templater?.wrapper.original})}n.rearray=[],r.newest=[...n.array],n.array=[],Nt.forEach((t=>t())),Nt.length=0}});class $t{}function Mt(t){const e=t.memory.state,r=l.memory.stateConfig;if(r.rearray.length){const n="last array not cleared";throw console.error(n,{config:r,component:t.templater?.wrapper.original,state:e,expectedClearArray:r.rearray}),new Y(n,{config:r,component:t.templater?.wrapper.original,state:e,expectedClearArray:r.rearray})}r.rearray=[],e?.newest.length&&r.rearray.push(...e.newest)}function Lt(t){l.memory.initCurrentSupport=t}function It(t){l.memory.initCurrentSupport?l.memory.initCurrentSupport.memory.init||(l.memory.initCurrentSupport.memory.init=t,t()):console.warn("possible init issue?")}let Ut;function Wt(t){Ut.memory||console.error("xxx",Ut),Ut.memory.destroyCallback=t}l({beforeRender:t=>Lt(t),beforeRedraw:t=>Lt(t)}),l({beforeRender:t=>Ut=t,beforeRedraw:t=>Ut=t,beforeDestroy:(t,e)=>{const r=t.memory.destroyCallback;r&&r()}});let Dt=()=>t=>()=>{throw new Error("The real callback function was called and that should never occur")};function zt(t,e){t.forEach(((t,r)=>{const n=_t(t),o=e[r].callback;o&&o(n),e[r].lastValue=n}))}function Kt(t){Dt=()=>{const e=l.memory.stateConfig.array;return r=>(...n)=>function(t,e,r,...n){const o=t.memory.state.newest;zt(o,r);const s=e(...n);zt(r,o),t.render(),s instanceof Promise&&s.finally((()=>{zt(r,o),t.render()}))}(t,r,e,...n)}}l({beforeRender:t=>Kt(t),beforeRedraw:t=>Kt(t)});const Ht={tagElement:E,redrawTag:T};var Jt=e.W9,Xt=e.ei,Gt=e.B7,Yt=e.vw,qt=e.PC,Qt=e.uX,Zt=e.Ot,te=e.eQ,ee=e.oM,re=e.zC,ne=e.I1,oe=e.cF,se=e.qy,ae=e.xH,ie=e.u2,ue=e.zl,ce=e._4,le=e.iO,pe=e.mn,ge=e.Yn,de=e.Ly,fe=e.sA,me=e.MG,he=e.r5,ye=e.iz,we=e.vJ,be=e.AI,Se=e.wk,ve=e.Tc,Te=e.Hf,Ce=e.TY,Ee=e._A;export{Jt as ArrayNoKeyError,Xt as StateMismatchError,Gt as Subject,Yt as Tag,qt as TagError,Qt as TagSupport,Zt as ValueSubject,te as getCallback,ee as hasKidsChanged,re as hasPropChanges,ne as hasTagSupportChanged,oe as hmr,se as html,ae as initWebComponents,ie as interpolateElement,ue as interpolateString,ce as isSubjectInstance,le as isTagArray,pe as isTagComponent,ge as isTagInstance,de as loadTagGateway,fe as onDestroy,me as onInit,he as providers,ye as redrawTag,we as runBeforeRender,be as setUse,Se as state,ve as tag,Te as tagElement,Ce as tagGateway,Ee as tags};
|
|
1
|
+
var t={d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};function r(t,e,r,n){return e.renderWithSupport(t,r,n)}function n(t){const e={beforeRender:t.beforeRender||(()=>{}),beforeRedraw:t.beforeRedraw||(()=>{}),afterRender:t.afterRender||(()=>{}),beforeDestroy:t.beforeDestroy||(()=>{})};n.tagUse.push(e)}function o(t,e){n.tagUse.forEach((r=>r.beforeRender(t,e)))}function a(t,e){n.tagUse.forEach((r=>r.afterRender(t,e)))}function s(t,e){n.tagUse.forEach((r=>r.beforeRedraw(t,e)))}function i(t){return u(t,new WeakMap)}function u(t,e){if(null===t||"object"!=typeof t)return t;if(e.has(t))return e.get(t);if(t instanceof Date)return new Date(t);if(t instanceof RegExp)return new RegExp(t);const r=Array.isArray(t)?[]:Object.create(Object.getPrototypeOf(t));if(e.set(t,r),Array.isArray(t))for(let n=0;n<t.length;n++)r[n]=u(t[n],e);else for(const n in t)t.hasOwnProperty(n)&&(r[n]=u(t[n],e));return r}function c(t,e){return l(t,e,new WeakMap)}function l(t,e,r){if(t===e||(o=e,(n=t)instanceof Function&&o instanceof Function&&n.toString()===o.toString()))return!0;var n,o;if("object"!=typeof t||"object"!=typeof e||null===t||null===e)return!1;const a=Object.keys(t),s=Object.keys(e);if(a.length!==s.length)return!1;if(r.has(t))return!0;r.set(t,0);for(const n of a)if(!s.includes(n)||!l(t[n],e[n],r))return!1;if(Array.isArray(t)&&Array.isArray(e)){if(t.length!==e.length)return!1;for(let n=0;n<t.length;n++)if(!l(t[n],e[n],r))return!1}else if(Array.isArray(t)||Array.isArray(e))return!1;return!0}function p(t){t.tagSupport.memory.providers.filter((t=>!c(t.instance,t.clone))).forEach((e=>{!function(t,e){g(t,e).forEach((({tag:t,renderCount:e,provider:r})=>{e===t.tagSupport.memory.renderCount&&(r.clone=i(r.instance),t.tagSupport.render())}))}(t.getAppElement(),e),e.clone=i(e.instance)}))}function g(t,e,r=[]){const n=t.tagSupport.memory.providers.find((t=>t.constructMethod===e.constructMethod));return n&&r.push({tag:t,renderCount:t.tagSupport.memory.renderCount,provider:n}),t.children.forEach((t=>g(t,e,r))),r}t.d(e,{W9:()=>z,ei:()=>X,B7:()=>E,vw:()=>yt,PC:()=>K,uX:()=>v,Ot:()=>x,eQ:()=>zt,cF:()=>Yt,qy:()=>wt,xH:()=>Pt,u2:()=>it,zl:()=>ct,_4:()=>y,iO:()=>w,mn:()=>m,Yn:()=>h,Ly:()=>_t,sA:()=>Kt,MG:()=>Jt,r5:()=>Ut,iz:()=>r,vJ:()=>o,hZ:()=>Et,Un:()=>At,Ie:()=>Wt,AI:()=>n,Tc:()=>O,Hf:()=>f,TY:()=>Mt,_A:()=>F,wB:()=>Rt}),n.tagUse=[],n.memory={};const d=[];function f(t,e,r){const n=d.findIndex((t=>t.element===e));n>=0&&(d[n].tag.destroy(),d.splice(n,1),console.warn("Found and destroyed app element already rendered to element",{element:e}));const i=function(t){const e=t.tagSupport;o(e,void 0);const r=t.wrapper();return a(e,r),{tag:r,tagSupport:e}}(t(r)),{tag:u,tagSupport:c}=i;u.appElement=e,u.tagSupport.oldest=u,function(t,e){let r=e;t.mutatingRender=()=>{const n=t.memory.renderCount;if(p(e),n!==t.memory.renderCount)return r;s(e.tagSupport,e);const o=t.templater,i=r=o.wrapper();return i.tagSupport.memory=t.memory,t.propsConfig={...i.tagSupport.propsConfig},e.tagSupport.newest=i,a(e.tagSupport,e),t.oldest.updateByTag(i),t.newest=i,r}}(u.tagSupport,u);const l=document.createElement("template");return l.setAttribute("tag-detail","app-template-placeholder"),e.appendChild(l),u.buildBeforeElement(l),e.setUse=t.original.setUse,d.push({element:e,tag:u}),{tag:u,tags:t.original.tags}}function m(t){return!0===t?.isTemplater}function h(t){return!0===t?.isTag}function y(t){return!(!0!==t?.isSubject&&!t?.subscribe)}function w(t){return t instanceof Array&&t.every((t=>h(t)))}function b(t,e){if(t===e)throw new Error("someting here");const r=t.propsConfig.latest;if(function(t,e,r){if(void 0===t&&t===r)return!1;let n=t,o=e;if("object"==typeof t){if(!e)return!0;if(n={...t},o={...e||{}},!Object.entries(n).every((([t,e])=>{let r=o[t];return!(e instanceof Function)||r instanceof Function&&(r.original&&(r=r.original),e.original&&(e=e.original),e.toString()===r.toString()&&(delete n[t],delete o[t],!0))})))return!0}return!c(e,t)}(e.propsConfig.latest,t.propsConfig.latestCloned,r))return!0;const n=function(t,e){const r=t.propsConfig.lastClonedKidValues,n=e.propsConfig.lastClonedKidValues,o=r.every(((t,e)=>{const r=n[e];return t.every(((t,e)=>t===r[e]))}));return!o}(t,e);return n}class v{templater;children;propsConfig;memory={context:{},state:{newest:[]},providers:[],renderCount:0};constructor(t,e,r){this.templater=t,this.children=e;const n=T(r,t);this.propsConfig={latest:r,latestCloned:n,clonedProps:n,lastClonedKidValues:e.value.map((t=>S(t.values)))},h(r)||(this.propsConfig.latestCloned=i(n),this.propsConfig.clonedProps=this.propsConfig.latestCloned)}oldest;newest;mutatingRender(){const t='Tag function "render()" was called in sync but can only be called async';throw console.error(t,{tagSupport:this}),new Error(t)}render(){return++this.memory.renderCount,this.mutatingRender()}renderExistingTag(t,e){const r=this.memory.renderCount;if(p(t),r!==this.memory.renderCount)return!0;const n=b(t.tagSupport,e.tagSupport);return this.newest=this.templater.redraw(),!n}}function S(t){return t.map((t=>{const e=t;return h(e)?S(e.values):m(e)?i(e.tagSupport.propsConfig.latestCloned):w(e)?S(e):i(t)}))}class C{tagged;wrapper;newest;oldest;tagSupport;constructor(t,e){this.tagSupport=new v(this,e,t)}redraw;isTemplater=!0;forceRenderTemplate(t,e){const r=this.wrapper();return a(t,r),this.oldest=r,t.oldest=r,this.oldest=r,this.newest=r,r.ownerTag=e,r}renderWithSupport(t,e,r){++t.memory.renderCount;const i=e?.ownerTag||r;e?(t.propsConfig={...e.tagSupport.propsConfig},s(t,e)):(o(t,i),n.memory.providerConfig.ownerTag=i);const u=this,c=u.wrapper();a(t,c),u.newest=c,c.ownerTag=i;const l=t.oldest=t.oldest||c;return t.newest=c,l.tagSupport.templater=u,l.tagSupport.memory=c.tagSupport.memory,e&&e.isLikeTag(c)?(e.updateByTag(c),{remit:!1,retag:c}):{remit:!0,retag:c}}}function T(t,e){const r=function(t,e){if("object"!=typeof t)return t;const r=t;return Object.entries(r).forEach((([t,n])=>{if(n instanceof Function){const o=r[t].original;return o?(r[t]=(...t)=>e(n,t),void(r[t].original=o)):(r[t]=(...t)=>e(n,t),void(r[t].original=n))}})),r}(h(t)?0:t,(function(t,r){const n=t(...r),o=e.newest?.ownerTag?.tagSupport;return o&&o.render(),n}));return r}class E{isSubject=!0;subscribers=[];value;subscribe(t){this.subscribers.push(t),R.globalSubs.push(t),R.globalSubCount$.set(R.globalSubCount$.value+1);const e=()=>{e.unsubscribe()};return e.unsubscribe=()=>{A(this.subscribers,t),A(R.globalSubs,t),R.globalSubCount$.set(R.globalSubCount$.value-1),e.unsubscribe=()=>{}},e}set(t){this.value=t,this.subscribers.forEach((e=>{e.value=t,e(t)}))}next=this.set}function A(t,e){const r=t.indexOf(e);-1!==r&&t.splice(r,1)}const R=E;R.globalSubs=[],R.globalSubCount$=new E,R.globalSubCount$.set(0);class x extends E{value;constructor(t){super(),this.value=t}subscribe(t){const e=super.subscribe(t);return t(this.value),e}}function V(t,e){if(t.isChildOverride)return t;const r=(r,n)=>j(t,e,r,n);return r.tagFunction=t,r}function j(t,e,r,n){const o=e.tagSupport,a=(o&&o.memory.renderCount,t.bind(r)(...n));return o.memory.renderCount,o.render(),a instanceof Promise?a.then((()=>(o.render(),"no-data-ever"))):"no-data-ever"}let k=0;const F=[];function O(t){const e=function(e,r){(h(e)||w(e))&&(r=e,e=void 0);const{childSubject:n,madeSubject:o}=function(t){if(y(t))return{childSubject:t,madeSubject:!1};if(w(t))return{childSubject:new x(t),madeSubject:!0};const e=t;return e?(e.arrayValue=0,{childSubject:new x([e]),madeSubject:!0}):{childSubject:new x([]),madeSubject:!0}}(r);n.isChildSubject=!0;const a=new C(e,n);function s(){const t=s.original,e=a.tagSupport,r=a.oldest;let u=e.propsConfig.latest,c=T(u,a);const l=t(c,n);e.mutatingRender===v.prototype.mutatingRender&&(e.oldest=l,e.mutatingRender=()=>{if(e.renderExistingTag(l,a))return l;if(l.ownerTag){const t=l.ownerTag.tagSupport.render();return l.ownerTag.tagSupport.newest=t,l}return l}),l.tagSupport=new v(a,e.children);const p=i(c);return l.tagSupport.propsConfig={latest:u,latestCloned:p,clonedProps:p,lastClonedKidValues:l.tagSupport.propsConfig.lastClonedKidValues},l.tagSupport.memory=e.memory,l.tagSupport.mutatingRender=e.mutatingRender,e.newest=l,e.propsConfig={...l.tagSupport.propsConfig},r&&(r.tagSupport.propsConfig={...l.tagSupport.propsConfig}),o&&n.value.forEach((t=>{t.values.forEach(((e,r)=>{e instanceof Function&&(t.values[r].isChildOverride||(t.values[r]=function(...t){j(e,l.ownerTag,this,t)},t.values[r].isChildOverride=!0))}))})),l}return s.original=t,a.tagged=!0,a.wrapper=s,a};return function(t,e){t.isTag=!0,t.original=e}(e,t),function(t){t.tags=F,t.setUse=n,t.tagIndex=++k}(t),F.push(t),e}function B(t,e){e.parentNode.insertBefore(t,e)}function P(t,e,r){const n=t.split(".");if("style"===n[0]&&(r.style[n[1]]=e),"class"===n[0])return n.shift(),void(e?n.forEach((t=>r.classList.add(t))):n.forEach((t=>r.classList.remove(t))))}function N(t,e,r){const n=t.getAttributeNames();"TEXTAREA"!==t.nodeName||n.includes("value")||$("textVarValue",t.getAttribute("textVarValue"),t,e,r,((e,r)=>t.value=r));const o=(e,r)=>{t.setAttribute(e,r)};n.forEach((n=>{$(n,t.getAttribute(n),t,e,r,o)}))}function _(t){return t.search(/^(class|style)(\.)/)>=0}function $(t,e,r,n,o,a){if(U(e))return function(t,e,r,n,o,a){return W(t,I(n,e),r,o,a)}(t,e,r,n,o,a);if(U(t)){let e;const s=I(n,t).subscribe((t=>{!function(t,e,r,n,o){if(e&&e!=t&&("string"==typeof e?r.removeAttribute(e):e instanceof Object&&Object.entries(e).forEach((([t])=>r.removeAttribute(t)))),"string"!=typeof t)t instanceof Object&&Object.entries(t).forEach((([t,e])=>W(t,e,r,n,o)));else{if(!t.length)return;W(t,"",r,n,o)}}(t,e,r,o,a),e=t}));return o.cloneSubs.push(s),void r.removeAttribute(t)}return _(t)?P(t,e,r):void 0}new class{};const M=/^\s*{__tagvar/,L=/}\s*$/;function U(t){return t&&t.search(M)>=0&&t.search(L)>=0}function I(t,e){return t[e.replace("{","").split("").reverse().join("").replace("}","").split("").reverse().join("")]}function W(t,e,r,n,o){const a=_(t);if(e instanceof Function){const n=function(...t){return e(r,t)};r[t].action=n}if(y(e)){r.removeAttribute(t);const s=e=>function(t,e,r,n,o){if(t instanceof Function)return e[r]=function(...r){return t(e,r)},void(e[r].tagFunction=t);if(n)return void P(r,t,e);if(t)return void o(r,t);void 0===t||!1===t||null===t?e.removeAttribute(r):o(r,t)}(e,r,t,a,o),i=e.subscribe(s);n.cloneSubs.push(i)}else o(t,e)}const D=/(?:<[^>]*?(?:(?:\s+\w+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^>\s]+)))*\s*)\/?>)|({__tagvar[^}]+})/g;function J(t,e,r,{counts:n,forceElement:o}){const a=e,s=a.tag;if(s&&!o&&s.isLikeTag(t)){if(e instanceof Function){const t=e(s.tagSupport);return s.updateByTag(t),[]}return s.updateByTag(t),[]}const i=t.buildBeforeElement(r,{counts:n,forceElement:o});return a.tag=t,i}function H(t,e,r,a,i){if(!0!==t.tagged){let e=t.wrapper.original.name||t.wrapper.original.constructor?.name;"Function"===e&&(e=void 0);const r=e||t.wrapper.original.toString().substring(0,120);throw new Error(`Not a tag component. Wrap your function with tag(). Example tag(props => html\`\`) on component:\n\n${r}\n\n`)}const u=t,c=t.tagSupport;let l=u.newest;return n.memory.providerConfig.ownerTag=a,(!l||i.forceElement)&&(l?s(c,l):o(c,a),l=u.forceRenderTemplate(c,a),u.newest=l),a.children.push(l),c.templater=l.tagSupport.templater,J(l,e,r,i)}class K extends Error{details;constructor(t,e,r={}){super(t),this.name=K.name,this.details={...r,errorCode:e}}}class z extends K{constructor(t,e){super(t,"array-no-key-error",e),this.name=z.name}}class X extends K{constructor(t,e){super(t,"state-mismatch-error",e),this.name=X.name}}function G(t,e,r,n,o){const a=[];t.lastArray=t.lastArray||[],t.template=r;let s=0;t.lastArray=t.lastArray.filter(((r,n)=>{const a=e.length-1<n-s,i=e[n-s],u=i?.arrayValue;return!(a||!Y(u,r.tag.arrayValue))||(t.lastArray[n].tag.destroy({stagger:o.counts.removed,byParent:!1}),++s,++o.counts.removed,!1)}));const i=r||r.clone;return e.forEach(((r,s)=>{const u=t.lastArray[s],c=r.tagSupport||u?.tag.tagSupport;r.tagSupport=c||new v({},new x([])),c?c.newest=r:(r.tagSupport.mutatingRender=()=>(n.tagSupport.render(),r),n.children.push(r)),r.ownerTag=n;const l=r.arrayValue;if(l?.isArrayValueNeverSet){const t={template:r.getTemplate().string,array:e,ownerTagContent:n.lastTemplateString},o="Use html`...`.key(item) instead of html`...` to template an Array";throw console.error(o,t),new z(o,t)}if(t.lastArray.length>s)return Y(u.tag.arrayValue,r.arrayValue)?(r.tagSupport=r.tagSupport||u.tag.tagSupport,u.tag.updateByTag(r),[]):[];const p=function(t,e,r,n,o){r.lastArray.push({tag:e,index:n});const a={added:o.counts.added+n,removed:o.counts.removed},s=t;return e.buildBeforeElement(s,{counts:a,forceElement:o.forceElement})}(i,r,t,s,o);a.push(...p)})),a}function Y(t,e){return t===e||!!(t instanceof Array&&e instanceof Array&&t.length==e.length)&&t.every(((t,r)=>t==e[r]))}function q(t,e,r,n){const o=e.clone||r,a=rt(t,o);e.clone=a;const s=[],i=n.clones.indexOf(o);return i>=0&&!n.clones.includes(a)&&!o.parentNode&&(n.clones.splice(i,1),n.clones.push(a),s.push(a)),s}var Z;function Q(t,e,r,n,o){return t.tagSupport||(t.tagSupport=new v({},new x([])),t.tagSupport.mutatingRender=()=>{n.tagSupport.render()},t.tagSupport.oldest=t.tagSupport.oldest||t,n.children.push(t),t.ownerTag=n),e.template=r,J(t,e,r,o)}function tt(t,e,r,n){const o=e.tag,a=e.clone||r;a.parentNode.insertBefore(r,a);const s=rt(t,a);e.clone=s,delete e.tag;const i=n.counts.removed;return o.destroy({stagger:i}).then((t=>n.counts.removed=i+t))}function et(t,e,r,n,o){const a=[];if(!t.hasAttribute("end"))return a;const s=t.getAttribute("id");if(s?.substring(0,gt.length)!==gt)return a;const i=e[s];let u=o.forceElement;const c=i.subscribe((e=>{const{clones:o}=function(t,e,r,n,o){const a=function(t){return m(t)?Z.tagComponent:h(t)?Z.tag:w(t)?Z.tagArray:Z.value}(t),s=e,i=s.clone;if(a!==Z.value&&i){const t=i.parentNode;t.insertBefore(r,i),t.removeChild(i),delete s.clone}switch(a){case Z.tag:return{clones:Q(t,e,r,n,o)};case Z.tagArray:return{clones:G(e,t,r,n,o)};case Z.tagComponent:return{clones:H(t,e,r,n,o)}}return e.tag?{clones:[],promise:tt(t,e,r,o)}:{clones:q(t,e,r,n)}}(e,i,t,r,{counts:{added:n.added,removed:n.removed},forceElement:u});u&&(u=!1),o.push(...o)}));return r.cloneSubs.push(c),a}function rt(t,e){const r=e.parentNode;void 0!==t&&!1!==t&&null!==t||(t="");const n=document.createTextNode(t);return r.insertBefore(n,e),r.removeChild(e),n}function nt(t,e){if(!t.getAttribute)return;let r=e.counts.added;e.forceElement||(r=function(t,e){const r=t.oninit;if(!r)return e.added;const n=r.tagFunction;if(!n)return e.added;const o=n.tagFunction;return o?(o({target:t,stagger:e.added}),++e.added):e.added}(t,e.counts)-r),t.children&&(e.counts.added,e.counts.removed,new Array(...t.children).forEach(((t,r)=>nt(t,{...e,counts:e.counts}))))}!function(t){t.tag="tag",t.tagArray="tag-array",t.tagComponent="tag-component",t.value="value"}(Z||(Z={}));const ot=new RegExp('\\s*<template interpolate end id="__tagvar(\\d{1,4})"([^>]*)></template>(\\s*)');function at(t,e,r,n,o){if(!o||"TEMPLATE"===t.tagName)return[];const a=n.counts,s=[],i=new Array(...o);return"TEXTAREA"===t.tagName&&st(t),i.forEach(((t,o)=>{const i=et(t,e,r,a,n);"TEXTAREA"===t.tagName&&st(t),s.push(...i),t.children&&new Array(...t.children).forEach(((t,o)=>{(function(t){return"TEMPLATE"===t.tagName&&void 0!==t.getAttribute("interpolate")&&void 0!==t.getAttribute("end")})(t)&&et(t,e,r,a,n);const i=at(t,e,r,n,t.children);s.push(...i)}))})),s}function st(t){const e=t.value;if(e.search(ot)>=0){const r=e.match(/__tagvar(\d{1,4})/),n="{"+(r?r[0]:"")+"}";t.value="",t.setAttribute("textVarValue",n)}}function it(t,e,r,n,o){const a=[],s=r.interpolation,i=t.children[0].content.children;if(s.keys.length){const r=at(t,e,n,o,i);a.push(...r)}return N(t,e,n),ut(i,e,n),a}function ut(t,e,r){new Array(...t).forEach((t=>{N(t,e,r),t.children&&ut(t.children,e,r)}))}function ct(t){const e=function(t){const e=[];return{string:t.replace(D,((t,r)=>{if(t.startsWith("<"))return t;const n=r.substring(1,r.length-1);return e.push(n),`<template interpolate end id="${n}"></template>`})),keys:e}}(t);return e.string=e.string.replace(mt,gt),e}function lt(t,e,n){t.redraw=()=>{const o=e.tag,a=t.tagSupport.newest,s=o?.tagSupport||t.tagSupport,{remit:i,retag:u}=r(s,t,a,n);if(i)return e.set(t),u}}function pt(t,e){delete e.tag,delete e.tagSupport,t.destroy()}const gt="__tagvar",dt="--"+gt+"--",ft=new RegExp(gt,"g"),mt=new RegExp(dt,"g");class ht{isArrayValueNeverSet=!0}class yt{strings;values;isTag=!0;clones=[];cloneSubs=[];children=[];tagSupport;ownerTag;insertBefore;appElement;arrayValue=new ht;constructor(t,e){this.strings=t,this.values=e}key(t){return this.arrayValue=t,this}async destroy(t={stagger:0,byParent:!1}){!!this.tagSupport&&function(t,e){n.tagUse.forEach((r=>r.beforeDestroy(t,e)))}(this.tagSupport,this),this.destroySubscriptions();const e=this.children.map((e=>e.destroy({...t,byParent:!0})));return this.ownerTag&&(this.ownerTag.children=this.ownerTag.children.filter((t=>t!==this))),t.byParent||(t.stagger=await this.destroyClones(t)),await Promise.all(e),t.stagger}destroySubscriptions(){this.cloneSubs.forEach((t=>t.unsubscribe())),this.cloneSubs.length=0}async destroyClones({stagger:t}={stagger:0}){let e=!1;const r=this.clones.reverse().map(((r,n)=>{let o;r.ondestroy&&(o=function(t,e){const r=t.ondestroy;if(!r)return;const n=r.tagFunction;if(!n)return;const o=n.tagFunction;return o?o({target:t,stagger:e}):void 0}(r,t));const a=()=>{r.parentNode?.removeChild(r);const t=this.ownerTag;t&&(t.clones=t.clones.filter((t=>t!==r)))};return o instanceof Promise?(e=!0,o.then(a)):a(),o}));return e&&await Promise.all(r),t}updateByTag(t){this.updateConfig(t.strings,t.values),this.tagSupport.templater=t.tagSupport.templater,this.tagSupport.propsConfig={...t.tagSupport.propsConfig},this.tagSupport.newest=t}lastTemplateString=void 0;updateConfig(t,e){this.strings=t,this.updateValues(e)}getTemplate(){const t=ct(this.strings.map(((t,e)=>(t.replace(ft,dt)+(this.values.length>e?`{${gt}${e}}`:"")).replace(/>\s*/g,">").replace(/\s*</g,"<"))).join(""));return this.lastTemplateString=t.string,{interpolation:t,string:t.string,strings:this.strings,values:this.values,context:this.tagSupport?.memory.context||{}}}isLikeTag(t){const{string:e}=t.getTemplate();if(!this.lastTemplateString)throw new Error("no template here");return e===this.lastTemplateString&&t.values.length===this.values.length&&!!t.values.every(((t,e)=>{const r=this.values[e];return!(t instanceof Function&&r instanceof Function)||!(t.toString()!==r.toString())}))}update(){return this.updateContext(this.tagSupport.memory.context)}updateValues(t){return this.values=t,this.updateContext(this.tagSupport.memory.context)}updateContext(t){return this.strings.map(((e,r)=>{const n=gt+r,o=this.values.length>r,u=this.values[r];if(n in t)return function(t,e,r){const n=t.value,o=e,u=t,c=t;if(u.lastArray){if(u.isChildSubject&&(e=e.value),w(e))return void G(t,e,u.template,r,{counts:{added:0,removed:0}});t.lastArray.forEach((({tag:t})=>t.destroy())),delete t.lastArray}if(m(o))return function(t,e,r,n){let o=r.tag;if(!o)return lt(e,r,t),void e.redraw();const a=o.tagSupport.templater.wrapper,s=e.wrapper;let u=!1;a&&s&&(u=a.original===s.original);const c=e.tagSupport.propsConfig.latest,l=o.tagSupport;if(l.propsConfig.latest=c,u){const t=n?.tagSupport;let r=t.props;if(h(t.props)||(r=i(t.props)),o&&!b(l,e.tagSupport))return}else pt(o,r);lt(e,r,t),l.templater=e;const p=e.redraw();r.value.tag=l.newest=p,l.propsConfig={...e.tagSupport.propsConfig},u||(r.tag=p,r.tagSupport=e.tagSupport)}(r,o,c,n);const l=c.tag;if(l){w(e)&&(pt(l,c),delete c.tag);const n=l.tagSupport.templater.wrapper,i=e?.wrapper,u=n&&i&&n?.original===i?.original,p=e&&l.lastTemplateString===e.lastTemplateString,g=e&&e.getTemplate&&l.isLikeTag(e);if(p||g)return void Q(e,t,t.template,r,{counts:{added:0,removed:0}});if(u)return function(t,e,r){const n=e.tagSupport,o=n.oldest,i=n.newest;s(o.tagSupport,i||o);const u=t.wrapper();t.newest=u,n.newest=u,a(o.tagSupport,o),e.updateByTag(u),r.set(t)}(e,l,c);if(c.tag){pt(l,c);const n=l.insertBefore;return h(o)?void Q(e,t,n,r,{counts:{added:0,removed:0}}):void q(e,t,n,r)}throw new Error("existing value ignored")}e instanceof Function?c.set(V(e,r)):y(e)?c.set(e.value):c.set(e)}(t[n],u,this);!function(t,e,r,n,o){if(m(e))lt(e,r[n]=new x(e),o);else if(e instanceof Function)r[n]=function(t,e){return new x(V(t,e))}(e,o);else if(t)h(e)?(e.ownerTag=o,o.children.push(e),r[n]=new x(e)):y(e)?r[n]=e:r[n]=new x(e)}(o,u,t,n,this)})),t}getAppElement(){let t=this;for(;t.ownerTag;)t=t.ownerTag;return t}rebuild(){const t=this.insertBefore;if(!t){const t=new Error("Cannot rebuild. Previous insertBefore element is not defined on tag");throw t.tag=this,t}this.buildBeforeElement(t,{forceElement:!0,counts:{added:0,removed:0}})}buildBeforeElement(t,e={forceElement:!1,counts:{added:0,removed:0}}){this.insertBefore=t;const r=this.update(),n=this.getTemplate(),o=document.createElement("div");o.id="tag-temp-holder",o.innerHTML=`<template tag-wrap="22">${n.string}</template>`;const a=it(o,r,n,this,{forceElement:e.forceElement,counts:e.counts});this.clones.length=0;const s=function(t,e){const r=[];let n=t.children[0].content.firstChild;for(;n;){const t=n.nextSibling;B(n,e),r.push(n),n=t}return r}(o,t);return this.clones.push(...s),a.length&&(this.clones=this.clones.filter((t=>!a.find((e=>e===t))))),this.clones.forEach((t=>nt(t,e))),this.clones}}function wt(t,...e){return new yt(t,e)}function bt(t,e){return r=>(e.callback=r||(e=>[t,t=e]),t)}n.memory.stateConfig={array:[],rearray:[]};const vt=[];function St(t){const e=t.callback;if(!e)return t.defaultValue;const r=e(Ct),[n]=r,[o]=e(n);if(o!==Ct){const a='State property not used correctly. Second item in array is not setting value as expected.\n\nFor "let" state use `let name = state(default)(x => [name, name = x])`\n\nFor "const" state use `const name = state(default)()`\n\nProblem state:\n'+(e?e.toString():JSON.stringify(t))+"\n";throw console.error(a,{state:t,callback:e,oldState:r,oldValue:n,checkValue:o}),new Error(a)}return n}n({beforeRender:t=>Tt(t),beforeRedraw:t=>Tt(t),afterRender:t=>{const e=t.memory.state,r=n.memory.stateConfig;if(r.rearray.length&&r.rearray.length!==r.array.length){const e=`States lengths mismatched ${r.rearray.length} !== ${r.array.length}`;throw new X(e,{oldStates:r.array,newStates:r.rearray,component:t.templater?.wrapper.original})}r.rearray=[],e.newest=[...r.array],r.array=[],vt.forEach((t=>t())),vt.length=0}});class Ct{}function Tt(t){const e=t.memory.state,r=n.memory.stateConfig;if(r.rearray.length){const n="last array not cleared";throw console.error(n,{config:r,component:t.templater?.wrapper.original,state:e,expectedClearArray:r.rearray}),new X(n,{config:r,component:t.templater?.wrapper.original,state:e,expectedClearArray:r.rearray})}r.rearray=[],e?.newest.length&&r.rearray.push(...e.newest)}function Et(t){const e=n.memory.stateConfig;let r;const o=e.rearray[e.array.length];if(o){let t=St(o);r=e=>[t,t=e];const n={callback:r,lastValue:t,defaultValue:o.defaultValue};return e.array.push(n),t}let a=(t instanceof Function?t:()=>t)();r=t=>[a,a=t];const s={callback:r,lastValue:a,defaultValue:a};return e.array.push(s),a}function At(t){const e=n.memory.stateConfig;let r;const o=e.rearray[e.array.length];if(o){let t=St(o);r=e=>[t,t=e];const n={callback:r,lastValue:t,defaultValue:o.defaultValue};return e.array.push(n),bt(t,n)}let a=(t instanceof Function?t:()=>t)();r=t=>[a,a=t];const s={callback:r,lastValue:a,defaultValue:a};return e.array.push(s),bt(a,s)}function Rt(t,e){let r=At(void 0)((t=>[r,r=t]));return void 0===r?(e(t,r),r=t,t):(t.every(((t,e)=>t===r[e]))||(e(t,r),r=t),t)}const xt={},Vt={};function jt(t){const{id:e,observer:r,tag:n}=t;r.disconnect(),n.destroy(),delete xt[e]}function kt(t){return"__tagTemplate_"+function(t){let e=t.toString().replace(/\s+/g,"_").replace(/[^\w\d]/g,"_");return/^[a-zA-Z]/.test(e)||(e="fn_"+e),e}(t)}function Ft(t){const e=t.getAttribute("props");if(!e)return{element:t};try{const r=JSON.parse(e),n=t.getAttribute("events");n&&n.split(",").map((t=>t.trim())).map((t=>{r[t]=e=>o(t,{detail:{[t]:e}})}));const o=function(e,r){const n=new CustomEvent(e,r);t.dispatchEvent(n)};return r}catch(r){throw console.warn("Failed to parse props on element",{element:t,propsString:e}),r}}function Ot(t,e,r){const n=e.gateway;if(n)return n.updateTag(),n;const o=Ft(e);try{const{tag:n}=f(r,e,o);return function(t,e,r,n){const o=new MutationObserver((t=>{if(function(t){const{element:e}=t;if(!document.body.contains(e))return jt(t),!1}(s))for(const e of t)"attributes"===e.type&&a()}));function a(){const t=r.tagSupport.templater,n=t.tagSupport.propsConfig.latest,o=Ft(e);t.tagSupport.propsConfig.latest=o,JSON.stringify(n)===JSON.stringify(o)||(t.tagSupport.propsConfig.latest=o)}_t(n);const s={id:t,tag:r,observer:o,component:n,element:e,updateTag:a};return xt[t]=xt[t]||[],xt[t].push(s),e.gateway=s,o.observe(e,{attributes:!0}),s}(t,e,n,r)}catch(t){throw console.warn("Failed to render component to element",{component:r,element:e,props:o}),t}}class Bt extends HTMLElement{gateway;constructor(){super(),setTimeout((()=>this.gateway=function(t){const e=t.id||t.getAttribute("id");if(!e){const r="Cannot check a tag on element with no id attribute";throw console.warn(r,{id:e,element:t}),new Error(r)}const r=Vt[e];if(!r){const r=`Cannot find a tag registered by id of ${e}`;throw console.warn(r,{id:e,element:t}),new Error(r)}return Ot(e,t,r)}(this)),0)}disconnectedCallback(){jt(this.gateway)}}function Pt(){customElements.define("tag-element",Bt)}let Nt=!1;function _t(t){if(!Nt){try{Pt()}catch(t){throw t}Nt=!0}const e=kt(t);return Vt[e]=t,e}const $t={},Mt=function(t){const e=kt(t);if($t[e])return $t[e];let r,n=0;function o(){const n=function(t,e){return function(t,e,r){return e.forEach((e=>Ot(t,e,r))),e}(t,document.querySelectorAll("#"+t),e)}(e,t);return n.length?(r&&clearInterval(r),delete $t[e],n.length):n.length}return o()?{id:e}:(r=setInterval((()=>{if(n+=5,n>=2e3)throw clearInterval(r),new Error(`TaggedJs Element ${e} not found`);o()}),5),$t[e]={id:e},$t[e])};function Lt(t){return n.memory.providerConfig.providers.find((e=>e.constructMethod===t))}n.memory.providerConfig={providers:[],ownerTag:void 0};const Ut={create:t=>{const e=Lt(t);if(e)return e.clone=i(e.instance),e.instance;const r=t.constructor?new t:t();return n.memory.providerConfig.providers.push({constructMethod:t,instance:r,clone:i(r)}),r},inject:t=>{const e=Lt(t);if(e)return e.instance;const r=n.memory.providerConfig;let o={ownerTag:r.ownerTag};for(;o.ownerTag;){const e=o.ownerTag.tagSupport.memory.providers.find((e=>{if(e.constructMethod===t)return!0}));if(e)return e.clone=i(e.instance),r.providers.push(e),e.instance;o=o.ownerTag}const a=`Could not inject provider: ${t.name} ${t}`;throw console.warn(`${a}. Available providers`,r.providers),new Error(a)}};function It(t,e){const r=n.memory.providerConfig;r.ownerTag=e,t.memory.providers.length&&(r.providers.length=0,r.providers.push(...t.memory.providers))}function Wt(t){const e=n.memory.stateConfig,[r]=t(void 0);t(r);const o=e.rearray[e.array.length];if(o){let n=o.watch,a=St(o);const s={callback:t,lastValue:a,watch:o.watch};return r!=n&&(s.watch=r,a=s.lastValue=r),e.array.push(s),t(a),a}const a={callback:t,lastValue:r,watch:r};return e.array.push(a),r}function Dt(t){n.memory.initCurrentSupport=t}function Jt(t){n.memory.initCurrentSupport.memory.init||(n.memory.initCurrentSupport.memory.init=t,t())}let Ht;function Kt(t){Ht.memory.destroyCallback=t}n({beforeRender:(t,e)=>{It(t,e)},beforeRedraw:(t,e)=>{It(t,e.ownerTag)},afterRender:t=>{const e=n.memory.providerConfig;t.memory.providers=[...e.providers],e.providers.length=0}}),n({beforeRender:t=>Dt(t),beforeRedraw:t=>Dt(t)}),n({beforeRender:t=>Ht=t,beforeRedraw:t=>Ht=t,beforeDestroy:(t,e)=>{const r=t.memory.destroyCallback;r&&r()}});let zt=()=>t=>()=>{throw new Error("The real callback function was called and that should never occur")};function Xt(t,e){t.forEach(((t,r)=>{const n=St(t),o=e[r].callback;o&&o(n),e[r].lastValue=n}))}function Gt(t){zt=()=>{const e=n.memory.stateConfig.array;return r=>(...n)=>function(t,e,r,...n){const o=t.memory.state.newest;Xt(o,r);const a=e(...n);Xt(r,o),t.render(),a instanceof Promise&&a.finally((()=>{Xt(r,o),t.render()}))}(t,r,e,...n)}}n({beforeRender:t=>Gt(t),beforeRedraw:t=>Gt(t)});const Yt={tagElement:f,redrawTag:r};var qt=e.W9,Zt=e.ei,Qt=e.B7,te=e.vw,ee=e.PC,re=e.uX,ne=e.Ot,oe=e.eQ,ae=e.cF,se=e.qy,ie=e.xH,ue=e.u2,ce=e.zl,le=e._4,pe=e.iO,ge=e.mn,de=e.Yn,fe=e.Ly,me=e.sA,he=e.MG,ye=e.r5,we=e.iz,be=e.vJ,ve=e.hZ,Se=e.Un,Ce=e.Ie,Te=e.AI,Ee=e.Tc,Ae=e.Hf,Re=e.TY,xe=e._A,Ve=e.wB;export{qt as ArrayNoKeyError,Zt as StateMismatchError,Qt as Subject,te as Tag,ee as TagError,re as TagSupport,ne as ValueSubject,oe as getCallback,ae as hmr,se as html,ie as initWebComponents,ue as interpolateElement,ce as interpolateString,le as isSubjectInstance,pe as isTagArray,ge as isTagComponent,de as isTagInstance,fe as loadTagGateway,me as onDestroy,he as onInit,ye as providers,we as redrawTag,be as runBeforeRender,ve as set,Se as setLet,Ce as setProp,Te as setUse,Ee as tag,Ae as tagElement,Re as tagGateway,xe as tags,Ve as watch};
|
package/js/Subject.d.ts
CHANGED
|
@@ -7,9 +7,10 @@ export interface SubjectLike {
|
|
|
7
7
|
isSubject?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare class Subject<T> implements SubjectLike {
|
|
10
|
+
value?: T | undefined;
|
|
10
11
|
isSubject: boolean;
|
|
11
12
|
subscribers: Subscriber[];
|
|
12
|
-
value?:
|
|
13
|
+
constructor(value?: T | undefined);
|
|
13
14
|
subscribe(callback: Subscriber): Subscription;
|
|
14
15
|
set(value: any): void;
|
|
15
16
|
next: (value: any) => void;
|
package/js/Subject.js
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
export class Subject {
|
|
2
|
+
value;
|
|
2
3
|
isSubject = true;
|
|
3
4
|
subscribers = [];
|
|
4
|
-
value;
|
|
5
5
|
// unsubcount = 0 // 🔬 testing
|
|
6
|
+
constructor(value) {
|
|
7
|
+
this.value = value;
|
|
8
|
+
}
|
|
6
9
|
subscribe(callback) {
|
|
7
10
|
this.subscribers.push(callback);
|
|
8
11
|
SubjectClass.globalSubs.push(callback); // 🔬 testing
|
|
9
|
-
SubjectClass.globalSubCount
|
|
12
|
+
const countSubject = SubjectClass.globalSubCount$;
|
|
13
|
+
SubjectClass.globalSubCount$.set(countSubject.value + 1);
|
|
10
14
|
const unsubscribe = () => {
|
|
11
15
|
unsubscribe.unsubscribe();
|
|
12
16
|
};
|
|
@@ -14,7 +18,7 @@ export class Subject {
|
|
|
14
18
|
unsubscribe.unsubscribe = () => {
|
|
15
19
|
removeSubFromArray(this.subscribers, callback);
|
|
16
20
|
removeSubFromArray(SubjectClass.globalSubs, callback); // 🔬 testing
|
|
17
|
-
SubjectClass.globalSubCount$.set(
|
|
21
|
+
SubjectClass.globalSubCount$.set(countSubject.value - 1);
|
|
18
22
|
// any double unsubscribes will be ignored
|
|
19
23
|
unsubscribe.unsubscribe = () => undefined;
|
|
20
24
|
};
|
|
@@ -36,8 +40,8 @@ function removeSubFromArray(subscribers, callback) {
|
|
|
36
40
|
subscribers.splice(index, 1);
|
|
37
41
|
}
|
|
38
42
|
}
|
|
39
|
-
const SubjectClass =
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
+
const SubjectClass = {
|
|
44
|
+
globalSubCount$: new Subject(0), // for ease of debugging
|
|
45
|
+
globalSubs: [] // 🔬 for testing
|
|
46
|
+
};
|
|
43
47
|
//# sourceMappingURL=Subject.js.map
|
package/js/Subject.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subject.js","sourceRoot":"","sources":["../ts/Subject.ts"],"names":[],"mappings":"AAWA,MAAM,OAAO,OAAO;
|
|
1
|
+
{"version":3,"file":"Subject.js","sourceRoot":"","sources":["../ts/Subject.ts"],"names":[],"mappings":"AAWA,MAAM,OAAO,OAAO;IAKC;IAJnB,SAAS,GAAG,IAAI,CAAA;IAChB,WAAW,GAAiB,EAAE,CAAA;IAC9B,+BAA+B;IAE/B,YAAmB,KAAS;QAAT,UAAK,GAAL,KAAK,CAAI;IAAG,CAAC;IAEhC,SAAS,CAAC,QAAoB;QAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC/B,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,CAAC,aAAa;QACpD,MAAM,YAAY,GAAG,YAAY,CAAC,eAAkC,CAAA;QACpE,YAAY,CAAC,eAAe,CAAC,GAAG,CAAE,YAAY,CAAC,KAAK,GAAG,CAAC,CAAE,CAAA;QAE1D,MAAM,WAAW,GAAiB,GAAG,EAAE;YACrC,WAAW,CAAC,WAAW,EAAE,CAAA;QAC3B,CAAC,CAAA;QAED,4DAA4D;QAC5D,WAAW,CAAC,WAAW,GAAG,GAAG,EAAE;YAC7B,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YAC9C,kBAAkB,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA,CAAC,aAAa;YACnE,YAAY,CAAC,eAAe,CAAC,GAAG,CAAE,YAAY,CAAC,KAAK,GAAG,CAAC,CAAE,CAAA;YAE1D,0CAA0C;YAC1C,WAAW,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAA;QAC3C,CAAC,CAAA;QAED,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,GAAG,CAAC,KAAU;QACZ,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAElB,4CAA4C;QAC5C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,QAAa,EAAE,EAAE;YACzC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;YACtB,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,IAAI,GAAG,IAAI,CAAC,GAAG,CAAA;CAChB;AAED,SAAS,kBAAkB,CACzB,WAAyB,EACzB,QAAoB;IAEpB,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC3C,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;QACjB,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAC9B,CAAC;AACH,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,eAAe,EAAE,IAAI,OAAO,CAAS,CAAC,CAAC,EAAE,wBAAwB;IACjE,UAAU,EAAE,EAAkB,CAAA,iBAAiB;CAChD,CAAA"}
|
package/js/Tag.class.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { TagSupport } from "./TagSupport.class.js";
|
|
|
2
2
|
import { Provider } from "./providers.js";
|
|
3
3
|
import { Subscription } from "./Subject.js";
|
|
4
4
|
import { Counts } from "./interpolateTemplate.js";
|
|
5
|
-
import { State } from "./
|
|
5
|
+
import { State } from "./set.function.js";
|
|
6
6
|
import { InterpolatedTemplates } from "./interpolations.js";
|
|
7
7
|
export declare const variablePrefix = "__tagvar";
|
|
8
8
|
export declare const escapeVariable: string;
|
|
@@ -45,8 +45,6 @@ export declare class Tag {
|
|
|
45
45
|
destroyClones({ stagger }?: DestroyOptions): Promise<number>;
|
|
46
46
|
updateByTag(tag: Tag): void;
|
|
47
47
|
lastTemplateString: string | undefined;
|
|
48
|
-
/** A method of passing down the same render method */
|
|
49
|
-
setSupport(tagSupport: TagSupport): void;
|
|
50
48
|
updateConfig(strings: string[], values: any[]): void;
|
|
51
49
|
getTemplate(): TagTemplate;
|
|
52
50
|
isLikeTag(tag: Tag): boolean;
|
|
@@ -66,5 +64,4 @@ export type ElementBuildOptions = {
|
|
|
66
64
|
counts: Counts;
|
|
67
65
|
forceElement?: boolean;
|
|
68
66
|
};
|
|
69
|
-
export declare function processNewValue(hasValue: boolean, value: any, context: Context, variableName: string, tag: Tag): void;
|
|
70
67
|
export {};
|
package/js/Tag.class.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { getSubjectFunction, setValueRedraw } from "./Tag.utils.js";
|
|
2
|
-
import { ValueSubject } from "./ValueSubject.js";
|
|
3
1
|
import { runBeforeDestroy } from "./tagRunner.js";
|
|
4
|
-
import { isSubjectInstance, isTagComponent, isTagInstance } from "./isInstance.js";
|
|
5
2
|
import { buildClones } from "./render.js";
|
|
6
3
|
import { interpolateElement, interpolateString } from "./interpolateElement.js";
|
|
7
4
|
import { afterElmBuild } from "./interpolateTemplate.js";
|
|
8
5
|
import { elementDestroyCheck } from "./elementDestroyCheck.function.js";
|
|
9
6
|
import { updateExistingValue } from "./updateExistingValue.function.js";
|
|
7
|
+
import { processNewValue } from "./processNewValue.function.js";
|
|
10
8
|
export const variablePrefix = '__tagvar';
|
|
11
9
|
export const escapeVariable = '--' + variablePrefix + '--';
|
|
12
10
|
const prefixSearch = new RegExp(variablePrefix, 'g');
|
|
@@ -48,12 +46,12 @@ export class Tag {
|
|
|
48
46
|
}
|
|
49
47
|
this.destroySubscriptions();
|
|
50
48
|
const promises = this.children.map((kid) => kid.destroy({ ...options, byParent: true }));
|
|
51
|
-
if (!options.byParent) {
|
|
52
|
-
options.stagger = await this.destroyClones(options);
|
|
53
|
-
}
|
|
54
49
|
if (this.ownerTag) {
|
|
55
50
|
this.ownerTag.children = this.ownerTag.children.filter(child => child !== this);
|
|
56
51
|
}
|
|
52
|
+
if (!options.byParent) {
|
|
53
|
+
options.stagger = await this.destroyClones(options);
|
|
54
|
+
}
|
|
57
55
|
await Promise.all(promises);
|
|
58
56
|
return options.stagger;
|
|
59
57
|
}
|
|
@@ -64,35 +62,41 @@ export class Tag {
|
|
|
64
62
|
async destroyClones({ stagger } = {
|
|
65
63
|
stagger: 0,
|
|
66
64
|
}) {
|
|
65
|
+
let hasPromise = false;
|
|
67
66
|
const promises = this.clones.reverse().map((clone, index) => {
|
|
68
|
-
let promise
|
|
67
|
+
let promise;
|
|
69
68
|
if (clone.ondestroy) {
|
|
70
69
|
promise = elementDestroyCheck(clone, stagger);
|
|
71
70
|
}
|
|
72
|
-
|
|
71
|
+
const next = () => {
|
|
73
72
|
clone.parentNode?.removeChild(clone);
|
|
74
73
|
const ownerTag = this.ownerTag;
|
|
75
74
|
if (ownerTag) {
|
|
76
75
|
// Sometimes my clones were first registered to my owner, remove them
|
|
77
76
|
ownerTag.clones = ownerTag.clones.filter(compareClone => compareClone !== clone);
|
|
78
77
|
}
|
|
79
|
-
}
|
|
78
|
+
};
|
|
79
|
+
if (promise instanceof Promise) {
|
|
80
|
+
hasPromise = true;
|
|
81
|
+
promise.then(next);
|
|
82
|
+
}
|
|
83
|
+
else {
|
|
84
|
+
next();
|
|
85
|
+
}
|
|
80
86
|
return promise;
|
|
81
87
|
});
|
|
82
|
-
|
|
83
|
-
|
|
88
|
+
if (hasPromise) {
|
|
89
|
+
await Promise.all(promises);
|
|
90
|
+
}
|
|
84
91
|
return stagger;
|
|
85
92
|
}
|
|
86
93
|
updateByTag(tag) {
|
|
87
94
|
this.updateConfig(tag.strings, tag.values);
|
|
88
95
|
this.tagSupport.templater = tag.tagSupport.templater;
|
|
96
|
+
this.tagSupport.propsConfig = { ...tag.tagSupport.propsConfig };
|
|
97
|
+
this.tagSupport.newest = tag;
|
|
89
98
|
}
|
|
90
99
|
lastTemplateString = undefined; // used to compare templates for updates
|
|
91
|
-
/** A method of passing down the same render method */
|
|
92
|
-
setSupport(tagSupport) {
|
|
93
|
-
this.tagSupport = tagSupport;
|
|
94
|
-
this.tagSupport.mutatingRender = tagSupport.mutatingRender;
|
|
95
|
-
}
|
|
96
100
|
updateConfig(strings, values) {
|
|
97
101
|
this.strings = strings;
|
|
98
102
|
this.updateValues(values);
|
|
@@ -118,6 +122,9 @@ export class Tag {
|
|
|
118
122
|
}
|
|
119
123
|
isLikeTag(tag) {
|
|
120
124
|
const { string } = tag.getTemplate();
|
|
125
|
+
if (!this.lastTemplateString) {
|
|
126
|
+
throw new Error('no template here');
|
|
127
|
+
}
|
|
121
128
|
const stringMatched = string === this.lastTemplateString;
|
|
122
129
|
if (!stringMatched || tag.values.length !== this.values.length) {
|
|
123
130
|
return false;
|
|
@@ -132,18 +139,6 @@ export class Tag {
|
|
|
132
139
|
}
|
|
133
140
|
return false;
|
|
134
141
|
}
|
|
135
|
-
const tag = value;
|
|
136
|
-
if (isTagInstance(tag) && isTagInstance(compareTo)) {
|
|
137
|
-
// TODO: THis "is" is setting data, this is not good
|
|
138
|
-
console.log('🎃');
|
|
139
|
-
tag.ownerTag = this; // let children know I own them
|
|
140
|
-
this.children.push(tag); // record children I created
|
|
141
|
-
tag.lastTemplateString || tag.getTemplate().string; // ensure last template string is generated
|
|
142
|
-
if (tag.isLikeTag(compareTo)) {
|
|
143
|
-
return true;
|
|
144
|
-
}
|
|
145
|
-
return false;
|
|
146
|
-
}
|
|
147
142
|
return true;
|
|
148
143
|
});
|
|
149
144
|
if (allVarsMatch) {
|
|
@@ -164,8 +159,9 @@ export class Tag {
|
|
|
164
159
|
const hasValue = this.values.length > index;
|
|
165
160
|
const value = this.values[index];
|
|
166
161
|
// is something already there?
|
|
167
|
-
const existing = context
|
|
162
|
+
const existing = variableName in context;
|
|
168
163
|
if (existing) {
|
|
164
|
+
const existing = context[variableName];
|
|
169
165
|
return updateExistingValue(existing, value, this);
|
|
170
166
|
}
|
|
171
167
|
// 🆕 First time values below
|
|
@@ -200,14 +196,16 @@ export class Tag {
|
|
|
200
196
|
this.insertBefore = insertBefore;
|
|
201
197
|
const context = this.update();
|
|
202
198
|
const template = this.getTemplate();
|
|
203
|
-
// const ownerTag = this.ownerTag
|
|
204
199
|
const temporary = document.createElement('div');
|
|
205
200
|
temporary.id = 'tag-temp-holder';
|
|
206
201
|
// render content with a first child that we can know is our first element
|
|
207
202
|
temporary.innerHTML = `<template tag-wrap="22">${template.string}</template>`;
|
|
208
203
|
// const clonesBefore = this.clones.map(clone => clone)
|
|
209
204
|
const intClones = interpolateElement(temporary, context, template, this, // this.ownerTag || this,
|
|
210
|
-
{
|
|
205
|
+
{
|
|
206
|
+
forceElement: options.forceElement,
|
|
207
|
+
counts: options.counts
|
|
208
|
+
});
|
|
211
209
|
this.clones.length = 0;
|
|
212
210
|
const clones = buildClones(temporary, insertBefore);
|
|
213
211
|
this.clones.push(...clones);
|
|
@@ -218,29 +216,4 @@ export class Tag {
|
|
|
218
216
|
return this.clones;
|
|
219
217
|
}
|
|
220
218
|
}
|
|
221
|
-
export function processNewValue(hasValue, value, context, variableName, tag) {
|
|
222
|
-
if (isTagComponent(value)) {
|
|
223
|
-
const existing = context[variableName] = new ValueSubject(value);
|
|
224
|
-
setValueRedraw(value, existing, tag);
|
|
225
|
-
return;
|
|
226
|
-
}
|
|
227
|
-
if (value instanceof Function) {
|
|
228
|
-
context[variableName] = getSubjectFunction(value, tag);
|
|
229
|
-
return;
|
|
230
|
-
}
|
|
231
|
-
if (!hasValue) {
|
|
232
|
-
return; // more strings than values, stop here
|
|
233
|
-
}
|
|
234
|
-
if (isTagInstance(value)) {
|
|
235
|
-
value.ownerTag = tag;
|
|
236
|
-
tag.children.push(value);
|
|
237
|
-
context[variableName] = new ValueSubject(value);
|
|
238
|
-
return;
|
|
239
|
-
}
|
|
240
|
-
if (isSubjectInstance(value)) {
|
|
241
|
-
context[variableName] = value;
|
|
242
|
-
return;
|
|
243
|
-
}
|
|
244
|
-
context[variableName] = new ValueSubject(value);
|
|
245
|
-
}
|
|
246
219
|
//# sourceMappingURL=Tag.class.js.map
|
package/js/Tag.class.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.class.js","sourceRoot":"","sources":["../ts/Tag.class.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.class.js","sourceRoot":"","sources":["../ts/Tag.class.ts"],"names":[],"mappings":"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"}
|
package/js/Tag.utils.d.ts
CHANGED
|
@@ -4,9 +4,13 @@ import { Subject } from "./Subject.js";
|
|
|
4
4
|
import { Tag } from "./Tag.class.js";
|
|
5
5
|
import { TemplaterResult } from "./templater.utils.js";
|
|
6
6
|
export type TagSubject = Subject<TemplaterResult> & {
|
|
7
|
-
tagSupport
|
|
8
|
-
tag
|
|
9
|
-
|
|
7
|
+
tagSupport: TagSupport;
|
|
8
|
+
tag: Tag;
|
|
9
|
+
template: Element;
|
|
10
|
+
};
|
|
11
|
+
export type DisplaySubject = Subject<TemplaterResult> & {
|
|
12
|
+
clone?: Element | Text;
|
|
13
|
+
template: Element;
|
|
10
14
|
};
|
|
11
15
|
export declare function getSubjectFunction(value: any, tag: Tag): ValueSubject<(...args: any[]) => any>;
|
|
12
16
|
export declare function setValueRedraw(templater: TemplaterResult, // latest tag function to call for rendering
|
package/js/Tag.utils.js
CHANGED
|
@@ -6,12 +6,12 @@ export function getSubjectFunction(value, tag) {
|
|
|
6
6
|
}
|
|
7
7
|
export function setValueRedraw(templater, // latest tag function to call for rendering
|
|
8
8
|
existing, ownerTag) {
|
|
9
|
-
// const oldCount = existing.tagSupport?.memory.renderCount
|
|
10
9
|
// redraw does not communicate to parent
|
|
11
10
|
templater.redraw = () => {
|
|
12
11
|
const existingTag = existing.tag;
|
|
13
|
-
const
|
|
14
|
-
|
|
12
|
+
const newest = templater.tagSupport.newest;
|
|
13
|
+
const tagSupport = existingTag?.tagSupport || templater.tagSupport;
|
|
14
|
+
const { remit, retag } = redrawTag(tagSupport, templater, newest, ownerTag);
|
|
15
15
|
if (!remit) {
|
|
16
16
|
return;
|
|
17
17
|
}
|
package/js/Tag.utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.utils.js","sourceRoot":"","sources":["../ts/Tag.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"Tag.utils.js","sourceRoot":"","sources":["../ts/Tag.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAavE,MAAM,UAAU,kBAAkB,CAChC,KAAU,EACV,GAAQ;IAER,OAAO,IAAI,YAAY,CAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAE,CAAA;AAC5D,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,SAA0B,EAAE,4CAA4C;AACxE,QAAoB,EACpB,QAAa;IAEb,wCAAwC;IACxC,SAAS,CAAC,MAAM,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAA;QAChC,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,MAAM,CAAA;QAC1C,MAAM,UAAU,GAAG,WAAW,EAAE,UAAU,IAAI,SAAS,CAAC,UAAU,CAAA;QAElE,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,SAAS,CAC9B,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,CACT,CAAA;QAED,IAAG,CAAC,KAAK,EAAE,CAAC;YACV,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QAEvB,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;AACH,CAAC"}
|
package/js/TagSupport.class.d.ts
CHANGED
|
@@ -5,14 +5,15 @@ import { TemplaterResult } from "./templater.utils.js";
|
|
|
5
5
|
export declare class TagSupport {
|
|
6
6
|
templater: TemplaterResult;
|
|
7
7
|
children: TagChildren;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
propsConfig: {
|
|
9
|
+
latest: Props;
|
|
10
|
+
latestCloned: Props;
|
|
11
|
+
lastClonedKidValues: unknown[][];
|
|
12
|
+
clonedProps: Props;
|
|
13
|
+
};
|
|
13
14
|
memory: TagMemory;
|
|
14
15
|
constructor(templater: TemplaterResult, children: TagChildren, // children tags passed in as arguments
|
|
15
|
-
props?:
|
|
16
|
+
props?: Props);
|
|
16
17
|
oldest?: Tag;
|
|
17
18
|
newest?: Tag;
|
|
18
19
|
mutatingRender(): Tag;
|
|
@@ -20,8 +21,3 @@ export declare class TagSupport {
|
|
|
20
21
|
/** Returns true when rendering owner is not needed. Returns false when rendering owner should occur */
|
|
21
22
|
renderExistingTag(tag: Tag, newTemplater: TemplaterResult): boolean;
|
|
22
23
|
}
|
|
23
|
-
export declare function hasTagSupportChanged(oldTagSupport: TagSupport, newTagSupport: TagSupport): boolean;
|
|
24
|
-
export declare function hasPropChanges(props: Props, // natural props
|
|
25
|
-
pastCloneProps: Props, // previously cloned props
|
|
26
|
-
compareToProps: Props): boolean;
|
|
27
|
-
export declare function hasKidsChanged(oldTagSupport: TagSupport, newTagSupport: TagSupport): boolean;
|