@adaas/are-html 0.0.2

package/dist/node/lib/AreHTML/AreHTML.tokenizer.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var aConcept = require('@adaas/a-concept');
+var are = require('@adaas/are');
+var AreComponent = require('../../nodes/AreComponent');
+var aLogger = require('@adaas/a-utils/a-logger');
+var AreRoot = require('../../nodes/AreRoot');
+var AreDirective_attribute = require('../../attributes/AreDirective.attribute');
+var AreEvent_attribute = require('../../attributes/AreEvent.attribute');
+var AreBinding_attribute = require('../../attributes/AreBinding.attribute');
+var AreStatic_attribute = require('../../attributes/AreStatic.attribute');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = __getOwnPropDesc(target, key) ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
+class AreHTMLTokenizer extends are.AreTokenizer {
+  constructor() {
+    super(...arguments);
+    this.ATTR_PATTERN = /([$:@]?[\w-]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>/"'=]+)))?/g;
+  }
+  tokenize(node, context, logger) {
+    super.tokenize(node, context, logger);
+    context.startPerformance("attributeExtraction");
+    const attributes = this.extractAttributes(node.markup);
+    for (const attr of attributes) {
+      node.scope.register(attr);
+    }
+    context.endPerformance("attributeExtraction");
+  }
+  extractAttributes(markup) {
+    const withoutTag = markup.replace(/^<[a-zA-Z][a-zA-Z0-9-]*\s*/, "");
+    let inSingle = false;
+    let inDouble = false;
+    let endIdx = withoutTag.length;
+    for (let i = 0; i < withoutTag.length; i++) {
+      const ch = withoutTag[i];
+      if (ch === '"' && !inSingle) inDouble = !inDouble;
+      else if (ch === "'" && !inDouble) inSingle = !inSingle;
+      else if (ch === ">" && !inSingle && !inDouble) {
+        endIdx = i;
+        break;
+      }
+    }
+    const attrString = withoutTag.slice(0, endIdx).replace(/\s*\/?\s*$/, "").trim();
+    const results = [];
+    for (const match of attrString.matchAll(this.ATTR_PATTERN)) {
+      const raw = match[0];
+      const full = match[1];
+      const value = match[2] ?? match[3] ?? match[4] ?? "true";
+      const prefix = full[0];
+      const isSpecial = prefix === ":" || prefix === "@" || prefix === "$";
+      const name = isSpecial ? full.slice(1) : full;
+      const meta = { name, content: value, raw, prefix: isSpecial ? prefix : "" };
+      if (prefix === ":") results.push(new AreBinding_attribute.AreBindingAttribute(meta));
+      else if (prefix === "@") results.push(new AreEvent_attribute.AreEventAttribute(meta));
+      else if (prefix === "$") results.push(new AreDirective_attribute.AreDirectiveAttribute(meta));
+      else results.push(new AreStatic_attribute.AreStaticAttribute(meta));
+    }
+    return results;
+  }
+}
+__decorateClass([
+  aConcept.A_Feature.Extend({
+    name: are.AreNodeFeatures.onTokenize,
+    scope: [AreComponent.AreComponentNode, AreRoot.AreRootNode]
+  }),
+  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
+  __decorateParam(1, aConcept.A_Inject(are.AreContext)),
+  __decorateParam(2, aConcept.A_Inject(aLogger.A_Logger))
+], AreHTMLTokenizer.prototype, "tokenize");
+
+exports.AreHTMLTokenizer = AreHTMLTokenizer;
+//# sourceMappingURL=AreHTML.tokenizer.js.map
+//# sourceMappingURL=AreHTML.tokenizer.js.map

package/dist/node/lib/AreHTML/AreHTML.tokenizer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreHTML/AreHTML.tokenizer.ts"],"names":["AreTokenizer","AreBindingAttribute","AreEventAttribute","AreDirectiveAttribute","AreStaticAttribute","A_Feature","AreNodeFeatures","AreComponentNode","AreRootNode","A_Caller","AreContext","A_Logger"],"mappings":"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","file":"AreHTML.tokenizer.js","sourcesContent":["import { A_Caller, A_Feature, A_Inject } from \"@adaas/a-concept\";\nimport { AreNodeFeatures, AreNode, AreTokenizer, AreAttribute_Init, AreContext } from \"@adaas/are\";\nimport { AreComponentNode } from \"../../nodes/AreComponent\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport { AreRootNode } from \"../../nodes/AreRoot\";\nimport { AreHTMLAttribute } from \"../AreHTMLAttribute/AreHTML.attribute\";\nimport { AreDirectiveAttribute } from \"../../attributes/AreDirective.attribute\";\nimport { AreEventAttribute } from \"../../attributes/AreEvent.attribute\";\nimport { AreBindingAttribute } from \"../../attributes/AreBinding.attribute\";\nimport { AreStaticAttribute } from \"../../attributes/AreStatic.attribute\";\n\n\nexport class AreHTMLTokenizer extends AreTokenizer {\n\n    ATTR_PATTERN = /([$:@]?[\\w-]+)(?:\\s*=\\s*(?:\"([^\"]*)\"|'([^']*)'|([^\\s>/\"'=]+)))?/g\n\n\n    @A_Feature.Extend({\n        name: AreNodeFeatures.onTokenize,\n        scope: [AreComponentNode, AreRootNode]\n    })\n    tokenize(\n        @A_Inject(A_Caller) node: AreNode,\n        @A_Inject(AreContext) context: AreContext,\n        @A_Inject(A_Logger) logger?: A_Logger\n    ): void {\n\n        super.tokenize(node, context, logger);\n\n        context.startPerformance('attributeExtraction');\n\n        const attributes = this.extractAttributes(node.markup);\n\n        for (const attr of attributes) {\n            node.scope.register(attr);\n        }\n\n        context.endPerformance('attributeExtraction');\n    }\n\n\n\n    extractAttributes(markup: string): AreHTMLAttribute[] {\n        // Strip the tag name, then remove the closing > that is NOT inside quotes\n        const withoutTag = markup.replace(/^<[a-zA-Z][a-zA-Z0-9-]*\\s*/, '')\n\n        // Walk the string to find the closing > that isn't inside a quoted value\n        let inSingle = false\n        let inDouble = false\n        let endIdx = withoutTag.length\n\n        for (let i = 0; i < withoutTag.length; i++) {\n            const ch = withoutTag[i]\n            if (ch === '\"' && !inSingle) inDouble = !inDouble\n            else if (ch === \"'\" && !inDouble) inSingle = !inSingle\n            else if (ch === '>' && !inSingle && !inDouble) {\n                endIdx = i\n                break\n            }\n        }\n\n        const attrString = withoutTag.slice(0, endIdx).replace(/\\s*\\/?\\s*$/, '').trim()\n\n        const results: AreHTMLAttribute[] = []\n\n        for (const match of attrString.matchAll(this.ATTR_PATTERN)) {\n            const raw = match[0]\n            const full = match[1]                           // e.g. ':class', '@click', '$for', 'id'\n            const value = match[2] ?? match[3] ?? match[4] ?? 'true'\n\n            const prefix = full[0]\n            const isSpecial = prefix === ':' || prefix === '@' || prefix === '$'\n            const name = isSpecial ? full.slice(1) : full\n\n            const meta: AreAttribute_Init = { name, content: value, raw, prefix: isSpecial ? prefix : '' }\n\n            if (prefix === ':') results.push(new AreBindingAttribute(meta))\n            else if (prefix === '@') results.push(new AreEventAttribute(meta))\n            else if (prefix === '$') results.push(new AreDirectiveAttribute(meta))\n            else results.push(new AreStaticAttribute(meta))\n        }\n\n        return results\n    }\n\n}"]}

package/dist/node/lib/AreHTML/AreHTML.tokenizer.mjs

@@ -0,0 +1,70 @@
+import { __decorateClass, __decorateParam } from '../../chunk-EQQGB2QZ.mjs';
+import { A_Feature, A_Inject, A_Caller } from '@adaas/a-concept';
+import { AreNodeFeatures, AreContext, AreTokenizer } from '@adaas/are';
+import { AreComponentNode } from '../../nodes/AreComponent';
+import { A_Logger } from '@adaas/a-utils/a-logger';
+import { AreRootNode } from '../../nodes/AreRoot';
+import { AreDirectiveAttribute } from '../../attributes/AreDirective.attribute';
+import { AreEventAttribute } from '../../attributes/AreEvent.attribute';
+import { AreBindingAttribute } from '../../attributes/AreBinding.attribute';
+import { AreStaticAttribute } from '../../attributes/AreStatic.attribute';
+
+class AreHTMLTokenizer extends AreTokenizer {
+  constructor() {
+    super(...arguments);
+    this.ATTR_PATTERN = /([$:@]?[\w-]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>/"'=]+)))?/g;
+  }
+  tokenize(node, context, logger) {
+    super.tokenize(node, context, logger);
+    context.startPerformance("attributeExtraction");
+    const attributes = this.extractAttributes(node.markup);
+    for (const attr of attributes) {
+      node.scope.register(attr);
+    }
+    context.endPerformance("attributeExtraction");
+  }
+  extractAttributes(markup) {
+    const withoutTag = markup.replace(/^<[a-zA-Z][a-zA-Z0-9-]*\s*/, "");
+    let inSingle = false;
+    let inDouble = false;
+    let endIdx = withoutTag.length;
+    for (let i = 0; i < withoutTag.length; i++) {
+      const ch = withoutTag[i];
+      if (ch === '"' && !inSingle) inDouble = !inDouble;
+      else if (ch === "'" && !inDouble) inSingle = !inSingle;
+      else if (ch === ">" && !inSingle && !inDouble) {
+        endIdx = i;
+        break;
+      }
+    }
+    const attrString = withoutTag.slice(0, endIdx).replace(/\s*\/?\s*$/, "").trim();
+    const results = [];
+    for (const match of attrString.matchAll(this.ATTR_PATTERN)) {
+      const raw = match[0];
+      const full = match[1];
+      const value = match[2] ?? match[3] ?? match[4] ?? "true";
+      const prefix = full[0];
+      const isSpecial = prefix === ":" || prefix === "@" || prefix === "$";
+      const name = isSpecial ? full.slice(1) : full;
+      const meta = { name, content: value, raw, prefix: isSpecial ? prefix : "" };
+      if (prefix === ":") results.push(new AreBindingAttribute(meta));
+      else if (prefix === "@") results.push(new AreEventAttribute(meta));
+      else if (prefix === "$") results.push(new AreDirectiveAttribute(meta));
+      else results.push(new AreStaticAttribute(meta));
+    }
+    return results;
+  }
+}
+__decorateClass([
+  A_Feature.Extend({
+    name: AreNodeFeatures.onTokenize,
+    scope: [AreComponentNode, AreRootNode]
+  }),
+  __decorateParam(0, A_Inject(A_Caller)),
+  __decorateParam(1, A_Inject(AreContext)),
+  __decorateParam(2, A_Inject(A_Logger))
+], AreHTMLTokenizer.prototype, "tokenize", 1);
+
+export { AreHTMLTokenizer };
+//# sourceMappingURL=AreHTML.tokenizer.mjs.map
+//# sourceMappingURL=AreHTML.tokenizer.mjs.map

package/dist/node/lib/AreHTML/AreHTML.tokenizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreHTML/AreHTML.tokenizer.ts"],"names":[],"mappings":";;;;;;;;;;;AAYO,MAAM,yBAAyB,YAAA,CAAa;AAAA,EAA5C,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEH,IAAA,IAAA,CAAA,YAAA,GAAe,kEAAA;AAAA,EAAA;AAAA,EAOf,QAAA,CACwB,IAAA,EACE,OAAA,EACF,MAAA,EAChB;AAEJ,IAAA,KAAA,CAAM,QAAA,CAAS,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AAEpC,IAAA,OAAA,CAAQ,iBAAiB,qBAAqB,CAAA;AAE9C,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,iBAAA,CAAkB,IAAA,CAAK,MAAM,CAAA;AAErD,IAAA,KAAA,MAAW,QAAQ,UAAA,EAAY;AAC3B,MAAA,IAAA,CAAK,KAAA,CAAM,SAAS,IAAI,CAAA;AAAA,IAC5B;AAEA,IAAA,OAAA,CAAQ,eAAe,qBAAqB,CAAA;AAAA,EAChD;AAAA,EAIA,kBAAkB,MAAA,EAAoC;AAElD,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,OAAA,CAAQ,4BAAA,EAA8B,EAAE,CAAA;AAGlE,IAAA,IAAI,QAAA,GAAW,KAAA;AACf,IAAA,IAAI,QAAA,GAAW,KAAA;AACf,IAAA,IAAI,SAAS,UAAA,CAAW,MAAA;AAExB,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,UAAA,CAAW,QAAQ,CAAA,EAAA,EAAK;AACxC,MAAA,MAAM,EAAA,GAAK,WAAW,CAAC,CAAA;AACvB,MAAA,IAAI,EAAA,KAAO,GAAA,IAAO,CAAC,QAAA,aAAqB,CAAC,QAAA;AAAA,WAAA,IAChC,EAAA,KAAO,GAAA,IAAO,CAAC,QAAA,aAAqB,CAAC,QAAA;AAAA,WAAA,IACrC,EAAA,KAAO,GAAA,IAAO,CAAC,QAAA,IAAY,CAAC,QAAA,EAAU;AAC3C,QAAA,MAAA,GAAS,CAAA;AACT,QAAA;AAAA,MACJ;AAAA,IACJ;AAEA,IAAA,MAAM,UAAA,GAAa,UAAA,CAAW,KAAA,CAAM,CAAA,EAAG,MAAM,EAAE,OAAA,CAAQ,YAAA,EAAc,EAAE,CAAA,CAAE,IAAA,EAAK;AAE9E,IAAA,MAAM,UAA8B,EAAC;AAErC,IAAA,KAAA,MAAW,KAAA,IAAS,UAAA,CAAW,QAAA,CAAS,IAAA,CAAK,YAAY,CAAA,EAAG;AACxD,MAAA,MAAM,GAAA,GAAM,MAAM,CAAC,CAAA;AACnB,MAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AACpB,MAAA,MAAM,KAAA,GAAQ,MAAM,CAAC,CAAA,IAAK,MAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,CAAA,IAAK,MAAA;AAElD,MAAA,MAAM,MAAA,GAAS,KAAK,CAAC,CAAA;AACrB,MAAA,MAAM,SAAA,GAAY,MAAA,KAAW,GAAA,IAAO,MAAA,KAAW,OAAO,MAAA,KAAW,GAAA;AACjE,MAAA,MAAM,IAAA,GAAO,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,IAAA;AAEzC,MAAA,MAAM,IAAA,GAA0B,EAAE,IAAA,EAAM,OAAA,EAAS,OAAO,GAAA,EAAK,MAAA,EAAQ,SAAA,GAAY,MAAA,GAAS,EAAA,EAAG;AAE7F,MAAA,IAAI,WAAW,GAAA,EAAK,OAAA,CAAQ,KAAK,IAAI,mBAAA,CAAoB,IAAI,CAAC,CAAA;AAAA,WAAA,IACrD,WAAW,GAAA,EAAK,OAAA,CAAQ,KAAK,IAAI,iBAAA,CAAkB,IAAI,CAAC,CAAA;AAAA,WAAA,IACxD,WAAW,GAAA,EAAK,OAAA,CAAQ,KAAK,IAAI,qBAAA,CAAsB,IAAI,CAAC,CAAA;AAAA,WAChE,OAAA,CAAQ,IAAA,CAAK,IAAI,kBAAA,CAAmB,IAAI,CAAC,CAAA;AAAA,IAClD;AAEA,IAAA,OAAO,OAAA;AAAA,EACX;AAEJ;AAhEI,eAAA,CAAA;AAAA,EAJC,UAAU,MAAA,CAAO;AAAA,IACd,MAAM,eAAA,CAAgB,UAAA;AAAA,IACtB,KAAA,EAAO,CAAC,gBAAA,EAAkB,WAAW;AAAA,GACxC,CAAA;AAAA,EAEI,4BAAS,QAAQ,CAAA,CAAA;AAAA,EACjB,4BAAS,UAAU,CAAA,CAAA;AAAA,EACnB,4BAAS,QAAQ,CAAA;AAAA,CAAA,EAZb,gBAAA,CAST,SAAA,EAAA,UAAA,EAAA,CAAA,CAAA","file":"AreHTML.tokenizer.mjs","sourcesContent":["import { A_Caller, A_Feature, A_Inject } from \"@adaas/a-concept\";\nimport { AreNodeFeatures, AreNode, AreTokenizer, AreAttribute_Init, AreContext } from \"@adaas/are\";\nimport { AreComponentNode } from \"../../nodes/AreComponent\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport { AreRootNode } from \"../../nodes/AreRoot\";\nimport { AreHTMLAttribute } from \"../AreHTMLAttribute/AreHTML.attribute\";\nimport { AreDirectiveAttribute } from \"../../attributes/AreDirective.attribute\";\nimport { AreEventAttribute } from \"../../attributes/AreEvent.attribute\";\nimport { AreBindingAttribute } from \"../../attributes/AreBinding.attribute\";\nimport { AreStaticAttribute } from \"../../attributes/AreStatic.attribute\";\n\n\nexport class AreHTMLTokenizer extends AreTokenizer {\n\n    ATTR_PATTERN = /([$:@]?[\\w-]+)(?:\\s*=\\s*(?:\"([^\"]*)\"|'([^']*)'|([^\\s>/\"'=]+)))?/g\n\n\n    @A_Feature.Extend({\n        name: AreNodeFeatures.onTokenize,\n        scope: [AreComponentNode, AreRootNode]\n    })\n    tokenize(\n        @A_Inject(A_Caller) node: AreNode,\n        @A_Inject(AreContext) context: AreContext,\n        @A_Inject(A_Logger) logger?: A_Logger\n    ): void {\n\n        super.tokenize(node, context, logger);\n\n        context.startPerformance('attributeExtraction');\n\n        const attributes = this.extractAttributes(node.markup);\n\n        for (const attr of attributes) {\n            node.scope.register(attr);\n        }\n\n        context.endPerformance('attributeExtraction');\n    }\n\n\n\n    extractAttributes(markup: string): AreHTMLAttribute[] {\n        // Strip the tag name, then remove the closing > that is NOT inside quotes\n        const withoutTag = markup.replace(/^<[a-zA-Z][a-zA-Z0-9-]*\\s*/, '')\n\n        // Walk the string to find the closing > that isn't inside a quoted value\n        let inSingle = false\n        let inDouble = false\n        let endIdx = withoutTag.length\n\n        for (let i = 0; i < withoutTag.length; i++) {\n            const ch = withoutTag[i]\n            if (ch === '\"' && !inSingle) inDouble = !inDouble\n            else if (ch === \"'\" && !inDouble) inSingle = !inSingle\n            else if (ch === '>' && !inSingle && !inDouble) {\n                endIdx = i\n                break\n            }\n        }\n\n        const attrString = withoutTag.slice(0, endIdx).replace(/\\s*\\/?\\s*$/, '').trim()\n\n        const results: AreHTMLAttribute[] = []\n\n        for (const match of attrString.matchAll(this.ATTR_PATTERN)) {\n            const raw = match[0]\n            const full = match[1]                           // e.g. ':class', '@click', '$for', 'id'\n            const value = match[2] ?? match[3] ?? match[4] ?? 'true'\n\n            const prefix = full[0]\n            const isSpecial = prefix === ':' || prefix === '@' || prefix === '$'\n            const name = isSpecial ? full.slice(1) : full\n\n            const meta: AreAttribute_Init = { name, content: value, raw, prefix: isSpecial ? prefix : '' }\n\n            if (prefix === ':') results.push(new AreBindingAttribute(meta))\n            else if (prefix === '@') results.push(new AreEventAttribute(meta))\n            else if (prefix === '$') results.push(new AreDirectiveAttribute(meta))\n            else results.push(new AreStaticAttribute(meta))\n        }\n\n        return results\n    }\n\n}"]}

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.d.mts

@@ -0,0 +1,4 @@
+import '@adaas/are';
+export { d as AreHTMLAttribute } from '../../AreBinding.attribute-C6qrxN8K.mjs';
+import '@adaas/a-concept';
+import '../AreStyle/AreStyle.context.mjs';

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.d.ts

@@ -0,0 +1,4 @@
+import '@adaas/are';
+export { d as AreHTMLAttribute } from '../../AreBinding.attribute-C6JasbJL.js';
+import '@adaas/a-concept';
+import '../AreStyle/AreStyle.context.js';

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var are = require('@adaas/are');
+
+class AreHTMLAttribute extends are.AreAttribute {
+  get owner() {
+    return this.scope.issuer();
+  }
+}
+
+exports.AreHTMLAttribute = AreHTMLAttribute;
+//# sourceMappingURL=AreHTML.attribute.js.map
+//# sourceMappingURL=AreHTML.attribute.js.map

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreHTMLAttribute/AreHTML.attribute.ts"],"names":["AreAttribute"],"mappings":";;;;AAMO,MAAM,yBAAyBA,gBAAA,CAAa;AAAA,EAE/C,IAAI,KAAA,GAAqB;AACrB,IAAA,OAAO,IAAA,CAAK,MAAM,MAAA,EAAO;AAAA,EAC7B;AAEJ","file":"AreHTML.attribute.js","sourcesContent":["import { AreAttribute } from \"@adaas/are\";\nimport { AreHTMLNode } from \"../AreHTMLNode/AreHTMLNode\";\n\n\n\n\nexport class AreHTMLAttribute extends AreAttribute {\n\n    get owner(): AreHTMLNode {\n        return this.scope.issuer() as AreHTMLNode;\n    }\n\n}"]}

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.mjs

@@ -0,0 +1,12 @@
+import '../../chunk-EQQGB2QZ.mjs';
+import { AreAttribute } from '@adaas/are';
+
+class AreHTMLAttribute extends AreAttribute {
+  get owner() {
+    return this.scope.issuer();
+  }
+}
+
+export { AreHTMLAttribute };
+//# sourceMappingURL=AreHTML.attribute.mjs.map
+//# sourceMappingURL=AreHTML.attribute.mjs.map

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreHTMLAttribute/AreHTML.attribute.ts"],"names":[],"mappings":";;;AAMO,MAAM,yBAAyB,YAAA,CAAa;AAAA,EAE/C,IAAI,KAAA,GAAqB;AACrB,IAAA,OAAO,IAAA,CAAK,MAAM,MAAA,EAAO;AAAA,EAC7B;AAEJ","file":"AreHTML.attribute.mjs","sourcesContent":["import { AreAttribute } from \"@adaas/are\";\nimport { AreHTMLNode } from \"../AreHTMLNode/AreHTMLNode\";\n\n\n\n\nexport class AreHTMLAttribute extends AreAttribute {\n\n    get owner(): AreHTMLNode {\n        return this.scope.issuer() as AreHTMLNode;\n    }\n\n}"]}

package/dist/node/lib/AreHTMLNode/AreHTMLNode.d.mts

@@ -0,0 +1,4 @@
+import '@adaas/are';
+export { e as AreHTMLNode } from '../../AreBinding.attribute-C6qrxN8K.mjs';
+import '../AreStyle/AreStyle.context.mjs';
+import '@adaas/a-concept';

package/dist/node/lib/AreHTMLNode/AreHTMLNode.d.ts

@@ -0,0 +1,4 @@
+import '@adaas/are';
+export { e as AreHTMLNode } from '../../AreBinding.attribute-C6JasbJL.js';
+import '../AreStyle/AreStyle.context.js';
+import '@adaas/a-concept';

package/dist/node/lib/AreHTMLNode/AreHTMLNode.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var aConcept = require('@adaas/a-concept');
+var aFrame = require('@adaas/a-frame');
+var are = require('@adaas/are');
+var AreBinding_attribute = require('@adaas/are-html/attributes/AreBinding.attribute');
+var AreDirective_attribute = require('@adaas/are-html/attributes/AreDirective.attribute');
+var AreEvent_attribute = require('@adaas/are-html/attributes/AreEvent.attribute');
+var AreStatic_attribute = require('@adaas/are-html/attributes/AreStatic.attribute');
+var AreStyle_context = require('@adaas/are-html/style/AreStyle.context');
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+exports.AreHTMLNode = class AreHTMLNode extends are.AreNode {
+  /**
+   * Actual node type. 
+   * By default it's a tag name
+   */
+  get tag() {
+    return this.aseid.entity;
+  }
+  /**
+    * The static attributes defined for the node, which are typically used to represent static properties or characteristics of the node that do not change based on the context or state. These attributes are usually defined in the template and are not reactive.
+    * 
+    * Example: For a node defined as `<div class="static-class">`, the static attribute would be `class="static-class"`.
+    */
+  get staticAttributes() {
+    return this.scope.resolveFlatAll(AreStatic_attribute.AreStaticAttribute);
+  }
+  /**
+   * The binding attributes defined for the node, which are typically used to represent dynamic properties or characteristics of the node that can change based on the context or state. These attributes are usually defined in the template with a specific syntax (e.g., `:prop="value"` or `v-bind:prop="value"`) and are reactive, meaning that they will update automatically when the underlying data changes.
+   * 
+   * Example: For a node defined as `<div :class="dynamicClass">`, the binding attribute would be `:class="dynamicClass"`.
+   */
+  get bindings() {
+    return this.scope.resolveFlatAll(AreBinding_attribute.AreBindingAttribute);
+  }
+  /**
+   * The directive attributes defined for the node, which are typically used to represent special instructions or behaviors that should be applied to the node. These attributes are usually defined in the template with a specific syntax (e.g., `v-if="condition"` or `v-for="item in list"`) and are processed by the rendering engine to apply the corresponding logic or behavior to the node.
+   * 
+   * Example: For a node defined as `<div v-if="isVisible">`, the directive attribute would be `v-if="isVisible"`.
+   */
+  get directives() {
+    const directives = this.scope.resolveFlatAll(AreDirective_attribute.AreDirectiveAttribute);
+    return directives.filter((d) => d.component).sort((a, b) => {
+      const aMeta = aConcept.A_Context.meta(a.component);
+      const bMeta = aConcept.A_Context.meta(b.component);
+      const aPriority = aMeta.priority ?? 0;
+      const bPriority = bMeta.priority ?? 0;
+      return bPriority - aPriority;
+    });
+  }
+  /**
+   * The event attributes defined for the node, which are typically used to represent event listeners or handlers that should be attached to the node. These attributes are usually defined in the template with a specific syntax (e.g., `@click="handleClick"` or `v-on:click="handleClick"`) and are processed by the rendering engine to attach the corresponding event listeners to the node.
+   * 
+   * Example: For a node defined as `<button @click="handleClick">`, the event attribute would be `@click="handleClick"`.
+   */
+  get events() {
+    return this.scope.resolveFlatAll(AreEvent_attribute.AreEventAttribute);
+  }
+  /**
+   * The styles defined for the node, which can include inline styles or styles defined in a separate stylesheet that are applied to the node. These styles can be used to control the visual appearance of the node and can be defined using standard CSS syntax.
+   */
+  get styles() {
+    return this.scope.resolveFlat(AreStyle_context.AreStyle);
+  }
+};
+exports.AreHTMLNode = __decorateClass([
+  aFrame.A_Frame.Entity({
+    namespace: "A-ARE",
+    name: "AreHTMLNode",
+    description: "AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles."
+  })
+], exports.AreHTMLNode);
+//# sourceMappingURL=AreHTMLNode.js.map
+//# sourceMappingURL=AreHTMLNode.js.map

package/dist/node/lib/AreHTMLNode/AreHTMLNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreHTMLNode/AreHTMLNode.ts"],"names":["AreHTMLNode","AreNode","AreStaticAttribute","AreBindingAttribute","AreDirectiveAttribute","A_Context","AreEventAttribute","AreStyle","A_Frame"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBaA,mBAAA,GAAN,0BAA0BC,WAAA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrC,IAAI,GAAA,GAAc;AACd,IAAA,OAAO,KAAK,KAAA,CAAM,MAAA;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,gBAAA,GAAyC;AACzC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAmCC,sCAAkB,CAAA;AAAA,EAC3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAA,GAAkC;AAClC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAoCC,wCAAmB,CAAA;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAA,GAAsC;AAItC,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,cAAA,CAAsCC,4CAAqB,CAAA;AAOzF,IAAA,OAAO,UAAA,CAAW,OAAO,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM;AACtD,MAAA,MAAM,KAAA,GAAQC,kBAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AACzE,MAAA,MAAM,KAAA,GAAQA,kBAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AAEzE,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AACpC,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AAEpC,MAAA,OAAO,SAAA,GAAY,SAAA;AAAA,IACvB,CAAC,CAAA;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,MAAA,GAA8B;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAkCC,oCAAiB,CAAA;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAI,MAAA,GAAmB;AACnB,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAsBC,yBAAQ,CAAA;AAAA,EACpD;AAEJ;AAjEaP,mBAAA,GAAN,eAAA,CAAA;AAAA,EALNQ,eAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,OAAA;AAAA,IACX,IAAA,EAAM,aAAA;AAAA,IACN,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYR,mBAAA,CAAA","file":"AreHTMLNode.js","sourcesContent":["import { A_Context, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { AreNode} from \"@adaas/are\";\nimport { AreBindingAttribute } from \"@adaas/are-html/attributes/AreBinding.attribute\";\nimport { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreEventAttribute } from \"@adaas/are-html/attributes/AreEvent.attribute\";\nimport { AreStaticAttribute } from \"@adaas/are-html/attributes/AreStatic.attribute\";\nimport { AreStyle } from \"@adaas/are-html/style/AreStyle.context\";\nimport { AreDirective } from \"@adaas/are-html/directive/AreDirective.component\";\nimport { AreDirectiveMeta } from \"@adaas/are-html/directive/AreDirective.meta\";\n\n\n\n@A_Frame.Entity({\n    namespace: 'A-ARE',\n    name: 'AreHTMLNode',\n    description: 'AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles.'\n})\nexport class AreHTMLNode extends AreNode {\n    /**\n     * Actual node type. \n     * By default it's a tag name\n     */\n    get tag(): string {\n        return this.aseid.entity;\n    }\n    /**\n      * The static attributes defined for the node, which are typically used to represent static properties or characteristics of the node that do not change based on the context or state. These attributes are usually defined in the template and are not reactive.\n      * \n      * Example: For a node defined as `<div class=\"static-class\">`, the static attribute would be `class=\"static-class\"`.\n      */\n    get staticAttributes(): AreStaticAttribute[] {\n        return this.scope.resolveFlatAll<AreStaticAttribute>(AreStaticAttribute);\n    }\n    /**\n     * The binding attributes defined for the node, which are typically used to represent dynamic properties or characteristics of the node that can change based on the context or state. These attributes are usually defined in the template with a specific syntax (e.g., `:prop=\"value\"` or `v-bind:prop=\"value\"`) and are reactive, meaning that they will update automatically when the underlying data changes.\n     * \n     * Example: For a node defined as `<div :class=\"dynamicClass\">`, the binding attribute would be `:class=\"dynamicClass\"`.\n     */\n    get bindings(): AreBindingAttribute[] {\n        return this.scope.resolveFlatAll<AreBindingAttribute>(AreBindingAttribute);\n    }\n    /**\n     * The directive attributes defined for the node, which are typically used to represent special instructions or behaviors that should be applied to the node. These attributes are usually defined in the template with a specific syntax (e.g., `v-if=\"condition\"` or `v-for=\"item in list\"`) and are processed by the rendering engine to apply the corresponding logic or behavior to the node.\n     * \n     * Example: For a node defined as `<div v-if=\"isVisible\">`, the directive attribute would be `v-if=\"isVisible\"`.\n     */\n    get directives(): AreDirectiveAttribute[] {\n        /**\n         * 1. get all registered directives for the node\n         */\n        const directives = this.scope.resolveFlatAll<AreDirectiveAttribute>(AreDirectiveAttribute)!;\n        /**\n         * 2. Order them in the way that defined in the meta\n         * \n         *   Each meta has a prioprity of order that may impact the way how directives are compiled and rendered. For example, a directive with higher priority may need to be compiled before other directives to ensure that its logic is applied correctly before other directives are processed. By ordering the directives based on their defined priority in the meta, we can ensure that the compilation and rendering process follows the intended logic and behavior as defined by the directive implementations.\n         */\n\n        return directives.filter(d => d.component).sort((a, b) => {\n            const aMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(a.component!);\n            const bMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(b.component!);\n\n            const aPriority = aMeta.priority ?? 0;\n            const bPriority = bMeta.priority ?? 0;\n\n            return bPriority - aPriority;\n        });\n    }\n    /**\n     * The event attributes defined for the node, which are typically used to represent event listeners or handlers that should be attached to the node. These attributes are usually defined in the template with a specific syntax (e.g., `@click=\"handleClick\"` or `v-on:click=\"handleClick\"`) and are processed by the rendering engine to attach the corresponding event listeners to the node.\n     * \n     * Example: For a node defined as `<button @click=\"handleClick\">`, the event attribute would be `@click=\"handleClick\"`.\n     */\n    get events(): AreEventAttribute[] {\n        return this.scope.resolveFlatAll<AreEventAttribute>(AreEventAttribute)!;\n    }\n    /**\n     * The styles defined for the node, which can include inline styles or styles defined in a separate stylesheet that are applied to the node. These styles can be used to control the visual appearance of the node and can be defined using standard CSS syntax.\n     */\n    get styles(): AreStyle {\n        return this.scope.resolveFlat<AreStyle>(AreStyle)!;\n    }\n\n}"]}

package/dist/node/lib/AreHTMLNode/AreHTMLNode.mjs

@@ -0,0 +1,75 @@
+import { __decorateClass } from '../../chunk-EQQGB2QZ.mjs';
+import { A_Context } from '@adaas/a-concept';
+import { A_Frame } from '@adaas/a-frame';
+import { AreNode } from '@adaas/are';
+import { AreBindingAttribute } from '@adaas/are-html/attributes/AreBinding.attribute';
+import { AreDirectiveAttribute } from '@adaas/are-html/attributes/AreDirective.attribute';
+import { AreEventAttribute } from '@adaas/are-html/attributes/AreEvent.attribute';
+import { AreStaticAttribute } from '@adaas/are-html/attributes/AreStatic.attribute';
+import { AreStyle } from '@adaas/are-html/style/AreStyle.context';
+
+let AreHTMLNode = class extends AreNode {
+  /**
+   * Actual node type. 
+   * By default it's a tag name
+   */
+  get tag() {
+    return this.aseid.entity;
+  }
+  /**
+    * The static attributes defined for the node, which are typically used to represent static properties or characteristics of the node that do not change based on the context or state. These attributes are usually defined in the template and are not reactive.
+    * 
+    * Example: For a node defined as `<div class="static-class">`, the static attribute would be `class="static-class"`.
+    */
+  get staticAttributes() {
+    return this.scope.resolveFlatAll(AreStaticAttribute);
+  }
+  /**
+   * The binding attributes defined for the node, which are typically used to represent dynamic properties or characteristics of the node that can change based on the context or state. These attributes are usually defined in the template with a specific syntax (e.g., `:prop="value"` or `v-bind:prop="value"`) and are reactive, meaning that they will update automatically when the underlying data changes.
+   * 
+   * Example: For a node defined as `<div :class="dynamicClass">`, the binding attribute would be `:class="dynamicClass"`.
+   */
+  get bindings() {
+    return this.scope.resolveFlatAll(AreBindingAttribute);
+  }
+  /**
+   * The directive attributes defined for the node, which are typically used to represent special instructions or behaviors that should be applied to the node. These attributes are usually defined in the template with a specific syntax (e.g., `v-if="condition"` or `v-for="item in list"`) and are processed by the rendering engine to apply the corresponding logic or behavior to the node.
+   * 
+   * Example: For a node defined as `<div v-if="isVisible">`, the directive attribute would be `v-if="isVisible"`.
+   */
+  get directives() {
+    const directives = this.scope.resolveFlatAll(AreDirectiveAttribute);
+    return directives.filter((d) => d.component).sort((a, b) => {
+      const aMeta = A_Context.meta(a.component);
+      const bMeta = A_Context.meta(b.component);
+      const aPriority = aMeta.priority ?? 0;
+      const bPriority = bMeta.priority ?? 0;
+      return bPriority - aPriority;
+    });
+  }
+  /**
+   * The event attributes defined for the node, which are typically used to represent event listeners or handlers that should be attached to the node. These attributes are usually defined in the template with a specific syntax (e.g., `@click="handleClick"` or `v-on:click="handleClick"`) and are processed by the rendering engine to attach the corresponding event listeners to the node.
+   * 
+   * Example: For a node defined as `<button @click="handleClick">`, the event attribute would be `@click="handleClick"`.
+   */
+  get events() {
+    return this.scope.resolveFlatAll(AreEventAttribute);
+  }
+  /**
+   * The styles defined for the node, which can include inline styles or styles defined in a separate stylesheet that are applied to the node. These styles can be used to control the visual appearance of the node and can be defined using standard CSS syntax.
+   */
+  get styles() {
+    return this.scope.resolveFlat(AreStyle);
+  }
+};
+AreHTMLNode = __decorateClass([
+  A_Frame.Entity({
+    namespace: "A-ARE",
+    name: "AreHTMLNode",
+    description: "AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles."
+  })
+], AreHTMLNode);
+
+export { AreHTMLNode };
+//# sourceMappingURL=AreHTMLNode.mjs.map
+//# sourceMappingURL=AreHTMLNode.mjs.map

package/dist/node/lib/AreHTMLNode/AreHTMLNode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreHTMLNode/AreHTMLNode.ts"],"names":[],"mappings":";;;;;;;;;;AAkBO,IAAM,WAAA,GAAN,cAA0B,OAAA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrC,IAAI,GAAA,GAAc;AACd,IAAA,OAAO,KAAK,KAAA,CAAM,MAAA;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,gBAAA,GAAyC;AACzC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAmC,kBAAkB,CAAA;AAAA,EAC3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAA,GAAkC;AAClC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAoC,mBAAmB,CAAA;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAA,GAAsC;AAItC,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,cAAA,CAAsC,qBAAqB,CAAA;AAOzF,IAAA,OAAO,UAAA,CAAW,OAAO,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM;AACtD,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AACzE,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AAEzE,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AACpC,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AAEpC,MAAA,OAAO,SAAA,GAAY,SAAA;AAAA,IACvB,CAAC,CAAA;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,MAAA,GAA8B;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAkC,iBAAiB,CAAA;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAI,MAAA,GAAmB;AACnB,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAsB,QAAQ,CAAA;AAAA,EACpD;AAEJ;AAjEa,WAAA,GAAN,eAAA,CAAA;AAAA,EALN,QAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,OAAA;AAAA,IACX,IAAA,EAAM,aAAA;AAAA,IACN,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACY,WAAA,CAAA","file":"AreHTMLNode.mjs","sourcesContent":["import { A_Context, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { AreNode} from \"@adaas/are\";\nimport { AreBindingAttribute } from \"@adaas/are-html/attributes/AreBinding.attribute\";\nimport { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreEventAttribute } from \"@adaas/are-html/attributes/AreEvent.attribute\";\nimport { AreStaticAttribute } from \"@adaas/are-html/attributes/AreStatic.attribute\";\nimport { AreStyle } from \"@adaas/are-html/style/AreStyle.context\";\nimport { AreDirective } from \"@adaas/are-html/directive/AreDirective.component\";\nimport { AreDirectiveMeta } from \"@adaas/are-html/directive/AreDirective.meta\";\n\n\n\n@A_Frame.Entity({\n    namespace: 'A-ARE',\n    name: 'AreHTMLNode',\n    description: 'AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles.'\n})\nexport class AreHTMLNode extends AreNode {\n    /**\n     * Actual node type. \n     * By default it's a tag name\n     */\n    get tag(): string {\n        return this.aseid.entity;\n    }\n    /**\n      * The static attributes defined for the node, which are typically used to represent static properties or characteristics of the node that do not change based on the context or state. These attributes are usually defined in the template and are not reactive.\n      * \n      * Example: For a node defined as `<div class=\"static-class\">`, the static attribute would be `class=\"static-class\"`.\n      */\n    get staticAttributes(): AreStaticAttribute[] {\n        return this.scope.resolveFlatAll<AreStaticAttribute>(AreStaticAttribute);\n    }\n    /**\n     * The binding attributes defined for the node, which are typically used to represent dynamic properties or characteristics of the node that can change based on the context or state. These attributes are usually defined in the template with a specific syntax (e.g., `:prop=\"value\"` or `v-bind:prop=\"value\"`) and are reactive, meaning that they will update automatically when the underlying data changes.\n     * \n     * Example: For a node defined as `<div :class=\"dynamicClass\">`, the binding attribute would be `:class=\"dynamicClass\"`.\n     */\n    get bindings(): AreBindingAttribute[] {\n        return this.scope.resolveFlatAll<AreBindingAttribute>(AreBindingAttribute);\n    }\n    /**\n     * The directive attributes defined for the node, which are typically used to represent special instructions or behaviors that should be applied to the node. These attributes are usually defined in the template with a specific syntax (e.g., `v-if=\"condition\"` or `v-for=\"item in list\"`) and are processed by the rendering engine to apply the corresponding logic or behavior to the node.\n     * \n     * Example: For a node defined as `<div v-if=\"isVisible\">`, the directive attribute would be `v-if=\"isVisible\"`.\n     */\n    get directives(): AreDirectiveAttribute[] {\n        /**\n         * 1. get all registered directives for the node\n         */\n        const directives = this.scope.resolveFlatAll<AreDirectiveAttribute>(AreDirectiveAttribute)!;\n        /**\n         * 2. Order them in the way that defined in the meta\n         * \n         *   Each meta has a prioprity of order that may impact the way how directives are compiled and rendered. For example, a directive with higher priority may need to be compiled before other directives to ensure that its logic is applied correctly before other directives are processed. By ordering the directives based on their defined priority in the meta, we can ensure that the compilation and rendering process follows the intended logic and behavior as defined by the directive implementations.\n         */\n\n        return directives.filter(d => d.component).sort((a, b) => {\n            const aMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(a.component!);\n            const bMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(b.component!);\n\n            const aPriority = aMeta.priority ?? 0;\n            const bPriority = bMeta.priority ?? 0;\n\n            return bPriority - aPriority;\n        });\n    }\n    /**\n     * The event attributes defined for the node, which are typically used to represent event listeners or handlers that should be attached to the node. These attributes are usually defined in the template with a specific syntax (e.g., `@click=\"handleClick\"` or `v-on:click=\"handleClick\"`) and are processed by the rendering engine to attach the corresponding event listeners to the node.\n     * \n     * Example: For a node defined as `<button @click=\"handleClick\">`, the event attribute would be `@click=\"handleClick\"`.\n     */\n    get events(): AreEventAttribute[] {\n        return this.scope.resolveFlatAll<AreEventAttribute>(AreEventAttribute)!;\n    }\n    /**\n     * The styles defined for the node, which can include inline styles or styles defined in a separate stylesheet that are applied to the node. These styles can be used to control the visual appearance of the node and can be defined using standard CSS syntax.\n     */\n    get styles(): AreStyle {\n        return this.scope.resolveFlat<AreStyle>(AreStyle)!;\n    }\n\n}"]}

package/dist/node/lib/AreRoot/AreRoot.component.d.mts

@@ -0,0 +1,13 @@
+import { A_Logger } from '@adaas/a-utils/a-logger';
+import { A_SignalVector } from '@adaas/a-utils/a-signal';
+import { Are, ArePropDefinition, AreNode, AreSignalsContext, AreStore } from '@adaas/are';
+
+declare class AreRoot extends Are {
+    props: Record<string, ArePropDefinition>;
+    template(root: AreNode, logger: A_Logger, signalsContext?: AreSignalsContext): Promise<void>;
+    onSignal(root: AreNode, vector: A_SignalVector, store: AreStore<{
+        default: string;
+    }>, logger: A_Logger, signalsContext?: AreSignalsContext): Promise<void>;
+}
+
+export { AreRoot };

package/dist/node/lib/AreRoot/AreRoot.component.d.ts

@@ -0,0 +1,13 @@
+import { A_Logger } from '@adaas/a-utils/a-logger';
+import { A_SignalVector } from '@adaas/a-utils/a-signal';
+import { Are, ArePropDefinition, AreNode, AreSignalsContext, AreStore } from '@adaas/are';
+
+declare class AreRoot extends Are {
+    props: Record<string, ArePropDefinition>;
+    template(root: AreNode, logger: A_Logger, signalsContext?: AreSignalsContext): Promise<void>;
+    onSignal(root: AreNode, vector: A_SignalVector, store: AreStore<{
+        default: string;
+    }>, logger: A_Logger, signalsContext?: AreSignalsContext): Promise<void>;
+}
+
+export { AreRoot };

package/dist/node/lib/AreRoot/AreRoot.component.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var aConcept = require('@adaas/a-concept');
+var aFrame = require('@adaas/a-frame');
+var aLogger = require('@adaas/a-utils/a-logger');
+var aSignal = require('@adaas/a-utils/a-signal');
+var are = require('@adaas/are');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
+exports.AreRoot = class AreRoot extends are.Are {
+  constructor() {
+    super(...arguments);
+    this.props = {
+      default: {
+        type: "string",
+        default: ""
+      }
+    };
+  }
+  async template(root, logger, signalsContext) {
+    const rootId = root.id;
+    if (signalsContext && !signalsContext.hasRoot(rootId)) {
+      return;
+    }
+    const currentRoute = are.AreRoute.default();
+    let componentName;
+    if (currentRoute) {
+      const initialVector = new aSignal.A_SignalVector([currentRoute]);
+      let renderTarget = signalsContext?.findComponentByVector(rootId, initialVector);
+      if (!renderTarget) {
+        const signalsMeta = aConcept.A_Context.meta(are.AreSignals);
+        renderTarget = signalsMeta?.findComponentByVector(initialVector);
+      }
+      if (renderTarget?.name) {
+        componentName = aConcept.A_FormatterHelper.toKebabCase(renderTarget.name);
+      }
+    }
+    if (!componentName) {
+      const defaultAttr = root.attributes.find((attr) => attr.name === "default");
+      componentName = defaultAttr?.content;
+    }
+    if (!componentName) {
+      logger.warning('AreRoot: No component found for initial render. Please ensure a route condition or "default" attribute is set.');
+      return;
+    }
+    root.setContent(`<${componentName}></${componentName}>`);
+  }
+  async onSignal(root, vector, store, logger, signalsContext) {
+    console.log("Received signal vector in AreRoot:", root, vector);
+    const rootId = root.id;
+    if (signalsContext && !signalsContext.hasRoot(rootId)) {
+      return;
+    }
+    let renderTarget = signalsContext?.findComponentByVector(rootId, vector);
+    if (!renderTarget) {
+      const signalsMeta = aConcept.A_Context.meta(are.AreSignals);
+      renderTarget = signalsMeta?.findComponentByVector(vector);
+    }
+    const componentName = renderTarget?.name ? aConcept.A_FormatterHelper.toKebabCase(renderTarget.name) : store.get("default");
+    if (!componentName) {
+      logger.warning("No component found for rendering in AreRoot. Please ensure that the signal vector matches at least one component or that a default component name is provided in the store.");
+      return;
+    }
+    root.setContent(`<${componentName}></${componentName}>`);
+    for (let i = 0; i < root.children.length; i++) {
+      const child = root.children[i];
+      child.unmount();
+      child.destroy();
+      root.removeChild(child);
+    }
+    root.tokenize();
+    for (let i = 0; i < root.children.length; i++) {
+      const child = root.children[i];
+      child.init();
+      const res = child.load();
+      if (res instanceof Promise) {
+        await res;
+      }
+      child.transform();
+      child.compile();
+      child.mount();
+    }
+  }
+};
+__decorateClass([
+  are.Are.Template,
+  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
+  __decorateParam(1, aConcept.A_Inject(aLogger.A_Logger)),
+  __decorateParam(2, aConcept.A_Inject(are.AreSignalsContext))
+], exports.AreRoot.prototype, "template", 1);
+__decorateClass([
+  are.Are.Signal,
+  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
+  __decorateParam(1, aConcept.A_Inject(aSignal.A_SignalVector)),
+  __decorateParam(2, aConcept.A_Inject(are.AreStore)),
+  __decorateParam(3, aConcept.A_Inject(aLogger.A_Logger)),
+  __decorateParam(4, aConcept.A_Inject(are.AreSignalsContext))
+], exports.AreRoot.prototype, "onSignal", 1);
+exports.AreRoot = __decorateClass([
+  aFrame.A_Frame.Component({
+    namespace: "A-ARE",
+    name: "AreRoot",
+    description: "The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions."
+  })
+], exports.AreRoot);
+//# sourceMappingURL=AreRoot.component.js.map
+//# sourceMappingURL=AreRoot.component.js.map

package/dist/node/lib/AreRoot/AreRoot.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreRoot/AreRoot.component.ts"],"names":["AreRoot","Are","AreRoute","A_SignalVector","A_Context","AreSignals","A_FormatterHelper","A_Caller","A_Logger","AreSignalsContext","AreStore","A_Frame"],"mappings":";;;;;;;;;;;;;;;;;;;AAYaA,eAAA,GAAN,sBAAsBC,OAAA,CAAI;AAAA,EAA1B,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEH,IAAA,IAAA,CAAA,KAAA,GAA2C;AAAA,MACvC,OAAA,EAAS;AAAA,QACL,IAAA,EAAM,QAAA;AAAA,QACN,OAAA,EAAS;AAAA;AACb,KACJ;AAAA,EAAA;AAAA,EAIA,MAAM,QAAA,CACkB,IAAA,EACA,MAAA,EACS,cAAA,EAC/B;AAEE,IAAA,MAAM,SAAS,IAAA,CAAK,EAAA;AAGpB,IAAA,IAAI,cAAA,IAAkB,CAAC,cAAA,CAAe,OAAA,CAAQ,MAAM,CAAA,EAAG;AACnD,MAAA;AAAA,IACJ;AAEA,IAAA,MAAM,YAAA,GAAeC,aAAS,OAAA,EAAQ;AAEtC,IAAA,IAAI,aAAA;AAEJ,IAAA,IAAI,YAAA,EAAc;AACd,MAAA,MAAM,aAAA,GAAgB,IAAIC,sBAAA,CAAe,CAAC,YAAY,CAAC,CAAA;AAGvD,MAAA,IAAI,YAAA,GAAe,cAAA,EAAgB,qBAAA,CAAsB,MAAA,EAAQ,aAAa,CAAA;AAG9E,MAAA,IAAI,CAAC,YAAA,EAAc;AACf,QAAA,MAAM,WAAA,GAAcC,kBAAA,CAAU,IAAA,CAAqBC,cAAU,CAAA;AAC7D,QAAA,YAAA,GAAe,WAAA,EAAa,sBAAsB,aAAa,CAAA;AAAA,MACnE;AAEA,MAAA,IAAI,cAAc,IAAA,EAAM;AACpB,QAAA,aAAA,GAAgBC,0BAAA,CAAkB,WAAA,CAAY,YAAA,CAAa,IAAI,CAAA;AAAA,MACnE;AAAA,IACJ;AAIA,IAAA,IAAI,CAAC,aAAA,EAAe;AAChB,MAAA,MAAM,cAAc,IAAA,CAAK,UAAA,CAAW,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,SAAS,SAAS,CAAA;AACxE,MAAA,aAAA,GAAgB,WAAA,EAAa,OAAA;AAAA,IACjC;AAEA,IAAA,IAAI,CAAC,aAAA,EAAe;AAChB,MAAA,MAAA,CAAO,QAAQ,gHAAgH,CAAA;AAC/H,MAAA;AAAA,IACJ;AAEA,IAAA,IAAA,CAAK,UAAA,CAAW,CAAA,CAAA,EAAI,aAAa,CAAA,GAAA,EAAM,aAAa,CAAA,CAAA,CAAG,CAAA;AAAA,EAC3D;AAAA,EAIA,MAAM,QAAA,CACkB,IAAA,EACM,MAAA,EACN,KAAA,EACA,QACS,cAAA,EAC/B;AACE,IAAA,OAAA,CAAQ,GAAA,CAAI,oCAAA,EAAsC,IAAA,EAAM,MAAM,CAAA;AAE9D,IAAA,MAAM,SAAS,IAAA,CAAK,EAAA;AAEpB,IAAA,IAAI,cAAA,IAAkB,CAAC,cAAA,CAAe,OAAA,CAAQ,MAAM,CAAA,EAAG;AACnD,MAAA;AAAA,IACJ;AAGA,IAAA,IAAI,YAAA,GAAe,cAAA,EAAgB,qBAAA,CAAsB,MAAA,EAAQ,MAAM,CAAA;AAGvE,IAAA,IAAI,CAAC,YAAA,EAAc;AACf,MAAA,MAAM,WAAA,GAAcF,kBAAA,CAAU,IAAA,CAAqBC,cAAU,CAAA;AAC7D,MAAA,YAAA,GAAe,WAAA,EAAa,sBAAsB,MAAM,CAAA;AAAA,IAC5D;AAEA,IAAA,MAAM,aAAA,GAAgB,YAAA,EAAc,IAAA,GAC9BC,0BAAA,CAAkB,WAAA,CAAY,aAAa,IAAI,CAAA,GAC/C,KAAA,CAAM,GAAA,CAAI,SAAS,CAAA;AAEzB,IAAA,IAAI,CAAC,aAAA,EAAe;AAChB,MAAA,MAAA,CAAO,QAAQ,6KAA6K,CAAA;AAC5L,MAAA;AAAA,IACJ;AAEA,IAAA,IAAA,CAAK,UAAA,CAAW,CAAA,CAAA,EAAI,aAAa,CAAA,GAAA,EAAM,aAAa,CAAA,CAAA,CAAG,CAAA;AAEvD,IAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAI,IAAA,CAAK,QAAA,CAAS,QAAQ,CAAA,EAAA,EAAK;AAC3C,MAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,QAAA,CAAS,CAAC,CAAA;AAC7B,MAAA,KAAA,CAAM,OAAA,EAAQ;AACd,MAAA,KAAA,CAAM,OAAA,EAAQ;AACd,MAAA,IAAA,CAAK,YAAY,KAAK,CAAA;AAAA,IAC1B;AAGA,IAAA,IAAA,CAAK,QAAA,EAAS;AAEd,IAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAI,IAAA,CAAK,QAAA,CAAS,QAAQ,CAAA,EAAA,EAAK;AAC3C,MAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,QAAA,CAAS,CAAC,CAAA;AAC7B,MAAA,KAAA,CAAM,IAAA,EAAK;AAEX,MAAA,MAAM,GAAA,GAAM,MAAM,IAAA,EAAK;AACvB,MAAA,IAAI,eAAe,OAAA,EAAS;AACxB,QAAA,MAAM,GAAA;AAAA,MACV;AACA,MAAA,KAAA,CAAM,SAAA,EAAU;AAEhB,MAAA,KAAA,CAAM,OAAA,EAAQ;AACd,MAAA,KAAA,CAAM,KAAA,EAAM;AAAA,IAChB;AAAA,EACJ;AACJ;AA9GU,eAAA,CAAA;AAAA,EADLL,OAAA,CAAI,QAAA;AAAA,EAEA,qCAASM,iBAAQ,CAAA,CAAA;AAAA,EACjB,qCAASC,gBAAQ,CAAA,CAAA;AAAA,EACjB,qCAASC,qBAAiB,CAAA;AAAA,CAAA,EAdtBT,eAAA,CAWH,SAAA,EAAA,UAAA,EAAA,CAAA,CAAA;AAmDA,eAAA,CAAA;AAAA,EADLC,OAAA,CAAI,MAAA;AAAA,EAEA,qCAASM,iBAAQ,CAAA,CAAA;AAAA,EACjB,qCAASJ,sBAAc,CAAA,CAAA;AAAA,EACvB,qCAASO,YAAQ,CAAA,CAAA;AAAA,EACjB,qCAASF,gBAAQ,CAAA,CAAA;AAAA,EACjB,qCAASC,qBAAiB,CAAA;AAAA,CAAA,EAnEtBT,eAAA,CA8DH,SAAA,EAAA,UAAA,EAAA,CAAA,CAAA;AA9DGA,eAAA,GAAN,eAAA,CAAA;AAAA,EALNW,eAAQ,SAAA,CAAU;AAAA,IACf,SAAA,EAAW,OAAA;AAAA,IACX,IAAA,EAAM,SAAA;AAAA,IACN,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYX,eAAA,CAAA","file":"AreRoot.component.js","sourcesContent":["import { A_Caller, A_Context, A_FormatterHelper, A_Inject, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport { A_SignalVector } from \"@adaas/a-utils/a-signal\";\nimport { Are, ArePropDefinition, AreStore, AreNode, AreSignals, AreSignalsMeta, AreSignalsContext, AreRoute } from \"@adaas/are\";\n\n\n@A_Frame.Component({\n    namespace: 'A-ARE',\n    name: 'AreRoot',\n    description: 'The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions.'\n})\nexport class AreRoot extends Are {\n\n    props: Record<string, ArePropDefinition> = {\n        default: {\n            type: 'string',\n            default: '',\n        }\n    }\n\n\n    @Are.Template\n    async template(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n\n        const rootId = root.id;\n\n        // No routing config for this root — leave the existing template content intact\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        const currentRoute = AreRoute.default();\n\n        let componentName: string | undefined;\n\n        if (currentRoute) {\n            const initialVector = new A_SignalVector([currentRoute]);\n\n            // 1. Lookup via AreSignalsContext (per root-id conditions)\n            let renderTarget = signalsContext?.findComponentByVector(rootId, initialVector);\n\n            // 2. Fall back to global AreSignalsMeta\n            if (!renderTarget) {\n                const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n                renderTarget = signalsMeta?.findComponentByVector(initialVector);\n            }\n\n            if (renderTarget?.name) {\n                componentName = A_FormatterHelper.toKebabCase(renderTarget.name);\n            }\n        }\n\n        // 3. Fall back to the 'default' attribute on the node directly\n        //    (store props are not yet compiled at template phase)\n        if (!componentName) {\n            const defaultAttr = root.attributes.find(attr => attr.name === 'default');\n            componentName = defaultAttr?.content;\n        }\n\n        if (!componentName) {\n            logger.warning('AreRoot: No component found for initial render. Please ensure a route condition or \"default\" attribute is set.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n    }\n\n\n    @Are.Signal\n    async onSignal(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_SignalVector) vector: A_SignalVector,\n        @A_Inject(AreStore) store: AreStore<{ default: string }>,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n        console.log('Received signal vector in AreRoot:', root, vector);\n\n        const rootId = root.id;\n        // No routing config for this root — signals do not affect its content\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        // 1. Try root-specific lookup via AreSignalsContext (keyed by the are-root's id attribute)\n        let renderTarget = signalsContext?.findComponentByVector(rootId, vector);\n\n        // 2. Fall back to global AreSignalsMeta lookup\n        if (!renderTarget) {\n            const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n            renderTarget = signalsMeta?.findComponentByVector(vector);\n        }\n\n        const componentName = renderTarget?.name\n            ? A_FormatterHelper.toKebabCase(renderTarget.name)\n            : store.get('default');\n\n        if (!componentName) {\n            logger.warning('No component found for rendering in AreRoot. Please ensure that the signal vector matches at least one component or that a default component name is provided in the store.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.unmount();\n            child.destroy();\n            root.removeChild(child);\n        }\n\n\n        root.tokenize();\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.init();\n\n            const res = child.load();\n            if (res instanceof Promise) {\n                await res;\n            }\n            child.transform();\n\n            child.compile();\n            child.mount();\n        }\n    }\n}\n"]}