@dosgato/templating 0.0.82 → 0.0.83

package/dist/component.d.ts

@@ -251,6 +251,7 @@ export declare abstract class Component<DataType extends ComponentData = any, Fe
     autoLabel: string;
     reqHeaders: IncomingHttpHeaders;
     reqQuery: ParsedUrlQuery;
+    indexInArea: number;
     /**
      * For logging errors during rendering without crashing the render. If your fetch, setContext,
      * render, or renderVariation functions throw, the error will be logged but the page render will
@@ -360,6 +361,12 @@ export interface RenderComponentsWrapParams {
      * wrapping or you'll end up with an empty wrapper element.
      */
     bar: string;
+    /**
+     * The index of the component currently being wrapped
+     *
+     * After pulling in any inherited components.
+     */
+    indexInArea: number;
     /**
      * Contains the full component being wrapped.
      *

package/dist/component.js

@@ -114,11 +114,11 @@ export class Component extends ResourceProvider {
             components = this.renderedAreas.get(components) ?? [];
         const wrap = opts?.wrap ?? defaultWrap;
         if (opts?.skipBars || opts?.skipEditBars)
-            return components.map(c => wrap({ ...c, content: c.output, bar: '' })).join('');
+            return components.map((c, indexInArea) => wrap({ ...c, content: c.output, bar: '', indexInArea })).join('');
         return components
-            .map(c => {
+            .map((c, indexInArea) => {
             if (c.component.inheritedFrom && opts?.hideInheritBars) {
-                return opts.skipContent ? '' : wrap({ ...c, content: c.output, bar: '' });
+                return opts.skipContent ? '' : wrap({ ...c, content: c.output, bar: '', indexInArea });
             }
             else {
                 const bar = c.component.editBar({
@@ -126,7 +126,7 @@ export class Component extends ResourceProvider {
                     label: typeof opts?.editBarOpts?.label === 'function' ? opts.editBarOpts.label(c.component) : opts?.editBarOpts?.label,
                     extraClass: typeof opts?.editBarOpts?.extraClass === 'function' ? opts.editBarOpts.extraClass(c.component) : opts?.editBarOpts?.extraClass
                 });
-                return wrap({ output: bar + c.output, content: c.output, bar, component: c.component });
+                return wrap({ output: bar + c.output, content: c.output, bar, component: c.component, indexInArea });
             }
         }).join('');
     }
@@ -158,7 +158,7 @@ export class Component extends ResourceProvider {
                 bar = this.newBar(areaName, opts?.newBarOpts);
             }
             if (bar != null)
-                output += wrap({ output: bar, content: '', bar });
+                output += wrap({ output: bar, content: '', bar, indexInArea: components.length });
         }
         return output;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dosgato/templating",
-  "version": "0.0.82",
+  "version": "0.0.83",
   "description": "A library to support building templates for dosgato CMS.",
   "type": "module",
   "exports": {