npm - @memberjunction/ng-dashboards - Versions diffs - 2.84.0 → 2.86.0 - Mend

@memberjunction/ng-dashboards 2.84.0 → 2.86.0

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.

Files changed (29) hide show

package/dist/ComponentStudio/component-studio-dashboard.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"component-studio-dashboard.component.js","sourceRoot":"","sources":["../../src/ComponentStudio/component-studio-dashboard.component.ts","../../src/ComponentStudio/component-studio-dashboard.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAA+C,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAChH,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAA0B,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAQvE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;;;;;;;;;;;ICNlD,AADF,AADF,8BAA+B,aACA,aACE;IAC3B,uBAAiD;IACnD,iBAAM;IACN,8BAA0B;IAAA,2CAA2B;IAEzD,AADE,AADuD,iBAAM,EACvD,EACF;;;IAgEQ,wBAAkC;;;;IAWhC,AADF,iCAA8B,gBAGuC;IAAjE,6PAAU,yDAAqD,KAAC;IAFlE,iBAEmE;IACnE,2BAA2F;IAC3F,YACF;IAAA,iBAAQ;;;;IAJJ,cAA0C;IAA1C,kEAA0C;IAEf,cAAsD;IAAtD,yEAAsD;IACnF,cACF;IADE,wCACF;;;;IAWE,AADF,iCAA8B,gBAG2C;IAArE,+PAAU,6DAAyD,KAAC;IAFtE,iBAEuE;IACvE,gCAAmE;IAAA,YAAY;IACjF,AADiF,iBAAO,EAChF;;;;IAHJ,cAA+C;IAA/C,uEAA+C;IAEtB,cAAuC;IAAvC,+DAAuC;IAAC,cAAY;IAAZ,+BAAY;;;;IAhDrF,AADF,AADF,+BAA0B,cACG,SACrB;IAAA,uBAAO;IAAA,iBAAK;IAChB,kCAG2B;IAAzB,qNAAS,qBAAc,KAAC;IACxB,2BACF;IACF,AADE,iBAAS,EACL;IAIJ,AADF,+BAA4B,gBACE;IAAA,sBAAM;IAAA,iBAAQ;IAC1C,yCAIuB;IAFrB,8OAAe,6BAAsB,KAAC;IAGtC,kIAAwC;IAI5C,AADE,iBAAgB,EACZ;IAIJ,AADF,gCAA4B,iBACE;IAAA,+BAAc;IAAA,iBAAQ;IAClD,gCAA4B;IAC1B,wJAQC;IAEL,AADE,iBAAM,EACF;IAIJ,AADF,gCAA4B,iBACE;IAAA,uBAAM;IAAA,iBAAQ;IAC1C,gCAA4B;IAC1B,wJAOC;IAEL,AADE,iBAAM,EACF;IAIJ,AADF,gCAA4B,iBACE;IAAA,uBAAM;IAAA,iBAAQ;IAGtC,AADF,AADF,gCAA4B,iBACI,iBAG4C;IAAtE,6NAAU,4BAAqB,OAAO,wBAA8B,KAAC;IAFvE,iBAEwE;IACxE,yBAAiC;IAAC,wBACpC;IAAA,iBAAQ;IAEN,AADF,kCAA8B,iBAG+C;IAAzE,6NAAU,4BAAqB,UAAU,wBAA8B,KAAC;IAF1E,iBAE2E;IAC3E,yBAAiC;IAAC,2BACpC;IAGN,AADE,AADE,AADE,iBAAQ,EACJ,EACF,EACF;;;IAtEA,eAAmB;IACnB,AADA,iCAAmB,iBACH;IAUhB,eAA4B;IAG5B,AAHA,iDAA4B,qBAGR;IAWpB,eAQC;IARD,oCAQC;IAQD,eAOC;IAPD,uCAOC;IAUG,eAA+C;IAA/C,oEAA+C;IAM/C,eAAkD;IAAlD,uEAAkD;;;IAoD1C,wBAA+C;;;IAE/C,wBAAkD;;;;IA7B1D,+BAEuC;IAArC,qQAAS,oCAA0B,KAAC;IAElC,AADF,+BAAyB,cAC4E;IACjG,YACF;IAAA,iBAAM;IACN,+BAAsF;IACpF,YACF;IACF,AADE,iBAAM,EACF;IAEJ,AADF,+BAAuB,aACE;IAAA,YAAoB;IAAA,iBAAK;IAChD,+BAA0B;IAAA,aAAwB;IAAA,iBAAM;IACxD,8BAA4B;IAAA,aAAyD;IAAA,iBAAI;IACzF,gCAA4B;IAC1B,yBAAuC;IACvC,aACF;IACF,AADE,iBAAM,EACF;IAEJ,AADF,gCAAyB,eACK;IAC1B,yBAAgC;IAChC,aACF;IAAA,iBAAM;IACN,gCAAyB;IAGrB,AAFF,4IAAmC,+HAE1B;IAKf,AADE,AADE,iBAAM,EACF,EACF;;;;IAhCJ,0EAAuD;IAG9B,eAA2E;IAA3E,8FAA2E;IAChG,cACF;IADE,6DACF;IACyB,cAA4D;IAA5D,oFAA4D;IACnF,cACF;IADE,oDACF;IAGuB,eAAoB;IAApB,uCAAoB;IACjB,eAAwB;IAAxB,oDAAwB;IACtB,eAAyD;IAAzD,4EAAyD;IAGnF,eACF;IADE,iEACF;IAKE,eACF;IADE,8GACF;IAEE,eAIC;IAJD,0DAIC;;;IAhCX,+BAA4B;IAC1B,kJAmCC;IACH,iBAAM;;;IApCJ,cAmCC;IAnCD,+CAmCC;;;IAeG,+BAA4B;IAC1B,2BAAyG;IACzG,YACF;IAAA,iBAAM;;;;IAFmB,cAA0E;IAA1E,8FAA0E;IACjG,cACF;IADE,kDACF;;;IAOA,gCAAuF;IACrF,YACF;IAAA,iBAAO;;;;IAFoB,oFAA2D;IACpF,cACF;IADE,oDACF;;;;IAvBN,sCAQ8H;IAA5H,kQAAmB,kEAA2D,CAAC,wBAAwB,CAAC,aAAa,IAAI,CAAC,KAAC;IAC3H,6CAAgE;IAC9D,8IAAgD;IAMlD,iBAAoB;IAEpB,AADA,wCAAoF,4BACL;IAC/E,6CAA+D;IAC7D,8IAAgD;IAKlD,iBAAoB;IAGpB,AADA,AADA,wCAAyF,4BACY,4BACtB;IACjF,iBAAa;;;IAtBX,AADA,AADA,AADA,AADA,AADA,AADA,uDAAkC,gBACnB,kBACE,kBACA,qBACG,mBACF,oBACC;IAE+B,cAAa;IAAb,2BAAa;IAQZ,eAAY;IAAZ,0BAAY;IAClB,cAAa;IAAb,2BAAa;IACT,cAAa;IAAb,2BAAa;IAOP,eAAa;IAAb,2BAAa;IACD,cAAa;IAAb,2BAAa;;;IA1ElF,AADF,AAFF,+BAA4B,cAEG,eACA;IACzB,YACF;IACF,AADE,iBAAO,EACH;IA0CJ,AAvCF,wHAA2B,oHAuClB;IAiCX,iBAAM;;;IA7EA,eACF;IADE,yFACF;IAIF,cAuEC;IAvED,oDAuEC;;;;IAOC,gDAGkD;IAAhD,8QAAoB,iCAA0B,KAAC;IACjD,iBAAuB;;;IAFrB,AADA,oDAA+B,uCACA;;;IAIjC,+BAAyB;IACvB,wBAAqC;IACrC,0BAAI;IAAA,qCAAqB;IAAA,iBAAK;IAC9B,yBAAG;IAAA,oEAAoD;IACzD,AADyD,iBAAI,EACvD;;;IAZV,+BAA6B;IAOzB,AANF,yIAAyB,2GAMhB;IAOX,iBAAM;;;IAbJ,cAYC;IAZD,kDAYC;;;;IAOC,qDAEkD;IAAhD,mRAAoB,iCAA0B,KAAC;IACjD,iBAA4B;;;IAF1B,oDAA+B;;;IAIjC,+BAAyB;IACvB,wBAAyC;IACzC,0BAAI;IAAA,qCAAqB;IAAA,iBAAK;IAC9B,yBAAG;IAAA,2DAA2C;IAChD,AADgD,iBAAI,EAC9C;;;IAXV,+BAAkC;IAM9B,AALF,8IAAyB,2GAKhB;IAOX,iBAAM;;;IAZJ,cAWC;IAXD,kDAWC;;;;IAMD,AADF,+BAA8B,uCAEsB;IAAhD,wQAAoB,iCAA0B,KAAC;IAEnD,AADE,iBAA+B,EAC3B;;;;IAQR,+BAGiD;IAA/C,qOAAS,sDAAoC,KAAC;IAC9C,oBAA8B;IAC9B,4BAAM;IAAA,YAAkB;IAC1B,AAD0B,iBAAO,EAC3B;;;IAJJ,8CAAiC;IAE9B,cAAsB;IAAtB,+BAAsB;IACnB,eAAkB;IAAlB,sCAAkB;;;;IA9P1B,AADF,AADF,AAFF,8BAA+B,aAEC,aACH,aACK;IAC1B,wBAAwC;IACxC,kCACF;IAAA,iBAAK;IACL,+BAAgC;IAC9B,iEACF;IACF,AADE,iBAAM,EACF;IAGF,AADF,AADF,+BAA0B,cACI,kBAKC;IADzB,sMAAS,uBAAgB,KAAC;IAE5B,iBAAS;IACT,mCAIyB;IADvB,sMAAS,0BAAmB,KAAC;IAE/B,iBAAS;IACT,mCAIkB;IADhB,sMAAS,oBAAa,KAAC;IAK/B,AADE,AADE,AADE,iBAAS,EACL,EACF,EACF;IAGN,gCAA+B;IAE7B,4GAAiD;IA+EjD,gCAA0B;IA0HxB,AAjBA,AAlBA,AArFA,2GAA8B,8FAqFC,8FAkBK,8FAiBJ;IAQpC,AADE,iBAAM,EACF;IAGN,gCAAkC;IAChC,oIAQC;IAEL,AADE,iBAAM,EACF;;;IAvPI,gBAAoE;IACpE,AADA,yFAAoE,oBACjD;IAKnB,cAAmF;IACnF,AADA,wGAAmF,oBAChE;IAKnB,cAA2B;IAC3B,AADA,yCAA2B,oBACR;IAWzB,eA4EC;IA5ED,mFA4EC;IAKC,eAmFC;IAnFD,yDAmFC;IAED,cAgBC;IAhBD,0DAgBC;IAED,cAeC;IAfD,+DAeC;IAED,cAMC;IAND,2DAMC;IAMH,eAQC;IARD,sCAQC;;ADhOF,IAAM,iCAAiC,GAAvC,MAAM,iCAAkC,SAAQ,aAAa;IA6C9C;IA3CpB,mBAAmB;IACZ,SAAS,GAAG,KAAK,CAAC;IAClB,SAAS,GAAG,QAAQ,CAAC,CAAC,cAAc;IACpC,QAAQ,GAAoB,MAAM,CAAC;IACnC,mBAAmB,GAAkB,IAAI,CAAC;IAC1C,eAAe,GAAG,IAAI,CAAC;IACvB,gBAAgB,GAAG,KAAK,CAAC;IAEhC,OAAO;IACA,WAAW,GAAG,IAAI,eAAe,CAA0B,EAAE,CAAC,CAAC;IAC/D,mBAAmB,GAAG,IAAI,eAAe,CAA0B,EAAE,CAAC,CAAC;IACvE,WAAW,GAAG,IAAI,eAAe,CAA4B,EAAE,CAAC,CAAC;IACjE,UAAU,GAAG,IAAI,eAAe,CAA2B,EAAE,CAAC,CAAC;IAEtE,UAAU;IACH,YAAY,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;IAC/C,cAAc,GAAG,IAAI,eAAe,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAC7D,iBAAiB,GAAG,IAAI,eAAe,CAAc,IAAI,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB;IACrG,gBAAgB,GAAG,IAAI,eAAe,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAC/D,mBAAmB,GAAG,IAAI,eAAe,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAEzE,gCAAgC;IACzB,cAAc,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACzH,iBAAiB,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;IAEhE,UAAU;IACH,iBAAiB,GAAiC,IAAI,CAAC;IACvD,aAAa,GAAyB,IAAI,CAAC;IAC3C,YAAY,GAAkB,IAAI,CAAC;IAE1C,yCAAyC;IAClC,eAAe,GAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IAE9E,gBAAgB,GAAG;QACxB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC1D,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC7D,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,KAAK,EAAE;QACtE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC/D,CAAC;IAEM,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;IAC/B,kBAAkB,GAAG,IAAI,OAAO,EAAwB,CAAC;IAEjE,YAAoB,GAAsB;QACxC,KAAK,EAAE,CAAC;QADU,QAAG,GAAH,GAAG,CAAmB;IAE1C,CAAC;IAED,eAAe;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAEjC,yBAAyB;QACzB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAES,aAAa;QACrB,+DAA+D;QAC/D,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC;IACrC,CAAC;IAES,KAAK,CAAC,QAAQ;QACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAExB,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YAEzB,2CAA2C;YAC3C,MAAM,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,CAAC,GAAG,MAAM,EAAE,CAAC,QAAQ,CAAC;gBAC9E;oBACE,UAAU,EAAE,YAAY;oBACxB,WAAW,EAAE,EAAE;oBACf,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,IAAI;oBACb,UAAU,EAAE,eAAe;iBAC5B;gBACD;oBACE,UAAU,EAAE,sBAAsB;oBAClC,WAAW,EAAE,EAAE;oBACf,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,GAAG;oBACZ,UAAU,EAAE,eAAe;iBAC5B;gBACD;oBACE,UAAU,EAAE,qBAAqB;oBACjC,WAAW,EAAE,EAAE;oBACf,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,GAAG;oBACZ,UAAU,EAAE,eAAe;iBAC5B;aACF,CAAC,CAAC;YAEH,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAA4B,CAAC;gBAEjE,iDAAiD;gBACjD,mCAAmC;gBACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAqC,CAAC,CAAC;gBAC7D,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC;YAED,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAoC,CAAC,CAAC;YAC/E,CAAC;YAED,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;gBAC5B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,OAAmC,CAAC,CAAC;YAC5E,CAAC;QAEH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;QACzD,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,wBAAwB;QAC9B,mEAAmE;QACnE,aAAa,CAAC;YACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,oBAAoB,EAAE,CAAC;YACjE,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,iBAAiB;YACtB,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,mBAAmB;YACxB,IAAI,CAAC,WAAW;SACjB,CAAC;aACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,EAAE;YACxE,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;QAC1F,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,YAAY;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;QAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;QAClD,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAE1C,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1F,CAAC;IAEO,wBAAwB,CAC9B,MAAc,EACd,KAAkB,EAClB,QAAqB,EACrB,OAAoB,EACpB,UAAuB,EACvB,UAAmC;QAEnC,IAAI,QAAQ,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC;QAE/B,gBAAgB;QAChB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;YACnC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAC7B,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACrC,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC5C,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC1C,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC9C,CAAC,CAAC,qBAAqB,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CACvD,CAAC;QACJ,CAAC;QAED,cAAc;QACd,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YACnB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/D,CAAC;QAED,gBAAgB;QAChB,IAAI,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YACtB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QACtE,CAAC;QAED,oCAAoC;QACpC,IAAI,OAAO,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YACrB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC7B,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBACpC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACpF,CAAC,CAAC,CAAC;QACL,CAAC;QAED,mBAAmB;QACnB,IAAI,UAAU,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YACxB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC7B,IAAI,CAAC,CAAC,CAAC,SAAS;oBAAE,OAAO,KAAK,CAAC;gBAC/B,wDAAwD;gBACxD,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;YACxE,CAAC,CAAC,CAAC;QACL,CAAC;QAED,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,WAAW,CAAC,KAAa;QAC9B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAEjC,sCAAsC;QACtC,UAAU,CAAC,GAAG,EAAE;YACd,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;QAC9C,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,kBAAkB,CAAC,KAAU;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAC1B,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;YACtD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACjC,IAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,UAAU,CAAC,GAAG,EAAE;gBACd,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;YAC9C,CAAC,EAAE,GAAG,CAAC,CAAC;YAER,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,yBAAyB;QAC/B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC;QACjE,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,cAAc;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QAC3D,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,iBAAiB;QACtB,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;QAC7C,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,KAAK,CAAC,eAAe,CAAC,SAAuC;QAClE,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC,EAAE,CAAC;QAExC,4CAA4C;QAC5C,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;YACjC,MAAM,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;QAED,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEO,KAAK,CAAC,oBAAoB,CAAC,SAAgC;QACjE,IAAI,CAAC;YACH,yCAAyC;YACzC,4DAA4D;YAC5D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,YAAY,GAAG,kCAAkC,CAAC;YACvD,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAEM,cAAc,CAAC,KAAa;QACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAEM,kBAAkB,CAAC,IAAY,EAAE,OAAgB;QACtD,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;QACD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAEM,oBAAoB,CAAC,MAAc,EAAE,OAAgB;QAC1D,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,OAAO,EAAE,CAAC;YACZ,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC;QACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC;IAEM,oBAAoB,CAAC,MAAc,EAAE,OAAgB;QAC1D,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrD,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;IAEM,YAAY;QACjB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;QACpC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;QACtC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IAC3C,CAAC;IAEM,kBAAkB,CAAC,KAAgD;QACxE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACzB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,UAAU,EAAE,KAAK,CAAC,GAAG;SACtB,CAAC,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,WAAW;QACtB,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAC1B,YAAY,CAAC,EAAE,CAAC,EAChB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CACzB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAClB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,eAAe;QACrB,MAAM,KAAK,GAAyB;YAClC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,WAAW,EAAE;gBACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;gBAC5C,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;gBAClD,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;gBAChD,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;aACvD;YACD,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK;YACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,YAAY,EAAE;gBACZ,WAAW,EAAE,IAAI,CAAC,mBAAmB;gBACrC,SAAS,EAAE,KAAK;gBAChB,KAAK,EAAE,IAAI,CAAC,YAAY;gBACxB,QAAQ,EAAE,IAAI;aACf;SACF,CAAC;QAEF,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,8BAA8B;IACvB,qBAAqB,CAAC,IAAY;QACvC,MAAM,MAAM,GAA2B;YACrC,QAAQ,EAAE,SAAS,EAAM,OAAO;YAChC,WAAW,EAAE,SAAS,EAAG,SAAS;YAClC,MAAM,EAAE,SAAS,EAAQ,QAAQ;YACjC,OAAO,EAAE,SAAS,EAAO,SAAS;YAClC,OAAO,EAAE,SAAS,EAAO,OAAO;YAChC,QAAQ,EAAE,SAAS,EAAM,OAAO;YAChC,YAAY,EAAE,SAAS,EAAE,SAAS;YAClC,QAAQ,EAAE,SAAS,EAAM,OAAO;YAChC,SAAS,EAAE,SAAS,EAAK,QAAQ;YACjC,OAAO,EAAE,SAAS,CAAO,OAAO;SACjC,CAAC;QACF,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAEM,mBAAmB,CAAC,MAAc;QACvC,MAAM,OAAO,GAA2B;YACtC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,iBAAiB;YAC9B,YAAY,EAAE,kBAAkB;SACjC,CAAC;QACF,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,eAAe,CAAC;IAC5C,CAAC;2FArYU,iCAAiC;6DAAjC,iCAAiC;YCpD9C,8BAAwC;YAEtC,yBAAgC;YAahC,AAXA,0FAAiB,+EAWC;YAyQpB,iBAAM;;YApRJ,eASC;YATD,wCASC;YAED,cAwQC;YAxQD,yCAwQC;;;ADnOU,iCAAiC;IAD7C,aAAa,CAAC,aAAa,EAAE,0BAA0B,CAAC;GAC5C,iCAAiC,CAsY7C;;iFAtYY,iCAAiC;cAP7C,SAAS;2BACE,+BAA+B,mBAGxB,uBAAuB,CAAC,MAAM;;kFAGpC,iCAAiC;AAwY9C;;;GAGG;AACH,MAAM,UAAU,4BAA4B;IAC1C,oEAAoE;IACpE,oEAAoE;AACtE,CAAC"}

package/dist/ComponentStudio/components/component-dependencies.component.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { EventEmitter, OnChanges } from '@angular/core';
+import { ComponentEntity, ComponentDependencyEntity, ComponentLibraryEntity } from '@memberjunction/core-entities';
+import { CompositeKey } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+export declare class ComponentDependenciesComponent implements OnChanges {
+    component: ComponentEntity;
+    openEntityRecord: EventEmitter<{
+        entityName: string;
+        key: CompositeKey;
+    }>;
+    componentDependencies: ComponentDependencyEntity[];
+    libraryDependencies: ComponentLibraryEntity[];
+    ngOnChanges(): Promise<void>;
+    private loadDependencies;
+    viewComponent(componentId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentDependenciesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentDependenciesComponent, "mj-component-dependencies", never, { "component": { "alias": "component"; "required": false; }; }, { "openEntityRecord": "openEntityRecord"; }, never, never, false, never>;
+}
+//# sourceMappingURL=component-dependencies.component.d.ts.map

package/dist/ComponentStudio/components/component-dependencies.component.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"component-dependencies.component.d.ts","sourceRoot":"","sources":["../../../src/ComponentStudio/components/component-dependencies.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAA2B,SAAS,EAAE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACnH,OAAO,EAAE,YAAY,EAAW,MAAM,sBAAsB,CAAC;;AAS7D,qBAMa,8BAA+B,YAAW,SAAS;IACrD,SAAS,EAAG,eAAe,CAAC;IAC3B,gBAAgB;oBAAkC,MAAM;aAAO,YAAY;OAAM;IAEpF,qBAAqB,EAAE,yBAAyB,EAAE,CAAM;IACxD,mBAAmB,EAAE,sBAAsB,EAAE,CAAM;IAEpD,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;YAMpB,gBAAgB;IAsBvB,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;yCAnCpC,8BAA8B;2CAA9B,8BAA8B;CAwC1C"}

package/dist/ComponentStudio/components/component-dependencies.component.js ADDED Viewed

@@ -0,0 +1,138 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { CompositeKey, RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-buttons";
+const _forTrack0 = ($index, $item) => $item.ID;
+function ComponentDependenciesComponent_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "li")(1, "span", 12);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 13);
+    i0.ɵɵlistener("click", function ComponentDependenciesComponent_Conditional_9_For_2_Template_button_click_3_listener() { const dep_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.viewComponent(dep_r2.DependencyComponentID)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const dep_r2 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(dep_r2.DependencyComponentID);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", "fa-solid fa-arrow-up-right-from-square")("fillMode", "flat")("size", "small");
+} }
+function ComponentDependenciesComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 5);
+    i0.ɵɵrepeaterCreate(1, ComponentDependenciesComponent_Conditional_9_For_2_Template, 4, 4, "li", null, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.componentDependencies);
+} }
+function ComponentDependenciesComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 6);
+    i0.ɵɵtext(1, "No component dependencies");
+    i0.ɵɵelementEnd();
+} }
+function ComponentDependenciesComponent_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li")(1, "span", 12);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 14);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const lib_r4 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(lib_r4.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(lib_r4.Version);
+} }
+function ComponentDependenciesComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 5);
+    i0.ɵɵrepeaterCreate(1, ComponentDependenciesComponent_Conditional_15_For_2_Template, 5, 2, "li", null, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.libraryDependencies);
+} }
+function ComponentDependenciesComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 6);
+    i0.ɵɵtext(1, "No library dependencies");
+    i0.ɵɵelementEnd();
+} }
+export class ComponentDependenciesComponent {
+    component;
+    openEntityRecord = new EventEmitter();
+    componentDependencies = [];
+    libraryDependencies = [];
+    async ngOnChanges() {
+        if (this.component) {
+            await this.loadDependencies();
+        }
+    }
+    async loadDependencies() {
+        try {
+            const rv = new RunView();
+            // Load component dependencies
+            const depResult = await rv.RunView({
+                EntityName: 'Component Dependencies',
+                ExtraFilter: `ComponentID='${this.component.ID}'`,
+                ResultType: 'entity_object'
+            });
+            if (depResult.Success) {
+                this.componentDependencies = depResult.Results || [];
+            }
+            // TODO: Load library dependencies through ComponentLibraryLink
+        }
+        catch (error) {
+            console.error('Failed to load dependencies:', error);
+        }
+    }
+    viewComponent(componentId) {
+        const key = new CompositeKey();
+        key.KeyValuePairs.push({ FieldName: 'ID', Value: componentId });
+        this.openEntityRecord.emit({ entityName: 'Components', key });
+    }
+    static ɵfac = function ComponentDependenciesComponent_Factory(t) { return new (t || ComponentDependenciesComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentDependenciesComponent, selectors: [["mj-component-dependencies"]], inputs: { component: "component" }, outputs: { openEntityRecord: "openEntityRecord" }, features: [i0.ɵɵNgOnChangesFeature], decls: 24, vars: 3, consts: [[1, "component-dependencies"], [1, "dependencies-header"], [1, "dependencies-content"], [1, "dependency-section"], [1, "fa-solid", "fa-puzzle-piece"], [1, "dependency-list"], [1, "no-dependencies"], [1, "fa-solid", "fa-book"], [1, "dependency-tree"], [1, "fa-solid", "fa-sitemap"], [1, "tree-container"], [1, "coming-soon"], [1, "dep-name"], ["kendoButton", "", 3, "click", "icon", "fillMode", "size"], [1, "dep-version"]], template: function ComponentDependenciesComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h2");
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(4, "div", 2)(5, "div", 3)(6, "h3");
+            i0.ɵɵelement(7, "i", 4);
+            i0.ɵɵtext(8, " Component Dependencies");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(9, ComponentDependenciesComponent_Conditional_9_Template, 3, 0, "ul", 5)(10, ComponentDependenciesComponent_Conditional_10_Template, 2, 0, "p", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "div", 3)(12, "h3");
+            i0.ɵɵelement(13, "i", 7);
+            i0.ɵɵtext(14, " Library Dependencies");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(15, ComponentDependenciesComponent_Conditional_15_Template, 3, 0, "ul", 5)(16, ComponentDependenciesComponent_Conditional_16_Template, 2, 0, "p", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "div", 8)(18, "h3");
+            i0.ɵɵelement(19, "i", 9);
+            i0.ɵɵtext(20, " Dependency Tree");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "div", 10)(22, "p", 11);
+            i0.ɵɵtext(23, "Tree visualization coming soon");
+            i0.ɵɵelementEnd()()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1("", ctx.component.Name, " Dependencies");
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.componentDependencies.length > 0 ? 9 : 10);
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.libraryDependencies.length > 0 ? 15 : 16);
+        } }, dependencies: [i1.ButtonComponent], styles: [".component-dependencies[_ngcontent-%COMP%] {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  \n  .dependencies-header {\n    padding: 20px;\n    border-bottom: 1px solid #e5e7eb;\n    \n    h2 {\n      margin: 0;\n      font-size: 24px;\n      font-weight: 600;\n    }\n  }\n  \n  .dependencies-content {\n    flex: 1;\n    overflow: auto;\n    padding: 20px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto 1fr;\n    gap: 30px;\n    \n    .dependency-section {\n      h3 {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 16px;\n        font-weight: 600;\n        margin: 0 0 16px 0;\n        color: #374151;\n        \n        i {\n          font-size: 14px;\n          color: #6b7280;\n        }\n      }\n      \n      .dependency-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        \n        li {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 8px 12px;\n          background: #f9fafb;\n          border: 1px solid #e5e7eb;\n          border-radius: 6px;\n          margin-bottom: 8px;\n          \n          .dep-name {\n            font-size: 14px;\n            font-weight: 500;\n          }\n          \n          .dep-version {\n            font-size: 12px;\n            color: #6b7280;\n            margin-left: auto;\n            margin-right: 8px;\n          }\n        }\n      }\n      \n      .no-dependencies {\n        color: #9ca3af;\n        font-size: 14px;\n        font-style: italic;\n      }\n    }\n    \n    .dependency-tree {\n      grid-column: 1 / -1;\n      \n      h3 {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 16px;\n        font-weight: 600;\n        margin: 0 0 16px 0;\n        color: #374151;\n        \n        i {\n          font-size: 14px;\n          color: #6b7280;\n        }\n      }\n      \n      .tree-container {\n        min-height: 200px;\n        background: #f9fafb;\n        border: 1px solid #e5e7eb;\n        border-radius: 8px;\n        padding: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        \n        .coming-soon {\n          color: #9ca3af;\n          font-style: italic;\n        }\n      }\n    }\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentDependenciesComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-component-dependencies', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"component-dependencies\">\n  <div class=\"dependencies-header\">\n    <h2>{{ component.Name }} Dependencies</h2>\n  </div>\n  \n  <div class=\"dependencies-content\">\n    <div class=\"dependency-section\">\n      <h3><i class=\"fa-solid fa-puzzle-piece\"></i> Component Dependencies</h3>\n      @if (componentDependencies.length > 0) {\n        <ul class=\"dependency-list\">\n          @for (dep of componentDependencies; track dep.ID) {\n            <li>\n              <span class=\"dep-name\">{{ dep.DependencyComponentID }}</span>\n              <button kendoButton [icon]=\"'fa-solid fa-arrow-up-right-from-square'\" \n                [fillMode]=\"'flat'\" [size]=\"'small'\"\n                (click)=\"viewComponent(dep.DependencyComponentID)\">\n              </button>\n            </li>\n          }\n        </ul>\n      } @else {\n        <p class=\"no-dependencies\">No component dependencies</p>\n      }\n    </div>\n    \n    <div class=\"dependency-section\">\n      <h3><i class=\"fa-solid fa-book\"></i> Library Dependencies</h3>\n      @if (libraryDependencies.length > 0) {\n        <ul class=\"dependency-list\">\n          @for (lib of libraryDependencies; track lib.ID) {\n            <li>\n              <span class=\"dep-name\">{{ lib.Name }}</span>\n              <span class=\"dep-version\">{{ lib.Version }}</span>\n            </li>\n          }\n        </ul>\n      } @else {\n        <p class=\"no-dependencies\">No library dependencies</p>\n      }\n    </div>\n    \n    <div class=\"dependency-tree\">\n      <h3><i class=\"fa-solid fa-sitemap\"></i> Dependency Tree</h3>\n      <div class=\"tree-container\">\n        <!-- TODO: Implement tree visualization -->\n        <p class=\"coming-soon\">Tree visualization coming soon</p>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".component-dependencies {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  \n  .dependencies-header {\n    padding: 20px;\n    border-bottom: 1px solid #e5e7eb;\n    \n    h2 {\n      margin: 0;\n      font-size: 24px;\n      font-weight: 600;\n    }\n  }\n  \n  .dependencies-content {\n    flex: 1;\n    overflow: auto;\n    padding: 20px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto 1fr;\n    gap: 30px;\n    \n    .dependency-section {\n      h3 {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 16px;\n        font-weight: 600;\n        margin: 0 0 16px 0;\n        color: #374151;\n        \n        i {\n          font-size: 14px;\n          color: #6b7280;\n        }\n      }\n      \n      .dependency-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        \n        li {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 8px 12px;\n          background: #f9fafb;\n          border: 1px solid #e5e7eb;\n          border-radius: 6px;\n          margin-bottom: 8px;\n          \n          .dep-name {\n            font-size: 14px;\n            font-weight: 500;\n          }\n          \n          .dep-version {\n            font-size: 12px;\n            color: #6b7280;\n            margin-left: auto;\n            margin-right: 8px;\n          }\n        }\n      }\n      \n      .no-dependencies {\n        color: #9ca3af;\n        font-size: 14px;\n        font-style: italic;\n      }\n    }\n    \n    .dependency-tree {\n      grid-column: 1 / -1;\n      \n      h3 {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 16px;\n        font-weight: 600;\n        margin: 0 0 16px 0;\n        color: #374151;\n        \n        i {\n          font-size: 14px;\n          color: #6b7280;\n        }\n      }\n      \n      .tree-container {\n        min-height: 200px;\n        background: #f9fafb;\n        border: 1px solid #e5e7eb;\n        border-radius: 8px;\n        padding: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        \n        .coming-soon {\n          color: #9ca3af;\n          font-style: italic;\n        }\n      }\n    }\n  }\n}"] }]
+    }], null, { component: [{
+            type: Input
+        }], openEntityRecord: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentDependenciesComponent, { className: "ComponentDependenciesComponent", filePath: "src/ComponentStudio/components/component-dependencies.component.ts", lineNumber: 18 }); })();
+//# sourceMappingURL=component-dependencies.component.js.map

package/dist/ComponentStudio/components/component-dependencies.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"component-dependencies.component.js","sourceRoot":"","sources":["../../../src/ComponentStudio/components/component-dependencies.component.ts","../../../src/ComponentStudio/components/component-dependencies.component.html"],"names":[],"mappings":"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"}

package/dist/ComponentStudio/components/component-preview.component.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import { ComponentEntity } from '@memberjunction/core-entities';
+import { ComponentSpec } from '@memberjunction/interactive-component-types';
+import { CompositeKey } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+export declare class ComponentPreviewComponent {
+    component: ComponentEntity;
+    componentSpec: ComponentSpec | null;
+    openEntityRecord: EventEmitter<{
+        entityName: string;
+        key: CompositeKey;
+    }>;
+    showCode: boolean;
+    runComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentPreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentPreviewComponent, "mj-component-preview", never, { "component": { "alias": "component"; "required": false; }; "componentSpec": { "alias": "componentSpec"; "required": false; }; }, { "openEntityRecord": "openEntityRecord"; }, never, never, false, never>;
+}
+//# sourceMappingURL=component-preview.component.d.ts.map

package/dist/ComponentStudio/components/component-preview.component.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"component-preview.component.d.ts","sourceRoot":"","sources":["../../../src/ComponentStudio/components/component-preview.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAA2B,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;;AAEpD,qBAMa,yBAAyB;IAC3B,SAAS,EAAG,eAAe,CAAC;IAC5B,aAAa,EAAE,aAAa,GAAG,IAAI,CAAQ;IAC1C,gBAAgB;oBAAkC,MAAM;aAAO,YAAY;OAAM;IAEpF,QAAQ,UAAS;IAEjB,YAAY,IAAI,IAAI;yCAPhB,yBAAyB;2CAAzB,yBAAyB;CAWrC"}

package/dist/ComponentStudio/components/component-preview.component.js ADDED Viewed

@@ -0,0 +1,86 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-buttons";
+import * as i2 from "@memberjunction/ng-react";
+function ComponentPreviewComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5)(1, "pre")(2, "code");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate((ctx_r0.componentSpec == null ? null : ctx_r0.componentSpec.code) || "No code available");
+} }
+function ComponentPreviewComponent_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-react-component", 9);
+    i0.ɵɵlistener("openEntityRecord", function ComponentPreviewComponent_Conditional_11_Conditional_1_Template_mj_react_component_openEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.openEntityRecord.emit($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("component", ctx_r0.componentSpec);
+} }
+function ComponentPreviewComponent_Conditional_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "p");
+    i0.ɵɵtext(2, "Component specification not available. The component may need to be configured with a proper ComponentSpec.");
+    i0.ɵɵelementEnd()();
+} }
+function ComponentPreviewComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtemplate(1, ComponentPreviewComponent_Conditional_11_Conditional_1_Template, 1, 1, "mj-react-component", 7)(2, ComponentPreviewComponent_Conditional_11_Conditional_2_Template, 3, 0, "div", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.componentSpec ? 1 : 2);
+} }
+export class ComponentPreviewComponent {
+    component;
+    componentSpec = null;
+    openEntityRecord = new EventEmitter();
+    showCode = false;
+    runComponent() {
+        // TODO: Implement component execution logic
+        console.log('Running component:', this.component.Name);
+    }
+    static ɵfac = function ComponentPreviewComponent_Factory(t) { return new (t || ComponentPreviewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentPreviewComponent, selectors: [["mj-component-preview"]], inputs: { component: "component", componentSpec: "componentSpec" }, outputs: { openEntityRecord: "openEntityRecord" }, decls: 12, vars: 7, consts: [[1, "component-preview"], [1, "preview-header"], [1, "preview-actions"], ["kendoButton", "", 3, "click", "icon", "fillMode"], [1, "preview-content"], [1, "code-view"], [1, "component-container"], [3, "component"], [1, "no-spec"], [3, "openEntityRecord", "component"]], template: function ComponentPreviewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h2");
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 2)(5, "button", 3);
+            i0.ɵɵlistener("click", function ComponentPreviewComponent_Template_button_click_5_listener() { return ctx.showCode = !ctx.showCode; });
+            i0.ɵɵtext(6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "button", 3);
+            i0.ɵɵlistener("click", function ComponentPreviewComponent_Template_button_click_7_listener() { return ctx.runComponent(); });
+            i0.ɵɵtext(8, " Run Component ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(9, "div", 4);
+            i0.ɵɵtemplate(10, ComponentPreviewComponent_Conditional_10_Template, 4, 1, "div", 5)(11, ComponentPreviewComponent_Conditional_11_Template, 3, 1, "div", 6);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.component.Name);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("icon", "fa-solid fa-code")("fillMode", "flat");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.showCode ? "Hide" : "Show", " Code ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("icon", "fa-solid fa-play")("fillMode", "flat");
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.showCode ? 10 : 11);
+        } }, dependencies: [i1.ButtonComponent, i2.MJReactComponent], styles: [".component-preview[_ngcontent-%COMP%] {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  \n  .preview-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px;\n    border-bottom: 1px solid #e5e7eb;\n    \n    h2 {\n      margin: 0;\n      font-size: 24px;\n      font-weight: 600;\n    }\n    \n    .preview-actions {\n      display: flex;\n      gap: 8px;\n    }\n  }\n  \n  .preview-content {\n    flex: 1;\n    overflow: auto;\n    padding: 20px;\n    \n    .code-view {\n      background: #1e1e1e;\n      border-radius: 8px;\n      padding: 20px;\n      \n      pre {\n        margin: 0;\n        color: #d4d4d4;\n        font-family: 'Consolas', 'Monaco', monospace;\n        font-size: 14px;\n        line-height: 1.5;\n        overflow-x: auto;\n      }\n    }\n    \n    .component-container {\n      height: 100%;\n      min-height: 400px;\n    }\n    \n    .no-spec {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #6b7280;\n      text-align: center;\n      \n      p {\n        max-width: 400px;\n      }\n    }\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentPreviewComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-component-preview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"component-preview\">\n  <div class=\"preview-header\">\n    <h2>{{ component.Name }}</h2>\n    <div class=\"preview-actions\">\n      <button kendoButton [icon]=\"'fa-solid fa-code'\" [fillMode]=\"'flat'\" (click)=\"showCode = !showCode\">\n        {{ showCode ? 'Hide' : 'Show' }} Code\n      </button>\n      <button kendoButton [icon]=\"'fa-solid fa-play'\" [fillMode]=\"'flat'\" (click)=\"runComponent()\">\n        Run Component\n      </button>\n    </div>\n  </div>\n  \n  <div class=\"preview-content\">\n    @if (showCode) {\n      <div class=\"code-view\">\n        <pre><code>{{ componentSpec?.code || 'No code available' }}</code></pre>\n      </div>\n    } @else {\n      <div class=\"component-container\">\n        @if (componentSpec) {\n          <mj-react-component \n            [component]=\"componentSpec\"\n            (openEntityRecord)=\"openEntityRecord.emit($event)\">\n          </mj-react-component>\n        } @else {\n          <div class=\"no-spec\">\n            <p>Component specification not available. The component may need to be configured with a proper ComponentSpec.</p>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>", styles: [".component-preview {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  \n  .preview-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px;\n    border-bottom: 1px solid #e5e7eb;\n    \n    h2 {\n      margin: 0;\n      font-size: 24px;\n      font-weight: 600;\n    }\n    \n    .preview-actions {\n      display: flex;\n      gap: 8px;\n    }\n  }\n  \n  .preview-content {\n    flex: 1;\n    overflow: auto;\n    padding: 20px;\n    \n    .code-view {\n      background: #1e1e1e;\n      border-radius: 8px;\n      padding: 20px;\n      \n      pre {\n        margin: 0;\n        color: #d4d4d4;\n        font-family: 'Consolas', 'Monaco', monospace;\n        font-size: 14px;\n        line-height: 1.5;\n        overflow-x: auto;\n      }\n    }\n    \n    .component-container {\n      height: 100%;\n      min-height: 400px;\n    }\n    \n    .no-spec {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #6b7280;\n      text-align: center;\n      \n      p {\n        max-width: 400px;\n      }\n    }\n  }\n}"] }]
+    }], null, { component: [{
+            type: Input
+        }], componentSpec: [{
+            type: Input
+        }], openEntityRecord: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentPreviewComponent, { className: "ComponentPreviewComponent", filePath: "src/ComponentStudio/components/component-preview.component.ts", lineNumber: 12 }); })();
+//# sourceMappingURL=component-preview.component.js.map

package/dist/ComponentStudio/components/component-preview.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"component-preview.component.js","sourceRoot":"","sources":["../../../src/ComponentStudio/components/component-preview.component.ts","../../../src/ComponentStudio/components/component-preview.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;;;;ICgBnF,AAAL,AADF,8BAAuB,UAChB,WAAM;IAAA,YAAgD;IAC7D,AADoE,AAAP,iBAAO,EAAM,EACpE;;;IADO,eAAgD;IAAhD,8GAAgD;;;;IAKzD,6CAEqD;IAAnD,qPAAoB,oCAA6B,KAAC;IACpD,iBAAqB;;;IAFnB,gDAA2B;;;IAK3B,AADF,8BAAqB,QAChB;IAAA,2HAA2G;IAChH,AADgH,iBAAI,EAC9G;;;IATV,8BAAiC;IAM7B,AALF,gHAAqB,oFAKZ;IAKX,iBAAM;;;IAVJ,cASC;IATD,8CASC;;ADlBT,MAAM,OAAO,yBAAyB;IAC3B,SAAS,CAAmB;IAC5B,aAAa,GAAyB,IAAI,CAAC;IAC1C,gBAAgB,GAAG,IAAI,YAAY,EAA6C,CAAC;IAEpF,QAAQ,GAAG,KAAK,CAAC;IAEjB,YAAY;QACjB,4CAA4C;QAC5C,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;mFAVU,yBAAyB;6DAAzB,yBAAyB;YCTlC,AADF,AADF,8BAA+B,aACD,SACtB;YAAA,YAAoB;YAAA,iBAAK;YAE3B,AADF,8BAA6B,gBACwE;YAA/B,sIAA8B;YAChG,YACF;YAAA,iBAAS;YACT,iCAA6F;YAAzB,sGAAS,kBAAc,IAAC;YAC1F,+BACF;YAEJ,AADE,AADE,iBAAS,EACL,EACF;YAEN,8BAA6B;YAKzB,AAJF,oFAAgB,uEAIP;YAeb,AADE,iBAAM,EACF;;YA/BE,eAAoB;YAApB,wCAAoB;YAEF,eAA2B;YAAC,AAA5B,yCAA2B,oBAAoB;YACjE,cACF;YADE,oEACF;YACoB,cAA2B;YAAC,AAA5B,yCAA2B,oBAAoB;YAOrE,eAiBC;YAjBD,wCAiBC;;;iFDpBQ,yBAAyB;cANrC,SAAS;2BACE,sBAAsB,mBAGf,uBAAuB,CAAC,MAAM;gBAGtC,SAAS;kBAAjB,KAAK;YACG,aAAa;kBAArB,KAAK;YACI,gBAAgB;kBAAzB,MAAM;;kFAHI,yBAAyB"}

package/dist/ComponentStudio/components/component-studio-settings.component.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { EventEmitter } from '@angular/core';
+import { CompositeKey } from '@memberjunction/core';
+import { ComponentRegistryEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class ComponentStudioSettingsComponent {
+    openEntityRecord: EventEmitter<{
+        entityName: string;
+        key: CompositeKey;
+    }>;
+    registries: ComponentRegistryEntity[];
+    showDeprecated: boolean;
+    autoRefresh: boolean;
+    showDevComponents: boolean;
+    constructor();
+    private loadRegistries;
+    addRegistry(): void;
+    toggleShowDeprecated(): void;
+    toggleAutoRefresh(): void;
+    toggleShowDevComponents(): void;
+    syncComponents(): void;
+    exportComponents(): void;
+    importComponents(): void;
+    openComponentEditor(): void;
+    openDebugConsole(): void;
+    viewComponentSchema(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentStudioSettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentStudioSettingsComponent, "mj-component-studio-settings", never, {}, { "openEntityRecord": "openEntityRecord"; }, never, never, false, never>;
+}
+//# sourceMappingURL=component-studio-settings.component.d.ts.map

package/dist/ComponentStudio/components/component-studio-settings.component.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"component-studio-settings.component.d.ts","sourceRoot":"","sources":["../../../src/ComponentStudio/components/component-studio-settings.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAA2B,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,YAAY,EAAqB,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;;AAExE,qBAMa,gCAAgC;IACjC,gBAAgB;oBAAkC,MAAM;aAAO,YAAY;OAAM;IAEpF,UAAU,EAAE,uBAAuB,EAAE,CAAM;IAC3C,cAAc,UAAS;IACvB,WAAW,UAAS;IACpB,iBAAiB,UAAQ;;YAMlB,cAAc;IAkBrB,WAAW,IAAI,IAAI;IAKnB,oBAAoB,IAAI,IAAI;IAK5B,iBAAiB,IAAI,IAAI;IAKzB,uBAAuB,IAAI,IAAI;IAK/B,cAAc,IAAI,IAAI;IAKtB,gBAAgB,IAAI,IAAI;IAKxB,gBAAgB,IAAI,IAAI;IAKxB,mBAAmB,IAAI,IAAI;IAK3B,gBAAgB,IAAI,IAAI;IAKxB,mBAAmB,IAAI,IAAI;yCA3EvB,gCAAgC;2CAAhC,gCAAgC;CA+E5C"}

package/dist/ComponentStudio/components/component-studio-settings.component.js ADDED Viewed

@@ -0,0 +1,212 @@
+import { Component, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { CompositeKey, RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-buttons";
+const _forTrack0 = ($index, $item) => $item.ID;
+function ComponentStudioSettingsComponent_For_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 22);
+    i0.ɵɵtext(1, "Active");
+    i0.ɵɵelementEnd();
+} }
+function ComponentStudioSettingsComponent_For_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1, "Inactive");
+    i0.ɵɵelementEnd();
+} }
+function ComponentStudioSettingsComponent_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 19)(2, "h4");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 20);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 21);
+    i0.ɵɵtemplate(7, ComponentStudioSettingsComponent_For_14_Conditional_7_Template, 2, 0, "span", 22)(8, ComponentStudioSettingsComponent_For_14_Conditional_8_Template, 2, 0, "span", 23);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const registry_r1 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(registry_r1.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(registry_r1.URI);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(registry_r1.Status === "Active" ? 7 : 8);
+} }
+function ComponentStudioSettingsComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 9);
+    i0.ɵɵtext(1, "No registries configured");
+    i0.ɵɵelementEnd();
+} }
+export class ComponentStudioSettingsComponent {
+    openEntityRecord = new EventEmitter();
+    registries = [];
+    showDeprecated = false;
+    autoRefresh = false;
+    showDevComponents = true;
+    constructor() {
+        this.loadRegistries();
+    }
+    async loadRegistries() {
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'Component Registries',
+                ExtraFilter: '',
+                OrderBy: 'Name',
+                ResultType: 'entity_object'
+            });
+            if (result.Success) {
+                this.registries = result.Results || [];
+            }
+        }
+        catch (error) {
+            console.error('Failed to load registries:', error);
+        }
+    }
+    addRegistry() {
+        const key = new CompositeKey();
+        this.openEntityRecord.emit({ entityName: 'Component Registries', key });
+    }
+    toggleShowDeprecated() {
+        this.showDeprecated = !this.showDeprecated;
+        // TODO: Save preference
+    }
+    toggleAutoRefresh() {
+        this.autoRefresh = !this.autoRefresh;
+        // TODO: Save preference and implement auto-refresh
+    }
+    toggleShowDevComponents() {
+        this.showDevComponents = !this.showDevComponents;
+        // TODO: Save preference
+    }
+    syncComponents() {
+        // TODO: Implement registry sync
+        console.log('Syncing with registries...');
+    }
+    exportComponents() {
+        // TODO: Implement export
+        console.log('Exporting components...');
+    }
+    importComponents() {
+        // TODO: Implement import
+        console.log('Importing components...');
+    }
+    openComponentEditor() {
+        // TODO: Open component editor
+        console.log('Opening component editor...');
+    }
+    openDebugConsole() {
+        // TODO: Open debug console
+        console.log('Opening debug console...');
+    }
+    viewComponentSchema() {
+        // TODO: View schema
+        console.log('Viewing component schema...');
+    }
+    static ɵfac = function ComponentStudioSettingsComponent_Factory(t) { return new (t || ComponentStudioSettingsComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentStudioSettingsComponent, selectors: [["mj-component-studio-settings"]], outputs: { openEntityRecord: "openEntityRecord" }, decls: 54, vars: 11, consts: [[1, "component-studio-settings"], [1, "settings-header"], [1, "fa-solid", "fa-cog"], [1, "settings-content"], [1, "settings-section"], [1, "fa-solid", "fa-cloud"], [1, "section-description"], [1, "registry-list"], [1, "registry-item"], [1, "no-registries"], ["kendoButton", "", 3, "click", "icon"], [1, "fa-solid", "fa-palette"], [1, "preference-group"], [1, "preference-label"], ["type", "checkbox", 3, "change", "checked"], [1, "fa-solid", "fa-database"], [1, "action-buttons"], [1, "fa-solid", "fa-code"], [1, "dev-tools"], [1, "registry-info"], [1, "registry-url"], [1, "registry-status"], [1, "status-active"], [1, "status-inactive"]], template: function ComponentStudioSettingsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h2");
+            i0.ɵɵelement(3, "i", 2);
+            i0.ɵɵtext(4, " Component Studio Settings");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 3)(6, "div", 4)(7, "h3");
+            i0.ɵɵelement(8, "i", 5);
+            i0.ɵɵtext(9, " Component Registries");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "p", 6);
+            i0.ɵɵtext(11, " Manage external component registries for discovering and sharing components. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "div", 7);
+            i0.ɵɵrepeaterCreate(13, ComponentStudioSettingsComponent_For_14_Template, 9, 3, "div", 8, _forTrack0);
+            i0.ɵɵtemplate(15, ComponentStudioSettingsComponent_Conditional_15_Template, 2, 0, "p", 9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "button", 10);
+            i0.ɵɵlistener("click", function ComponentStudioSettingsComponent_Template_button_click_16_listener() { return ctx.addRegistry(); });
+            i0.ɵɵtext(17, " Add Registry ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(18, "div", 4)(19, "h3");
+            i0.ɵɵelement(20, "i", 11);
+            i0.ɵɵtext(21, " Display Preferences");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(22, "div", 12)(23, "label", 13)(24, "input", 14);
+            i0.ɵɵlistener("change", function ComponentStudioSettingsComponent_Template_input_change_24_listener() { return ctx.toggleShowDeprecated(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(25, " Show deprecated components ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(26, "label", 13)(27, "input", 14);
+            i0.ɵɵlistener("change", function ComponentStudioSettingsComponent_Template_input_change_27_listener() { return ctx.toggleAutoRefresh(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(28, " Auto-refresh component list (every 5 minutes) ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(29, "label", 13)(30, "input", 14);
+            i0.ɵɵlistener("change", function ComponentStudioSettingsComponent_Template_input_change_30_listener() { return ctx.toggleShowDevComponents(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(31, " Show development/draft components ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(32, "div", 4)(33, "h3");
+            i0.ɵɵelement(34, "i", 15);
+            i0.ɵɵtext(35, " Data Management");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(36, "div", 16)(37, "button", 10);
+            i0.ɵɵlistener("click", function ComponentStudioSettingsComponent_Template_button_click_37_listener() { return ctx.syncComponents(); });
+            i0.ɵɵtext(38, " Sync with Registries ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(39, "button", 10);
+            i0.ɵɵlistener("click", function ComponentStudioSettingsComponent_Template_button_click_39_listener() { return ctx.exportComponents(); });
+            i0.ɵɵtext(40, " Export Local Components ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(41, "button", 10);
+            i0.ɵɵlistener("click", function ComponentStudioSettingsComponent_Template_button_click_41_listener() { return ctx.importComponents(); });
+            i0.ɵɵtext(42, " Import Components ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(43, "div", 4)(44, "h3");
+            i0.ɵɵelement(45, "i", 17);
+            i0.ɵɵtext(46, " Developer Tools");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(47, "div", 18)(48, "button", 10);
+            i0.ɵɵlistener("click", function ComponentStudioSettingsComponent_Template_button_click_48_listener() { return ctx.openComponentEditor(); });
+            i0.ɵɵtext(49, " Component Editor ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(50, "button", 10);
+            i0.ɵɵlistener("click", function ComponentStudioSettingsComponent_Template_button_click_50_listener() { return ctx.openDebugConsole(); });
+            i0.ɵɵtext(51, " Debug Console ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(52, "button", 10);
+            i0.ɵɵlistener("click", function ComponentStudioSettingsComponent_Template_button_click_52_listener() { return ctx.viewComponentSchema(); });
+            i0.ɵɵtext(53, " View Schema ");
+            i0.ɵɵelementEnd()()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(13);
+            i0.ɵɵrepeater(ctx.registries);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.registries.length === 0 ? 15 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("icon", "fa-solid fa-plus");
+            i0.ɵɵadvance(8);
+            i0.ɵɵproperty("checked", ctx.showDeprecated);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("checked", ctx.autoRefresh);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("checked", ctx.showDevComponents);
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("icon", "fa-solid fa-sync");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("icon", "fa-solid fa-download");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("icon", "fa-solid fa-upload");
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("icon", "fa-solid fa-terminal");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("icon", "fa-solid fa-bug");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("icon", "fa-solid fa-file-code");
+        } }, dependencies: [i1.ButtonComponent], styles: [".component-studio-settings[_ngcontent-%COMP%] {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  \n  .settings-header {\n    padding: 20px;\n    border-bottom: 1px solid #e5e7eb;\n    \n    h2 {\n      margin: 0;\n      font-size: 24px;\n      font-weight: 600;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      \n      i {\n        font-size: 20px;\n        color: #6b7280;\n      }\n    }\n  }\n  \n  .settings-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 30px;\n    \n    .settings-section {\n      margin-bottom: 40px;\n      \n      h3 {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 18px;\n        font-weight: 600;\n        margin: 0 0 8px 0;\n        color: #374151;\n        \n        i {\n          font-size: 16px;\n          color: #6b7280;\n        }\n      }\n      \n      .section-description {\n        color: #6b7280;\n        font-size: 14px;\n        margin: 0 0 20px 0;\n      }\n      \n      .registry-list {\n        margin-bottom: 16px;\n        \n        .registry-item {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 16px;\n          background: #f9fafb;\n          border: 1px solid #e5e7eb;\n          border-radius: 8px;\n          margin-bottom: 12px;\n          \n          .registry-info {\n            h4 {\n              margin: 0 0 4px 0;\n              font-size: 16px;\n              font-weight: 600;\n              color: #111827;\n            }\n            \n            .registry-url {\n              font-size: 13px;\n              color: #6b7280;\n            }\n          }\n          \n          .registry-status {\n            .status-active {\n              padding: 4px 12px;\n              background: #d1fae5;\n              color: #065f46;\n              border-radius: 12px;\n              font-size: 12px;\n              font-weight: 600;\n            }\n            \n            .status-inactive {\n              padding: 4px 12px;\n              background: #fee2e2;\n              color: #991b1b;\n              border-radius: 12px;\n              font-size: 12px;\n              font-weight: 600;\n            }\n          }\n        }\n        \n        .no-registries {\n          color: #9ca3af;\n          font-style: italic;\n          font-size: 14px;\n        }\n      }\n      \n      .preference-group {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        \n        .preference-label {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          font-size: 14px;\n          color: #374151;\n          cursor: pointer;\n          \n          input[type=\"checkbox\"] {\n            cursor: pointer;\n          }\n        }\n      }\n      \n      .action-buttons,\n      .dev-tools {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n        \n        button {\n          min-width: 150px;\n        }\n      }\n    }\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentStudioSettingsComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-component-studio-settings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"component-studio-settings\">\n  <div class=\"settings-header\">\n    <h2><i class=\"fa-solid fa-cog\"></i> Component Studio Settings</h2>\n  </div>\n  \n  <div class=\"settings-content\">\n    <div class=\"settings-section\">\n      <h3><i class=\"fa-solid fa-cloud\"></i> Component Registries</h3>\n      <p class=\"section-description\">\n        Manage external component registries for discovering and sharing components.\n      </p>\n      <div class=\"registry-list\">\n        @for (registry of registries; track registry.ID) {\n          <div class=\"registry-item\">\n            <div class=\"registry-info\">\n              <h4>{{ registry.Name }}</h4>\n              <span class=\"registry-url\">{{ registry.URI }}</span>\n            </div>\n            <div class=\"registry-status\">\n              @if (registry.Status === 'Active') {\n                <span class=\"status-active\">Active</span>\n              } @else {\n                <span class=\"status-inactive\">Inactive</span>\n              }\n            </div>\n          </div>\n        }\n        @if (registries.length === 0) {\n          <p class=\"no-registries\">No registries configured</p>\n        }\n      </div>\n      <button kendoButton [icon]=\"'fa-solid fa-plus'\" (click)=\"addRegistry()\">\n        Add Registry\n      </button>\n    </div>\n    \n    <div class=\"settings-section\">\n      <h3><i class=\"fa-solid fa-palette\"></i> Display Preferences</h3>\n      <div class=\"preference-group\">\n        <label class=\"preference-label\">\n          <input type=\"checkbox\" [checked]=\"showDeprecated\" (change)=\"toggleShowDeprecated()\">\n          Show deprecated components\n        </label>\n        <label class=\"preference-label\">\n          <input type=\"checkbox\" [checked]=\"autoRefresh\" (change)=\"toggleAutoRefresh()\">\n          Auto-refresh component list (every 5 minutes)\n        </label>\n        <label class=\"preference-label\">\n          <input type=\"checkbox\" [checked]=\"showDevComponents\" (change)=\"toggleShowDevComponents()\">\n          Show development/draft components\n        </label>\n      </div>\n    </div>\n    \n    <div class=\"settings-section\">\n      <h3><i class=\"fa-solid fa-database\"></i> Data Management</h3>\n      <div class=\"action-buttons\">\n        <button kendoButton [icon]=\"'fa-solid fa-sync'\" (click)=\"syncComponents()\">\n          Sync with Registries\n        </button>\n        <button kendoButton [icon]=\"'fa-solid fa-download'\" (click)=\"exportComponents()\">\n          Export Local Components\n        </button>\n        <button kendoButton [icon]=\"'fa-solid fa-upload'\" (click)=\"importComponents()\">\n          Import Components\n        </button>\n      </div>\n    </div>\n    \n    <div class=\"settings-section\">\n      <h3><i class=\"fa-solid fa-code\"></i> Developer Tools</h3>\n      <div class=\"dev-tools\">\n        <button kendoButton [icon]=\"'fa-solid fa-terminal'\" (click)=\"openComponentEditor()\">\n          Component Editor\n        </button>\n        <button kendoButton [icon]=\"'fa-solid fa-bug'\" (click)=\"openDebugConsole()\">\n          Debug Console\n        </button>\n        <button kendoButton [icon]=\"'fa-solid fa-file-code'\" (click)=\"viewComponentSchema()\">\n          View Schema\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".component-studio-settings {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  \n  .settings-header {\n    padding: 20px;\n    border-bottom: 1px solid #e5e7eb;\n    \n    h2 {\n      margin: 0;\n      font-size: 24px;\n      font-weight: 600;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      \n      i {\n        font-size: 20px;\n        color: #6b7280;\n      }\n    }\n  }\n  \n  .settings-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 30px;\n    \n    .settings-section {\n      margin-bottom: 40px;\n      \n      h3 {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 18px;\n        font-weight: 600;\n        margin: 0 0 8px 0;\n        color: #374151;\n        \n        i {\n          font-size: 16px;\n          color: #6b7280;\n        }\n      }\n      \n      .section-description {\n        color: #6b7280;\n        font-size: 14px;\n        margin: 0 0 20px 0;\n      }\n      \n      .registry-list {\n        margin-bottom: 16px;\n        \n        .registry-item {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 16px;\n          background: #f9fafb;\n          border: 1px solid #e5e7eb;\n          border-radius: 8px;\n          margin-bottom: 12px;\n          \n          .registry-info {\n            h4 {\n              margin: 0 0 4px 0;\n              font-size: 16px;\n              font-weight: 600;\n              color: #111827;\n            }\n            \n            .registry-url {\n              font-size: 13px;\n              color: #6b7280;\n            }\n          }\n          \n          .registry-status {\n            .status-active {\n              padding: 4px 12px;\n              background: #d1fae5;\n              color: #065f46;\n              border-radius: 12px;\n              font-size: 12px;\n              font-weight: 600;\n            }\n            \n            .status-inactive {\n              padding: 4px 12px;\n              background: #fee2e2;\n              color: #991b1b;\n              border-radius: 12px;\n              font-size: 12px;\n              font-weight: 600;\n            }\n          }\n        }\n        \n        .no-registries {\n          color: #9ca3af;\n          font-style: italic;\n          font-size: 14px;\n        }\n      }\n      \n      .preference-group {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        \n        .preference-label {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          font-size: 14px;\n          color: #374151;\n          cursor: pointer;\n          \n          input[type=\"checkbox\"] {\n            cursor: pointer;\n          }\n        }\n      }\n      \n      .action-buttons,\n      .dev-tools {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n        \n        button {\n          min-width: 150px;\n        }\n      }\n    }\n  }\n}"] }]
+    }], () => [], { openEntityRecord: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentStudioSettingsComponent, { className: "ComponentStudioSettingsComponent", filePath: "src/ComponentStudio/components/component-studio-settings.component.ts", lineNumber: 11 }); })();
+//# sourceMappingURL=component-studio-settings.component.js.map