@memberjunction/ng-artifacts 6.1.4 → 6.2.0-edge.1

package/dist/lib/components/plugins/save-query-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"save-query-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/save-query-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,uBAAuB,EAAqB,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5I,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAY,YAAY,EAAE,YAAY,EAAc,MAAM,sBAAsB,CAAC;AAExF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;;;;;;;IA2D3D,kCAAwF;IAA5D,4LAAS,4BAAqB,KAAC;IACzD,wBAAgC;IAAC,qBACnC;IAAA,iBAAS;;;IA6CH,wBAA2C;;;IAE3C,wBAAiC;;;IAWrC,+BAA8B;IAAA,YAAyB;IAAA,iBAAM;;;IAA/B,cAAyB;IAAzB,gDAAyB;;;;IAzCzD,AADF,+BAAiC,cACA;IAC7B,wBAAuC;IACvC,4BAAM;IAAA,4BAAY;IACpB,AADoB,iBAAO,EACrB;IAEJ,AADF,+BAA+B,gBAOe;IAH1C,8TAA6B;IAG7B,AADA,2MAAiB,uBAAgB,KAAC,gMAChB,6BAAsB,KAAC;IAN3C,iBAM4C;IAE1C,AADF,+BAA+B,gBACD;IAAA,iCAAiB;IAAA,iBAAQ;IACrD,6CAKyD;IAAvD,iOAAmB,yCAAkC,KAAC;IAG5D,AADE,AADE,iBAAmB,EACf,EACF;IAEJ,AADF,gCAAgC,kBAGqC;IADjE,6LAAS,uBAAgB,KAAC;IAIxB,AAFF,yGAAgC,mFAEvB;IAGT,aACF;IAAA,iBAAS;IACT,mCAEwC;IADtC,6LAAS,6BAAsB,KAAC;IAEhC,yBACF;IACF,AADE,iBAAS,EACL;IACN,2GAA2B;IAG7B,iBAAM;;;IAnCA,eAA6B;IAA7B,sDAA6B;IAO3B,eAAqC;IAGrC,AADA,AADA,AADA,0DAAqC,2BACX,6BACE,mCACM;IAQpC,eAAgE;IAAhE,4FAAgE;IAChE,cAIC;IAJD,2DAIC;IACD,eACF;IADE,2FACF;IAGE,cAAqC;IAArC,0DAAqC;IAIzC,eAEC;IAFD,sDAEC;;;IAiBL,+BAAuB;IACrB,wBAA8C;IAC9C,YACF;IAAA,iBAAM;;;IADJ,eACF;IADE,oDACF;;;IAUE,wBAA2C;IAAC,2BAC9C;;;IACE,wBAAgC;IAAC,4BACnC;;AA7IV;;;;;;GAMG;AAycH,MAAM,OAAO,uBAAwB,SAAQ,oBAAoB;IAuC3C;IAtCX,SAAS,GAAG,EAAE,CAAC;IACf,gBAAgB,GAAG,EAAE,CAAC;IACtB,GAAG,GAAG,EAAE,CAAC;IACT,IAAI,GAAG,EAAE,CAAC;IAET,KAAK,GAAG,IAAI,YAAY,EAAmB,CAAC;IAC5C,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEpB,YAAY,CAAyB;IAEhE,aAAa;IACN,IAAI,GAAG,EAAE,CAAC;IACV,WAAW,GAAG,EAAE,CAAC;IACjB,QAAQ,GAAG,KAAK,CAAC;IACjB,YAAY,GAAG,EAAE,CAAC;IAClB,SAAS,GAAG,KAAK,CAAC;IAEzB,qBAAqB;IACb,kBAAkB,GAAkB,IAAI,CAAC;IAC1C,mBAAmB,GAAwB,IAAI,CAAC;IAEvD,2BAA2B;IACpB,kBAAkB,GAAG,KAAK,CAAC;IAC3B,wBAAwB,GAAG,KAAK,CAAC;IACjC,eAAe,GAAG,EAAE,CAAC;IACrB,mBAAmB,GAAG,EAAE,CAAC;IACxB,mBAAmB,GAAkB,IAAI,CAAC;IAElD,+CAA+C;IACxC,oBAAoB,GAAqB;QAC9C,UAAU,EAAE,sBAAsB;QAClC,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,UAAU;QACzB,WAAW,EAAE,oBAAoB;QACjC,OAAO,EAAE,UAAU;KACpB,CAAC;IAEF,YAAoB,GAAsB;QAC1C,KAAK,EAAE,CAAC;QADY,QAAG,GAAH,GAAG,CAAmB;IAClC,CAAC;IAET,IAAW,OAAO;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC;IAC7B,CAAC;IAED,QAAQ;QACN,oBAAoB;QACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAEzC,4DAA4D;QAC5D,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;IACL,CAAC;IAGM,WAAW;QAChB,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC;aAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;IAED,4EAA4E;IAC5E,qBAAqB;IACrB,4EAA4E;IAErE,iBAAiB,CAAC,SAAuC;QAC9D,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACjC,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1E,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC,EAAE,CAAC;QACzC,CAAC;IACH,CAAC;IAED,4EAA4E;IAC5E,2BAA2B;IAC3B,4EAA4E;IAErE,mBAAmB;QACxB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,oBAAoB;QACzB,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,0BAA0B,CAAC,SAAuC;QACvE,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAClC,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC,EAAE,CAAC;QAC1C,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,cAAc;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,wBAAwB;YAAE,OAAO;QAEnD,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;QACrC,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAExB,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YAC9B,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC,eAAe,CAAwB,sBAAsB,CAAC,CAAC;YAEzF,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;YACrB,QAAQ,CAAC,MAAM,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;YACpC,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC7B,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC;YAC/C,CAAC;YAED,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACpC,IAAI,KAAK,EAAE,CAAC;gBACV,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,aAAa,IAAI,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;gBAEvG,2CAA2C;gBAC3C,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;gBAElC,0CAA0C;gBAC1C,uEAAuE;gBACvE,0EAA0E;gBAC1E,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC,CAAC,IAAI,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACvE,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC;gBAClC,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,EAAE,CAAC;gBACtC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;gBAEzB,2BAA2B;gBAC3B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;gBAChC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;gBAC1B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;YAClC,CAAC;iBAAM,CAAC;gBACN,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;gBACzE,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;gBACpC,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;gBACjF,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;YACrE,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,QAAQ,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;YACtF,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;YACpC,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;YACjF,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;QACnD,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC;YACtC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,4EAA4E;IAC5E,gBAAgB;IAChB,4EAA4E;IAErE,KAAK,CAAC,MAAM;QACjB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE3C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAExB,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YAC9B,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,eAAe,CAAgB,aAAa,CAAC,CAAC;YAErE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC9B,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACrB,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;YAE1B,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC;gBAC7B,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAC9C,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;gBACtB,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAChD,CAAC;YACD,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC5B,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC;YAC7C,CAAC;YAED,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;YACjC,IAAI,KAAK,EAAE,CAAC;gBACV,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,UAAU,KAAK,CAAC,IAAI,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;gBAExG,yBAAyB;gBACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;gBACxB,UAAU,CAAC,GAAG,EAAE;oBACd,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;wBACd,OAAO,EAAE,KAAK,CAAC,EAAE;wBACjB,SAAS,EAAE,KAAK,CAAC,IAAI;qBACtB,CAAC,CAAC;gBACL,CAAC,EAAE,GAAG,CAAC,CAAC;YACV,CAAC;iBAAM,CAAC;gBACN,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;gBACjE,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;gBAC7B,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;gBACjF,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,QAAQ,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;YACzF,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;YAC7B,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;YACjF,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEM,QAAQ;QACb,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QACxB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC;IAC/C,CAAC;IAED,4EAA4E;IAC5E,UAAU;IACV,4EAA4E;IAEpE,qBAAqB,CAAC,MAAkB,EAAE,SAAiB;QACjE,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;QACnC,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;YACpB,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,CAAC;QACD,OAAO,aAAa,SAAS,qBAAqB,CAAC;IACrD,CAAC;iHAjPU,uBAAuB;6DAAvB,uBAAuB;;;;;;YAAvB,8GAAA,iBAAa,0BAAU;;;YAnchC,8BAA+E;YAArB,iGAAS,cAAU,IAAC;YAAC,iBAAM;YAMjF,AADF,AAFF,8BAAuD,aAE7B,aACO;YAC3B,uBAA+C;YAC/C,6BAAsB;YAAA,0BAAU;YAClC,AADkC,iBAAK,EACjC;YACN,iCAAmD;YAArB,oGAAS,cAAU,IAAC;YAChD,uBAAiC;YAErC,AADE,iBAAS,EACL;YAMF,AADF,AAFF,8BAAsB,eAEG,iBACI;YACvB,uBAAK;YAAA,iCAA2B;YAAA,kBAAC;YACnC,AADmC,iBAAO,EAClC;YACR,kCAK6B;YAF3B,iPAAkB;YAElB,oHAAiB,YAAQ,IAAC;YAC9B,AANE,iBAK6B,EACzB;YAKF,AADF,AADF,gCAAuB,eACM,iBACA;YAAA,yBAAQ;YAAA,iBAAQ;YACzC,+FAA2B;YAK7B,iBAAM;YAEN,gDAOgD;YAA9C,yIAAmB,6BAAyB,IAAC;YAC/C,iBAAmB;YAGnB,8FAA0B;YA+C5B,iBAAM;YAIJ,AADF,gCAAuB,iBACI;YAAA,4BAAW;YAAA,iBAAQ;YAC5C,qCAIW;YAFT,kQAAyB;YAG3B,2BAAA;YACF,AADE,iBAAW,EACP;YAEN,4FAAoB;YAMtB,iBAAM;YAIJ,AADF,gCAAwB,kBAGc;YADlC,qGAAS,YAAQ,IAAC;YAIhB,AAFF,iFAAgB,2DAEP;YAGX,iBAAS;YACT,mCAEwB;YADtB,qGAAS,cAAU,IAAC;YAEpB,yBACF;YAEJ,AADE,AADE,iBAAS,EACL,EACF;;YAzIoB,4CAA+B;YAGlC,cAA+B;YAA/B,4CAA+B;YAsB9C,gBAAkB;YAAlB,wCAAkB;YASlB,eAIC;YAJD,mDAIC;YAKD,cAAqC;YAIrC,AADA,AADA,AADA,AADA,uDAAqC,2BACX,6BACE,+CACkB,kCACjB;YAK/B,eA8CC;YA9CD,kDA8CC;YAQC,eAAyB;YAAzB,+CAAyB;YAM7B,eAKC;YALD,4CAKC;YAOC,eAAiC;YAAjC,uDAAiC;YACjC,cAIC;YAJD,wCAIC;YAID,eAAqB;YAArB,uCAAqB;;;iFA8TlB,uBAAuB;cAxcnC,SAAS;6BACI,KAAK,YACP,qBAAqB,YACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4IT,mBAuTgB,uBAAuB,CAAC,MAAM;;kBAG9C,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAEL,MAAM;;kBACN,MAAM;;kBAEN,SAAS;mBAAC,cAAc;;kBAiDxB,YAAY;mBAAC,yBAAyB;;kFA1D5B,uBAAuB","sourcesContent":["import { Component, Input, Output, EventEmitter, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef, HostListener } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { Metadata, CompositeKey, KeyValuePair, BaseEntity } from '@memberjunction/core';\nimport { MJQueryEntity, MJQueryCategoryEntity } from '@memberjunction/core-entities';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { TreeBranchConfig, TreeNode } from '@memberjunction/ng-trees';\nimport { TreeDropdownComponent } from '@memberjunction/ng-trees';\n\n/**\n * Result emitted when a query is successfully saved\n */\nexport interface SaveQueryResult {\n  queryId: string;\n  queryName: string;\n}\n\n/**\n * Slide-in panel for saving an ad-hoc SQL query as a reusable MJ Query record.\n * Pre-populates name from the artifact title and provides a tree dropdown\n * for selecting a query category, with inline category creation.\n *\n * Follows the CreateAgentSlideInComponent pattern for slide-in UX.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-save-query-panel',\n  template: `\n    <!-- Backdrop -->\n    <div class=\"sqp-backdrop\" [class.sqp-visible]=\"IsVisible\" (click)=\"OnCancel()\"></div>\n\n    <!-- Slide panel -->\n    <div class=\"sqp-panel\" [class.sqp-visible]=\"IsVisible\">\n      <!-- Header -->\n      <div class=\"sqp-header\">\n        <div class=\"sqp-title-group\">\n          <i class=\"fa-solid fa-save sqp-title-icon\"></i>\n          <h2 class=\"sqp-title\">Save Query</h2>\n        </div>\n        <button class=\"sqp-close-btn\" (click)=\"OnCancel()\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      </div>\n\n      <!-- Body -->\n      <div class=\"sqp-body\">\n        <!-- Name -->\n        <div class=\"sqp-field\">\n          <label class=\"sqp-label\">\n            Name <span class=\"sqp-required\">*</span>\n          </label>\n          <input\n            type=\"text\"\n            class=\"sqp-input\"\n            [(ngModel)]=\"Name\"\n            placeholder=\"Query name\"\n            (keydown.enter)=\"OnSave()\">\n        </div>\n\n        <!-- Category -->\n        <div class=\"sqp-field\">\n          <div class=\"sqp-label-row\">\n            <label class=\"sqp-label\">Category</label>\n            @if (!IsCreatingCategory) {\n              <button class=\"sqp-add-btn\" (click)=\"StartCreateCategory()\" title=\"Create new category\">\n                <i class=\"fa-solid fa-plus\"></i> New\n              </button>\n            }\n          </div>\n\n          <mj-tree-dropdown\n            #categoryTree\n            [BranchConfig]=\"CategoryBranchConfig\"\n            [SelectionMode]=\"'single'\"\n            [SelectableTypes]=\"'branch'\"\n            [Placeholder]=\"'Select a category (optional)'\"\n            [Value]=\"SelectedCategoryKey\"\n            (SelectionChange)=\"OnCategoryChanged($event)\">\n          </mj-tree-dropdown>\n\n          <!-- Inline create category form -->\n          @if (IsCreatingCategory) {\n            <div class=\"sqp-create-category\">\n              <div class=\"sqp-create-header\">\n                <i class=\"fa-solid fa-folder-plus\"></i>\n                <span>New Category</span>\n              </div>\n              <div class=\"sqp-create-fields\">\n                <input\n                  type=\"text\"\n                  class=\"sqp-input\"\n                  [(ngModel)]=\"NewCategoryName\"\n                  placeholder=\"Category name\"\n                  (keydown.enter)=\"CreateCategory()\"\n                  (keydown.escape)=\"CancelCreateCategory()\">\n                <div class=\"sqp-create-parent\">\n                  <label class=\"sqp-sublabel\">Parent (optional)</label>\n                  <mj-tree-dropdown\n                    [BranchConfig]=\"CategoryBranchConfig\"\n                    [SelectionMode]=\"'single'\"\n                    [SelectableTypes]=\"'branch'\"\n                    [Placeholder]=\"'None (top level)'\"\n                    (SelectionChange)=\"OnNewCategoryParentChanged($event)\">\n                  </mj-tree-dropdown>\n                </div>\n              </div>\n              <div class=\"sqp-create-actions\">\n                <button class=\"sqp-btn sqp-btn-create\"\n                  (click)=\"CreateCategory()\"\n                  [disabled]=\"!NewCategoryName.trim() || IsCreatingCategorySaving\">\n                  @if (IsCreatingCategorySaving) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-check\"></i>\n                  }\n                  {{ IsCreatingCategorySaving ? 'Creating...' : 'Create' }}\n                </button>\n                <button class=\"sqp-btn sqp-btn-cancel-create\"\n                  (click)=\"CancelCreateCategory()\"\n                  [disabled]=\"IsCreatingCategorySaving\">\n                  Cancel\n                </button>\n              </div>\n              @if (CreateCategoryError) {\n                <div class=\"sqp-inline-error\">{{ CreateCategoryError }}</div>\n              }\n            </div>\n          }\n        </div>\n\n        <!-- Description -->\n        <div class=\"sqp-field\">\n          <label class=\"sqp-label\">Description</label>\n          <textarea\n            class=\"sqp-textarea\"\n            [(ngModel)]=\"Description\"\n            placeholder=\"Optional description\"\n            rows=\"3\">\n          </textarea>\n        </div>\n\n        @if (ErrorMessage) {\n          <div class=\"sqp-error\">\n            <i class=\"fa-solid fa-exclamation-circle\"></i>\n            {{ ErrorMessage }}\n          </div>\n        }\n      </div>\n\n      <!-- Footer -->\n      <div class=\"sqp-footer\">\n        <button class=\"sqp-btn sqp-btn-save\"\n          (click)=\"OnSave()\"\n          [disabled]=\"!CanSave || IsSaving\">\n          @if (IsSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n          } @else {\n            <i class=\"fa-solid fa-save\"></i> Save Query\n          }\n        </button>\n        <button class=\"sqp-btn sqp-btn-cancel\"\n          (click)=\"OnCancel()\"\n          [disabled]=\"IsSaving\">\n          Cancel\n        </button>\n      </div>\n    </div>\n  `,\n  styles: [`\n    /* Backdrop */\n    .sqp-backdrop {\n      position: fixed;\n      inset: 0;\n      background: rgba(0, 0, 0, 0);\n      z-index: 1000;\n      transition: background 0.3s ease;\n      pointer-events: none;\n    }\n    .sqp-backdrop.sqp-visible {\n      background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.3));\n      pointer-events: auto;\n    }\n\n    /* Panel — uses right offset instead of transform to avoid creating\n       a new containing block that breaks position:fixed children\n       (e.g., the tree-dropdown popup). */\n    .sqp-panel {\n      position: fixed;\n      top: 0;\n      right: -440px;\n      height: 100vh;\n      width: 440px;\n      background: var(--mj-bg-surface);\n      box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);\n      z-index: 1001;\n      display: flex;\n      flex-direction: column;\n      transition: right 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .sqp-panel.sqp-visible {\n      right: 0;\n    }\n\n    /* Header */\n    .sqp-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 20px 24px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n    .sqp-title-group {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .sqp-title-icon {\n      font-size: 20px;\n      color: var(--mj-brand-primary);\n    }\n    .sqp-title {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n    .sqp-close-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 36px;\n      height: 36px;\n      background: none;\n      border: none;\n      border-radius: 8px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.15s ease;\n      font-size: 16px;\n      flex-shrink: 0;\n    }\n    .sqp-close-btn:hover {\n      background: var(--mj-bg-surface-hover);\n      color: var(--mj-text-primary);\n    }\n\n    /* Body */\n    .sqp-body {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    /* Fields */\n    .sqp-field {\n      margin-bottom: 20px;\n    }\n    .sqp-label-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 6px;\n    }\n    .sqp-label {\n      display: block;\n      margin-bottom: 6px;\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n    .sqp-label-row .sqp-label {\n      margin-bottom: 0;\n    }\n    .sqp-sublabel {\n      display: block;\n      margin-bottom: 4px;\n      font-weight: 500;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n    }\n    .sqp-required {\n      color: var(--mj-status-error);\n    }\n    .sqp-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      background: var(--mj-bg-surface);\n      transition: border-color 0.15s ease, box-shadow 0.15s ease;\n      box-sizing: border-box;\n    }\n    .sqp-input:focus {\n      outline: none;\n      border-color: var(--mj-border-focus);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .sqp-input::placeholder {\n      color: var(--mj-text-disabled);\n    }\n    .sqp-textarea {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      background: var(--mj-bg-surface);\n      resize: vertical;\n      font-family: inherit;\n      transition: border-color 0.15s ease, box-shadow 0.15s ease;\n      box-sizing: border-box;\n    }\n    .sqp-textarea:focus {\n      outline: none;\n      border-color: var(--mj-border-focus);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .sqp-textarea::placeholder {\n      color: var(--mj-text-disabled);\n    }\n\n    /* Add category button */\n    .sqp-add-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 3px 10px;\n      background: none;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      font-size: 12px;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n    .sqp-add-btn:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n    }\n\n    /* Inline create category */\n    .sqp-create-category {\n      margin-top: 12px;\n      padding: 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n    }\n    .sqp-create-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      margin-bottom: 10px;\n    }\n    .sqp-create-header i {\n      color: var(--mj-brand-primary);\n    }\n    .sqp-create-fields {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    .sqp-create-parent {\n      margin-top: 2px;\n    }\n    .sqp-create-actions {\n      display: flex;\n      gap: 8px;\n      margin-top: 12px;\n    }\n    .sqp-inline-error {\n      margin-top: 8px;\n      font-size: 12px;\n      color: var(--mj-status-error-text);\n    }\n\n    /* Buttons */\n    .sqp-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      border: none;\n      border-radius: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n    .sqp-btn:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n    .sqp-btn-save {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      padding: 10px 20px;\n      font-size: 14px;\n    }\n    .sqp-btn-save:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n    .sqp-btn-cancel {\n      background: none;\n      border: 1px solid var(--mj-border-default);\n      color: var(--mj-text-secondary);\n      padding: 10px 20px;\n      font-size: 14px;\n    }\n    .sqp-btn-cancel:hover:not(:disabled) {\n      background: var(--mj-bg-surface-hover);\n      color: var(--mj-text-primary);\n    }\n    .sqp-btn-create {\n      background: var(--mj-status-success);\n      color: var(--mj-text-inverse);\n    }\n    .sqp-btn-create:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-status-success) 85%, black);\n    }\n    .sqp-btn-cancel-create {\n      background: none;\n      color: var(--mj-text-secondary);\n    }\n    .sqp-btn-cancel-create:hover:not(:disabled) {\n      color: var(--mj-text-primary);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Footer */\n    .sqp-footer {\n      display: flex;\n      gap: 10px;\n      padding: 16px 24px;\n      border-top: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    /* Error */\n    .sqp-error {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-status-error-bg);\n      border: 1px solid var(--mj-status-error-border);\n      border-radius: 6px;\n      color: var(--mj-status-error-text);\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 768px) {\n      .sqp-panel {\n        width: 100% !important;\n        right: -100%;\n      }\n      .sqp-panel.sqp-visible {\n        right: 0;\n      }\n      .sqp-header {\n        padding: 16px 20px 12px;\n      }\n      .sqp-body {\n        padding: 16px;\n      }\n      .sqp-footer {\n        padding: 12px 16px;\n      }\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SaveQueryPanelComponent extends BaseAngularComponent {\n  @Input() QueryName = '';\n  @Input() QueryDescription = '';\n  @Input() SQL = '';\n  @Input() Plan = '';\n\n  @Output() Saved = new EventEmitter<SaveQueryResult>();\n  @Output() Cancelled = new EventEmitter<void>();\n\n  @ViewChild('categoryTree') categoryTree!: TreeDropdownComponent;\n\n  // Form state\n  public Name = '';\n  public Description = '';\n  public IsSaving = false;\n  public ErrorMessage = '';\n  public IsVisible = false;\n\n  // Category selection\n  private selectedCategoryId: string | null = null;\n  public SelectedCategoryKey: CompositeKey | null = null;\n\n  // Inline category creation\n  public IsCreatingCategory = false;\n  public IsCreatingCategorySaving = false;\n  public NewCategoryName = '';\n  public CreateCategoryError = '';\n  private newCategoryParentId: string | null = null;\n\n  /** Tree config for query category hierarchy */\n  public CategoryBranchConfig: TreeBranchConfig = {\n    EntityName: 'MJ: Query Categories',\n    DisplayField: 'Name',\n    IDField: 'ID',\n    ParentIDField: 'ParentID',\n    DefaultIcon: 'fa-solid fa-folder',\n    OrderBy: 'Name ASC'\n  };\n\n  constructor(private cdr: ChangeDetectorRef) {\n  super();}\n\n  public get CanSave(): boolean {\n    return !!this.Name?.trim();\n  }\n\n  ngOnInit(): void {\n    // Sync input values\n    this.Name = this.QueryName;\n    this.Description = this.QueryDescription;\n\n    // Trigger slide-in on next microtask (ensures DOM is ready)\n    Promise.resolve().then(() => {\n      this.IsVisible = true;\n      this.cdr.markForCheck();\n    });\n  }\n\n  @HostListener('document:keydown.escape')\n  public OnEscapeKey(): void {\n    if (this.IsCreatingCategory) {\n      this.CancelCreateCategory();\n    } else if (!this.IsSaving) {\n      this.OnCancel();\n    }\n  }\n\n  // =========================================================================\n  // Category Selection\n  // =========================================================================\n\n  public OnCategoryChanged(selection: TreeNode | TreeNode[] | null): void {\n    if (!selection) {\n      this.selectedCategoryId = null;\n    } else if (Array.isArray(selection)) {\n      this.selectedCategoryId = selection.length > 0 ? selection[0].ID : null;\n    } else {\n      this.selectedCategoryId = selection.ID;\n    }\n  }\n\n  // =========================================================================\n  // Inline Category Creation\n  // =========================================================================\n\n  public StartCreateCategory(): void {\n    this.IsCreatingCategory = true;\n    this.NewCategoryName = '';\n    this.newCategoryParentId = null;\n    this.CreateCategoryError = '';\n    this.cdr.markForCheck();\n  }\n\n  public CancelCreateCategory(): void {\n    this.IsCreatingCategory = false;\n    this.NewCategoryName = '';\n    this.newCategoryParentId = null;\n    this.CreateCategoryError = '';\n    this.cdr.markForCheck();\n  }\n\n  public OnNewCategoryParentChanged(selection: TreeNode | TreeNode[] | null): void {\n    if (!selection) {\n      this.newCategoryParentId = null;\n    } else if (Array.isArray(selection)) {\n      this.newCategoryParentId = selection.length > 0 ? selection[0].ID : null;\n    } else {\n      this.newCategoryParentId = selection.ID;\n    }\n  }\n\n  public async CreateCategory(): Promise<void> {\n    const name = this.NewCategoryName.trim();\n    if (!name || this.IsCreatingCategorySaving) return;\n\n    this.IsCreatingCategorySaving = true;\n    this.CreateCategoryError = '';\n    this.cdr.markForCheck();\n\n    try {\n      const md = this.ProviderToUse;\n      const category = await md.GetEntityObject<MJQueryCategoryEntity>('MJ: Query Categories');\n\n      category.Name = name;\n      category.UserID = md.CurrentUser.ID;\n      if (this.newCategoryParentId) {\n        category.ParentID = this.newCategoryParentId;\n      }\n\n      const saved = await category.Save();\n      if (saved) {\n        MJNotificationService.Instance.CreateSimpleNotification(`Category \"${name}\" created`, 'success', 2500);\n\n        // Refresh tree to pick up the new category\n        await this.categoryTree.Refresh();\n\n        // Auto-select the newly created category.\n        // Must use detectChanges() (not markForCheck) to immediately propagate\n        // the new Value input to the tree dropdown, since this panel uses OnPush.\n        const newKey = new CompositeKey([new KeyValuePair('ID', category.ID)]);\n        this.SelectedCategoryKey = newKey;\n        this.selectedCategoryId = category.ID;\n        this.cdr.detectChanges();\n\n        // Collapse the create form\n        this.IsCreatingCategory = false;\n        this.NewCategoryName = '';\n        this.newCategoryParentId = null;\n      } else {\n        const errorMsg = this.getEntityErrorMessage(category, 'create category');\n        this.CreateCategoryError = errorMsg;\n        MJNotificationService.Instance.CreateSimpleNotification(errorMsg, 'error', 5000);\n        console.error('Failed to create category:', category.LatestResult);\n      }\n    } catch (error) {\n      const errorMsg = error instanceof Error ? error.message : 'Failed to create category';\n      this.CreateCategoryError = errorMsg;\n      MJNotificationService.Instance.CreateSimpleNotification(errorMsg, 'error', 5000);\n      console.error('Error creating category:', error);\n    } finally {\n      this.IsCreatingCategorySaving = false;\n      this.cdr.markForCheck();\n    }\n  }\n\n  // =========================================================================\n  // Save / Cancel\n  // =========================================================================\n\n  public async OnSave(): Promise<void> {\n    if (!this.CanSave || this.IsSaving) return;\n\n    this.IsSaving = true;\n    this.ErrorMessage = '';\n    this.cdr.markForCheck();\n\n    try {\n      const md = this.ProviderToUse;\n      const query = await md.GetEntityObject<MJQueryEntity>('MJ: Queries');\n\n      query.Name = this.Name.trim();\n      query.SQL = this.SQL;\n      query.Status = 'Approved';\n\n      if (this.Description?.trim()) {\n        query.Description = this.Description.trim();\n      }\n      if (this.Plan?.trim()) {\n        query.TechnicalDescription = this.Plan.trim();\n      }\n      if (this.selectedCategoryId) {\n        query.CategoryID = this.selectedCategoryId;\n      }\n\n      const saved = await query.Save();\n      if (saved) {\n        MJNotificationService.Instance.CreateSimpleNotification(`Query \"${query.Name}\" saved`, 'success', 2500);\n\n        // Animate out, then emit\n        this.IsVisible = false;\n        this.cdr.markForCheck();\n        setTimeout(() => {\n          this.Saved.emit({\n            queryId: query.ID,\n            queryName: query.Name\n          });\n        }, 300);\n      } else {\n        const errorMsg = this.getEntityErrorMessage(query, 'save query');\n        this.ErrorMessage = errorMsg;\n        MJNotificationService.Instance.CreateSimpleNotification(errorMsg, 'error', 5000);\n        console.error('Failed to save query:', query.LatestResult);\n      }\n    } catch (error) {\n      const errorMsg = error instanceof Error ? error.message : 'An unexpected error occurred';\n      this.ErrorMessage = errorMsg;\n      MJNotificationService.Instance.CreateSimpleNotification(errorMsg, 'error', 5000);\n      console.error('Error saving query:', error);\n    } finally {\n      this.IsSaving = false;\n      this.cdr.markForCheck();\n    }\n  }\n\n  public OnCancel(): void {\n    if (this.IsSaving) return;\n    this.IsVisible = false;\n    this.cdr.markForCheck();\n    setTimeout(() => this.Cancelled.emit(), 300);\n  }\n\n  // =========================================================================\n  // Helpers\n  // =========================================================================\n\n  private getEntityErrorMessage(entity: BaseEntity, operation: string): string {\n    const result = entity.LatestResult;\n    if (result?.Message) {\n      return result.Message;\n    }\n    return `Failed to ${operation}. Please try again.`;\n  }\n}\n"]}
+{"version":3,"file":"save-query-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/save-query-dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef, HostListener } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { Metadata, CompositeKey, KeyValuePair, BaseEntity } from '@memberjunction/core';\nimport { MJQueryEntity, MJQueryCategoryEntity } from '@memberjunction/core-entities';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { TreeBranchConfig, TreeNode } from '@memberjunction/ng-trees';\nimport { TreeDropdownComponent } from '@memberjunction/ng-trees';\n\n/**\n * Result emitted when a query is successfully saved\n */\nexport interface SaveQueryResult {\n  queryId: string;  // case-violation-ok-legacy-back-compat: the type is named in an exported signature, so consumers build object literals against it; an interface has no runtime carrier for a stub\n  queryName: string;  // case-violation-ok-legacy-back-compat: the type is named in an exported signature, so consumers build object literals against it; an interface has no runtime carrier for a stub\n}\n\n/**\n * Slide-in panel for saving an ad-hoc SQL query as a reusable MJ Query record.\n * Pre-populates name from the artifact title and provides a tree dropdown\n * for selecting a query category, with inline category creation.\n *\n * Follows the CreateAgentSlideInComponent pattern for slide-in UX.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-save-query-panel',\n  template: `\n    <!-- Backdrop -->\n    <div class=\"sqp-backdrop\" [class.sqp-visible]=\"IsVisible\" (click)=\"OnCancel()\"></div>\n\n    <!-- Slide panel -->\n    <div class=\"sqp-panel\" [class.sqp-visible]=\"IsVisible\">\n      <!-- Header -->\n      <div class=\"sqp-header\">\n        <div class=\"sqp-title-group\">\n          <i class=\"fa-solid fa-save sqp-title-icon\"></i>\n          <h2 class=\"sqp-title\">Save Query</h2>\n        </div>\n        <button class=\"sqp-close-btn\" (click)=\"OnCancel()\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      </div>\n\n      <!-- Body -->\n      <div class=\"sqp-body\">\n        <!-- Name -->\n        <div class=\"sqp-field\">\n          <label class=\"sqp-label\">\n            Name <span class=\"sqp-required\">*</span>\n          </label>\n          <input\n            type=\"text\"\n            class=\"sqp-input\"\n            [(ngModel)]=\"Name\"\n            placeholder=\"Query name\"\n            (keydown.enter)=\"OnSave()\">\n        </div>\n\n        <!-- Category -->\n        <div class=\"sqp-field\">\n          <div class=\"sqp-label-row\">\n            <label class=\"sqp-label\">Category</label>\n            @if (!IsCreatingCategory) {\n              <button class=\"sqp-add-btn\" (click)=\"StartCreateCategory()\" title=\"Create new category\">\n                <i class=\"fa-solid fa-plus\"></i> New\n              </button>\n            }\n          </div>\n\n          <mj-tree-dropdown\n            #categoryTree\n            [BranchConfig]=\"CategoryBranchConfig\"\n            [SelectionMode]=\"'single'\"\n            [SelectableTypes]=\"'branch'\"\n            [Placeholder]=\"'Select a category (optional)'\"\n            [Value]=\"SelectedCategoryKey\"\n            (SelectionChange)=\"OnCategoryChanged($event)\">\n          </mj-tree-dropdown>\n\n          <!-- Inline create category form -->\n          @if (IsCreatingCategory) {\n            <div class=\"sqp-create-category\">\n              <div class=\"sqp-create-header\">\n                <i class=\"fa-solid fa-folder-plus\"></i>\n                <span>New Category</span>\n              </div>\n              <div class=\"sqp-create-fields\">\n                <input\n                  type=\"text\"\n                  class=\"sqp-input\"\n                  [(ngModel)]=\"NewCategoryName\"\n                  placeholder=\"Category name\"\n                  (keydown.enter)=\"CreateCategory()\"\n                  (keydown.escape)=\"CancelCreateCategory()\">\n                <div class=\"sqp-create-parent\">\n                  <label class=\"sqp-sublabel\">Parent (optional)</label>\n                  <mj-tree-dropdown\n                    [BranchConfig]=\"CategoryBranchConfig\"\n                    [SelectionMode]=\"'single'\"\n                    [SelectableTypes]=\"'branch'\"\n                    [Placeholder]=\"'None (top level)'\"\n                    (SelectionChange)=\"OnNewCategoryParentChanged($event)\">\n                  </mj-tree-dropdown>\n                </div>\n              </div>\n              <div class=\"sqp-create-actions\">\n                <button class=\"sqp-btn sqp-btn-create\"\n                  (click)=\"CreateCategory()\"\n                  [disabled]=\"!NewCategoryName.trim() || IsCreatingCategorySaving\">\n                  @if (IsCreatingCategorySaving) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-check\"></i>\n                  }\n                  {{ IsCreatingCategorySaving ? 'Creating...' : 'Create' }}\n                </button>\n                <button class=\"sqp-btn sqp-btn-cancel-create\"\n                  (click)=\"CancelCreateCategory()\"\n                  [disabled]=\"IsCreatingCategorySaving\">\n                  Cancel\n                </button>\n              </div>\n              @if (CreateCategoryError) {\n                <div class=\"sqp-inline-error\">{{ CreateCategoryError }}</div>\n              }\n            </div>\n          }\n        </div>\n\n        <!-- Description -->\n        <div class=\"sqp-field\">\n          <label class=\"sqp-label\">Description</label>\n          <textarea\n            class=\"sqp-textarea\"\n            [(ngModel)]=\"Description\"\n            placeholder=\"Optional description\"\n            rows=\"3\">\n          </textarea>\n        </div>\n\n        @if (ErrorMessage) {\n          <div class=\"sqp-error\">\n            <i class=\"fa-solid fa-exclamation-circle\"></i>\n            {{ ErrorMessage }}\n          </div>\n        }\n      </div>\n\n      <!-- Footer -->\n      <div class=\"sqp-footer\">\n        <button class=\"sqp-btn sqp-btn-save\"\n          (click)=\"OnSave()\"\n          [disabled]=\"!CanSave || IsSaving\">\n          @if (IsSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n          } @else {\n            <i class=\"fa-solid fa-save\"></i> Save Query\n          }\n        </button>\n        <button class=\"sqp-btn sqp-btn-cancel\"\n          (click)=\"OnCancel()\"\n          [disabled]=\"IsSaving\">\n          Cancel\n        </button>\n      </div>\n    </div>\n  `,\n  styles: [`\n    /* Backdrop */\n    .sqp-backdrop {\n      position: fixed;\n      inset: 0;\n      background: rgba(0, 0, 0, 0);\n      z-index: 1000;\n      transition: background 0.3s ease;\n      pointer-events: none;\n    }\n    .sqp-backdrop.sqp-visible {\n      background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.3));\n      pointer-events: auto;\n    }\n\n    /* Panel — uses right offset instead of transform to avoid creating\n       a new containing block that breaks position:fixed children\n       (e.g., the tree-dropdown popup). */\n    .sqp-panel {\n      position: fixed;\n      top: 0;\n      right: -440px;\n      height: 100vh;\n      width: 440px;\n      background: var(--mj-bg-surface);\n      box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);\n      z-index: 1001;\n      display: flex;\n      flex-direction: column;\n      transition: right 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .sqp-panel.sqp-visible {\n      right: 0;\n    }\n\n    /* Header */\n    .sqp-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 20px 24px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n    .sqp-title-group {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .sqp-title-icon {\n      font-size: 20px;\n      color: var(--mj-brand-primary);\n    }\n    .sqp-title {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n    .sqp-close-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 36px;\n      height: 36px;\n      background: none;\n      border: none;\n      border-radius: 8px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.15s ease;\n      font-size: 16px;\n      flex-shrink: 0;\n    }\n    .sqp-close-btn:hover {\n      background: var(--mj-bg-surface-hover);\n      color: var(--mj-text-primary);\n    }\n\n    /* Body */\n    .sqp-body {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    /* Fields */\n    .sqp-field {\n      margin-bottom: 20px;\n    }\n    .sqp-label-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 6px;\n    }\n    .sqp-label {\n      display: block;\n      margin-bottom: 6px;\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n    .sqp-label-row .sqp-label {\n      margin-bottom: 0;\n    }\n    .sqp-sublabel {\n      display: block;\n      margin-bottom: 4px;\n      font-weight: 500;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n    }\n    .sqp-required {\n      color: var(--mj-status-error);\n    }\n    .sqp-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      background: var(--mj-bg-surface);\n      transition: border-color 0.15s ease, box-shadow 0.15s ease;\n      box-sizing: border-box;\n    }\n    .sqp-input:focus {\n      outline: none;\n      border-color: var(--mj-border-focus);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .sqp-input::placeholder {\n      color: var(--mj-text-disabled);\n    }\n    .sqp-textarea {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      background: var(--mj-bg-surface);\n      resize: vertical;\n      font-family: inherit;\n      transition: border-color 0.15s ease, box-shadow 0.15s ease;\n      box-sizing: border-box;\n    }\n    .sqp-textarea:focus {\n      outline: none;\n      border-color: var(--mj-border-focus);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    }\n    .sqp-textarea::placeholder {\n      color: var(--mj-text-disabled);\n    }\n\n    /* Add category button */\n    .sqp-add-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 3px 10px;\n      background: none;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      font-size: 12px;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n    .sqp-add-btn:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n    }\n\n    /* Inline create category */\n    .sqp-create-category {\n      margin-top: 12px;\n      padding: 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n    }\n    .sqp-create-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      margin-bottom: 10px;\n    }\n    .sqp-create-header i {\n      color: var(--mj-brand-primary);\n    }\n    .sqp-create-fields {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    .sqp-create-parent {\n      margin-top: 2px;\n    }\n    .sqp-create-actions {\n      display: flex;\n      gap: 8px;\n      margin-top: 12px;\n    }\n    .sqp-inline-error {\n      margin-top: 8px;\n      font-size: 12px;\n      color: var(--mj-status-error-text);\n    }\n\n    /* Buttons */\n    .sqp-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      border: none;\n      border-radius: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n    .sqp-btn:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n    .sqp-btn-save {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      padding: 10px 20px;\n      font-size: 14px;\n    }\n    .sqp-btn-save:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n    .sqp-btn-cancel {\n      background: none;\n      border: 1px solid var(--mj-border-default);\n      color: var(--mj-text-secondary);\n      padding: 10px 20px;\n      font-size: 14px;\n    }\n    .sqp-btn-cancel:hover:not(:disabled) {\n      background: var(--mj-bg-surface-hover);\n      color: var(--mj-text-primary);\n    }\n    .sqp-btn-create {\n      background: var(--mj-status-success);\n      color: var(--mj-text-inverse);\n    }\n    .sqp-btn-create:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-status-success) 85%, black);\n    }\n    .sqp-btn-cancel-create {\n      background: none;\n      color: var(--mj-text-secondary);\n    }\n    .sqp-btn-cancel-create:hover:not(:disabled) {\n      color: var(--mj-text-primary);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Footer */\n    .sqp-footer {\n      display: flex;\n      gap: 10px;\n      padding: 16px 24px;\n      border-top: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    /* Error */\n    .sqp-error {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-status-error-bg);\n      border: 1px solid var(--mj-status-error-border);\n      border-radius: 6px;\n      color: var(--mj-status-error-text);\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 768px) {\n      .sqp-panel {\n        width: 100% !important;\n        right: -100%;\n      }\n      .sqp-panel.sqp-visible {\n        right: 0;\n      }\n      .sqp-header {\n        padding: 16px 20px 12px;\n      }\n      .sqp-body {\n        padding: 16px;\n      }\n      .sqp-footer {\n        padding: 12px 16px;\n      }\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SaveQueryPanelComponent extends BaseAngularComponent {\n  @Input() QueryName = '';\n  @Input() QueryDescription = '';\n  @Input() SQL = '';\n  @Input() Plan = '';\n\n  @Output() Saved = new EventEmitter<SaveQueryResult>();\n  @Output() Cancelled = new EventEmitter<void>();\n\n  @ViewChild('categoryTree') CategoryTree!: TreeDropdownComponent;\n\n  /** @deprecated Use {@link CategoryTree}. */\n  get categoryTree(): TreeDropdownComponent {\n    return this.CategoryTree;\n  }\n  /** @deprecated Use {@link CategoryTree}. */\n  set categoryTree(value: TreeDropdownComponent) {\n    this.CategoryTree = value;\n  }\n\n  // Form state\n  public Name = '';\n  public Description = '';\n  public IsSaving = false;\n  public ErrorMessage = '';\n  public IsVisible = false;\n\n  // Category selection\n  private selectedCategoryId: string | null = null;\n  public SelectedCategoryKey: CompositeKey | null = null;\n\n  // Inline category creation\n  public IsCreatingCategory = false;\n  public IsCreatingCategorySaving = false;\n  public NewCategoryName = '';\n  public CreateCategoryError = '';\n  private newCategoryParentId: string | null = null;\n\n  /** Tree config for query category hierarchy */\n  public CategoryBranchConfig: TreeBranchConfig = {\n    EntityName: 'MJ: Query Categories',\n    DisplayField: 'Name',\n    IDField: 'ID',\n    ParentIDField: 'ParentID',\n    DefaultIcon: 'fa-solid fa-folder',\n    OrderBy: 'Name ASC'\n  };\n\n  constructor(private cdr: ChangeDetectorRef) {\n  super();}\n\n  public get CanSave(): boolean {\n    return !!this.Name?.trim();\n  }\n\n  ngOnInit(): void {\n    // Sync input values\n    this.Name = this.QueryName;\n    this.Description = this.QueryDescription;\n\n    // Trigger slide-in on next microtask (ensures DOM is ready)\n    Promise.resolve().then(() => {\n      this.IsVisible = true;\n      this.cdr.markForCheck();\n    });\n  }\n\n  @HostListener('document:keydown.escape')\n  public OnEscapeKey(): void {\n    if (this.IsCreatingCategory) {\n      this.CancelCreateCategory();\n    } else if (!this.IsSaving) {\n      this.OnCancel();\n    }\n  }\n\n  // =========================================================================\n  // Category Selection\n  // =========================================================================\n\n  public OnCategoryChanged(selection: TreeNode | TreeNode[] | null): void {\n    if (!selection) {\n      this.selectedCategoryId = null;\n    } else if (Array.isArray(selection)) {\n      this.selectedCategoryId = selection.length > 0 ? selection[0].ID : null;\n    } else {\n      this.selectedCategoryId = selection.ID;\n    }\n  }\n\n  // =========================================================================\n  // Inline Category Creation\n  // =========================================================================\n\n  public StartCreateCategory(): void {\n    this.IsCreatingCategory = true;\n    this.NewCategoryName = '';\n    this.newCategoryParentId = null;\n    this.CreateCategoryError = '';\n    this.cdr.markForCheck();\n  }\n\n  public CancelCreateCategory(): void {\n    this.IsCreatingCategory = false;\n    this.NewCategoryName = '';\n    this.newCategoryParentId = null;\n    this.CreateCategoryError = '';\n    this.cdr.markForCheck();\n  }\n\n  public OnNewCategoryParentChanged(selection: TreeNode | TreeNode[] | null): void {\n    if (!selection) {\n      this.newCategoryParentId = null;\n    } else if (Array.isArray(selection)) {\n      this.newCategoryParentId = selection.length > 0 ? selection[0].ID : null;\n    } else {\n      this.newCategoryParentId = selection.ID;\n    }\n  }\n\n  public async CreateCategory(): Promise<void> {\n    const name = this.NewCategoryName.trim();\n    if (!name || this.IsCreatingCategorySaving) return;\n\n    this.IsCreatingCategorySaving = true;\n    this.CreateCategoryError = '';\n    this.cdr.markForCheck();\n\n    try {\n      const md = this.ProviderToUse;\n      const category = await md.GetEntityObject<MJQueryCategoryEntity>('MJ: Query Categories');\n\n      category.Name = name;\n      category.UserID = md.CurrentUser.ID;\n      if (this.newCategoryParentId) {\n        category.ParentID = this.newCategoryParentId;\n      }\n\n      const saved = await category.Save();\n      if (saved) {\n        MJNotificationService.Instance.CreateSimpleNotification(`Category \"${name}\" created`, 'success', 2500);\n\n        // Refresh tree to pick up the new category\n        await this.CategoryTree.Refresh();\n\n        // Auto-select the newly created category.\n        // Must use detectChanges() (not markForCheck) to immediately propagate\n        // the new Value input to the tree dropdown, since this panel uses OnPush.\n        const newKey = new CompositeKey([new KeyValuePair('ID', category.ID)]);\n        this.SelectedCategoryKey = newKey;\n        this.selectedCategoryId = category.ID;\n        this.cdr.detectChanges();\n\n        // Collapse the create form\n        this.IsCreatingCategory = false;\n        this.NewCategoryName = '';\n        this.newCategoryParentId = null;\n      } else {\n        const errorMsg = this.getEntityErrorMessage(category, 'create category');\n        this.CreateCategoryError = errorMsg;\n        MJNotificationService.Instance.CreateSimpleNotification(errorMsg, 'error', 5000);\n        console.error('Failed to create category:', category.LatestResult);\n      }\n    } catch (error) {\n      const errorMsg = error instanceof Error ? error.message : 'Failed to create category';\n      this.CreateCategoryError = errorMsg;\n      MJNotificationService.Instance.CreateSimpleNotification(errorMsg, 'error', 5000);\n      console.error('Error creating category:', error);\n    } finally {\n      this.IsCreatingCategorySaving = false;\n      this.cdr.markForCheck();\n    }\n  }\n\n  // =========================================================================\n  // Save / Cancel\n  // =========================================================================\n\n  public async OnSave(): Promise<void> {\n    if (!this.CanSave || this.IsSaving) return;\n\n    this.IsSaving = true;\n    this.ErrorMessage = '';\n    this.cdr.markForCheck();\n\n    try {\n      const md = this.ProviderToUse;\n      const query = await md.GetEntityObject<MJQueryEntity>('MJ: Queries');\n\n      query.Name = this.Name.trim();\n      query.SQL = this.SQL;\n      query.Status = 'Approved';\n\n      if (this.Description?.trim()) {\n        query.Description = this.Description.trim();\n      }\n      if (this.Plan?.trim()) {\n        query.TechnicalDescription = this.Plan.trim();\n      }\n      if (this.selectedCategoryId) {\n        query.CategoryID = this.selectedCategoryId;\n      }\n\n      const saved = await query.Save();\n      if (saved) {\n        MJNotificationService.Instance.CreateSimpleNotification(`Query \"${query.Name}\" saved`, 'success', 2500);\n\n        // Animate out, then emit\n        this.IsVisible = false;\n        this.cdr.markForCheck();\n        setTimeout(() => {\n          this.Saved.emit({\n            queryId: query.ID,\n            queryName: query.Name\n          });\n        }, 300);\n      } else {\n        const errorMsg = this.getEntityErrorMessage(query, 'save query');\n        this.ErrorMessage = errorMsg;\n        MJNotificationService.Instance.CreateSimpleNotification(errorMsg, 'error', 5000);\n        console.error('Failed to save query:', query.LatestResult);\n      }\n    } catch (error) {\n      const errorMsg = error instanceof Error ? error.message : 'An unexpected error occurred';\n      this.ErrorMessage = errorMsg;\n      MJNotificationService.Instance.CreateSimpleNotification(errorMsg, 'error', 5000);\n      console.error('Error saving query:', error);\n    } finally {\n      this.IsSaving = false;\n      this.cdr.markForCheck();\n    }\n  }\n\n  public OnCancel(): void {\n    if (this.IsSaving) return;\n    this.IsVisible = false;\n    this.cdr.markForCheck();\n    setTimeout(() => this.Cancelled.emit(), 300);\n  }\n\n  // =========================================================================\n  // Helpers\n  // =========================================================================\n\n  private getEntityErrorMessage(entity: BaseEntity, operation: string): string {\n    const result = entity.LatestResult;\n    if (result?.Message) {\n      return result.Message;\n    }\n    return `Failed to ${operation}. Please try again.`;\n  }\n}\n"]}

package/dist/lib/components/plugins/svg-artifact-viewer.component.d.ts

@@ -7,9 +7,21 @@ import * as i0 from "@angular/core";
  */
 export declare class SvgArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
     private sanitizer;
-    svgContent: string;
-    safeSvgContent: SafeHtml;
-    viewMode: 'preview' | 'source';
+    SvgContent: string;
+    /** @deprecated Use {@link SvgContent}. */
+    get svgContent(): string;
+    /** @deprecated Use {@link SvgContent}. */
+    set svgContent(value: string);
+    SafeSvgContent: SafeHtml;
+    /** @deprecated Use {@link SafeSvgContent}. */
+    get safeSvgContent(): SafeHtml;
+    /** @deprecated Use {@link SafeSvgContent}. */
+    set safeSvgContent(value: SafeHtml);
+    ViewMode: 'preview' | 'source';
+    /** @deprecated Use {@link ViewMode}. */
+    get viewMode(): 'preview' | 'source';
+    /** @deprecated Use {@link ViewMode}. */
+    set viewMode(value: 'preview' | 'source');
     /**
      * SVG artifacts always have content to display
      */
@@ -17,6 +29,8 @@ export declare class SvgArtifactViewerComponent extends BaseArtifactViewerPlugin
     constructor(sanitizer: DomSanitizer);
     ngOnInit(): void;
     GetCurrentStateSnapshot(): DataSnapshot | null;
+    OnCopy(): void;
+    /** @deprecated Use {@link OnCopy}. */
     onCopy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SvgArtifactViewerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SvgArtifactViewerComponent, "mj-svg-artifact-viewer", never, {}, {}, never, never, false, never>;

package/dist/lib/components/plugins/svg-artifact-viewer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/svg-artifact-viewer.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;AAEtF;;GAEG;AACH,qBAsGa,0BAA2B,SAAQ,iCAAiC;IAYnE,OAAO,CAAC,SAAS;IAXtB,UAAU,SAAM;IAChB,cAAc,EAAE,QAAQ,CAAM;IAC9B,QAAQ,EAAE,SAAS,GAAG,QAAQ,CAAa;IAElD;;OAEG;IACH,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;gBAEmB,SAAS,EAAE,YAAY;IAI3C,QAAQ,IAAI,IAAI;IAMA,uBAAuB,IAAI,YAAY,GAAG,IAAI;IAS9D,MAAM,IAAI,IAAI;yCA/BH,0BAA0B;2CAA1B,0BAA0B;CAwCtC"}
+{"version":3,"file":"svg-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/svg-artifact-viewer.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;AAEtF;;GAEG;AACH,qBAsGa,0BAA2B,SAAQ,iCAAiC;IAuCnE,OAAO,CAAC,SAAS;IAtCtB,UAAU,SAAM;IAEvB,0CAA0C;IAC1C,IAAW,UAAU,WAEpB;IACD,0CAA0C;IAC1C,IAAW,UAAU,CAAC,KAAK,QAAA,EAE1B;IACM,cAAc,EAAE,QAAQ,CAAM;IAErC,8CAA8C;IAC9C,IAAW,cAAc,IAAI,QAAQ,CAEpC;IACD,8CAA8C;IAC9C,IAAW,cAAc,CAAC,KAAK,EAAE,QAAQ,EAExC;IACM,QAAQ,EAAE,SAAS,GAAG,QAAQ,CAAa;IAElD,wCAAwC;IACxC,IAAW,QAAQ,IAAI,SAAS,GAAG,QAAQ,CAE1C;IACD,wCAAwC;IACxC,IAAW,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,EAE9C;IAED;;OAEG;IACH,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;gBAEmB,SAAS,EAAE,YAAY;IAI3C,QAAQ,IAAI,IAAI;IAMA,uBAAuB,IAAI,YAAY,GAAG,IAAI;IAS9D,MAAM,IAAI,IAAI;IAUd,sCAAsC;IACtC,MAAM,IAAI,IAAI;yCArEH,0BAA0B;2CAA1B,0BAA0B;CAwEtC"}

package/dist/lib/components/plugins/svg-artifact-viewer.component.js

@@ -37,9 +37,33 @@ function SvgArtifactViewerComponent_Conditional_13_Template(rf, ctx) { if (rf &
  */
 let SvgArtifactViewerComponent = class SvgArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
     sanitizer;
-    svgContent = '';
-    safeSvgContent = '';
-    viewMode = 'preview';
+    SvgContent = '';
+    /** @deprecated Use {@link SvgContent}. */
+    get svgContent() {
+        return this.SvgContent;
+    }
+    /** @deprecated Use {@link SvgContent}. */
+    set svgContent(value) {
+        this.SvgContent = value;
+    }
+    SafeSvgContent = '';
+    /** @deprecated Use {@link SafeSvgContent}. */
+    get safeSvgContent() {
+        return this.SafeSvgContent;
+    }
+    /** @deprecated Use {@link SafeSvgContent}. */
+    set safeSvgContent(value) {
+        this.SafeSvgContent = value;
+    }
+    ViewMode = 'preview';
+    /** @deprecated Use {@link ViewMode}. */
+    get viewMode() {
+        return this.ViewMode;
+    }
+    /** @deprecated Use {@link ViewMode}. */
+    set viewMode(value) {
+        this.ViewMode = value;
+    }
     /**
      * SVG artifacts always have content to display
      */
@@ -51,9 +75,9 @@ let SvgArtifactViewerComponent = class SvgArtifactViewerComponent extends BaseAr
         this.sanitizer = sanitizer;
     }
     ngOnInit() {
-        this.svgContent = this.getContent();
+        this.SvgContent = this.getContent();
         // For SVG, we use sanitize with SecurityContext.HTML (1) to allow safe rendering
-        this.safeSvgContent = this.sanitizer.sanitize(1, this.svgContent) || '';
+        this.SafeSvgContent = this.sanitizer.sanitize(1, this.SvgContent) || '';
     }
     GetCurrentStateSnapshot() {
         const content = this.getRawContent();
@@ -64,15 +88,19 @@ let SvgArtifactViewerComponent = class SvgArtifactViewerComponent extends BaseAr
         snap.custom = { content };
         return snap;
     }
-    onCopy() {
-        if (this.svgContent) {
-            navigator.clipboard.writeText(this.svgContent).then(() => {
+    OnCopy() {
+        if (this.SvgContent) {
+            navigator.clipboard.writeText(this.SvgContent).then(() => {
                 console.log('✅ Copied SVG to clipboard');
             }).catch(err => {
                 console.error('Failed to copy to clipboard:', err);
             });
         }
     }
+    /** @deprecated Use {@link OnCopy}. */
+    onCopy() {
+        return this.OnCopy();
+    }
     static ɵfac = function SvgArtifactViewerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SvgArtifactViewerComponent)(i0.ɵɵdirectiveInject(i1.DomSanitizer)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SvgArtifactViewerComponent, selectors: [["mj-svg-artifact-viewer"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 14, vars: 6, consts: [[1, "svg-artifact-viewer", 3, "ngClass"], [1, "svg-toolbar"], ["title", "Preview", 1, "btn-icon", 3, "click"], [1, "fas", "fa-eye"], ["title", "Source", 1, "btn-icon", 3, "click"], [1, "fas", "fa-code"], ["title", "Copy SVG", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [1, "svg-content-container"], [1, "svg-preview"], [2, "width", "100%", "height", "100%", 3, "ngModel", "language", "readonly"], [1, "svg-wrapper", 3, "innerHTML"], [2, "width", "100%", "height", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"]], template: function SvgArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);

package/dist/lib/components/plugins/svg-artifact-viewer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/svg-artifact-viewer.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;;;;;;IAyB5E,8BAAyB;IACvB,0BAA4D;IAC9D,iBAAM;;;IADqB,cAA4B;IAA5B,oEAA4B;;;;IAGvD,0CAIqC;IAHnC,gUAAwB;IAI1B,iBAAiB;;;IAJf,iDAAwB;IAExB,AADA,gCAAkB,6BACG;;AA9BjC;;GAEG;AAuGI,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,iCAAiC;IAY3D;IAXb,UAAU,GAAG,EAAE,CAAC;IAChB,cAAc,GAAa,EAAE,CAAC;IAC9B,QAAQ,GAAyB,SAAS,CAAC;IAElD;;OAEG;IACH,IAAoB,iBAAiB;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,YAAoB,SAAuB;QACzC,KAAK,EAAE,CAAC;QADU,cAAS,GAAT,SAAS,CAAc;IAE3C,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACpC,iFAAiF;QACjF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IAC1E,CAAC;IAEe,uBAAuB;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACrC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC1B,MAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,SAAS,CAAC;QACjD,IAAI,CAAC,MAAM,GAAG,EAAE,OAAO,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvD,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;gBACb,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,GAAG,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;oHAvCU,0BAA0B;6DAA1B,0BAA0B;YAhG/B,AADF,AADF,8BAAsD,aAC3B,gBAEgC;YAA/B,sHAAoB,SAAS,IAAC;YACpD,uBAA0B;YAAC,yBAC7B;YAAA,iBAAS;YACT,iCACqD;YAA9B,sHAAoB,QAAQ,IAAC;YAClD,uBAA2B;YAAC,wBAC9B;YAAA,iBAAS;YACT,iCAA6D;YAAnB,uGAAS,YAAQ,IAAC;YAC1D,uBAA2B;YAAC,uBAC9B;YACF,AADE,iBAAS,EACL;YACN,+BAAmC;YAK/B,AAJF,8FAA8B,oFAIrB;YASb,AADE,iBAAM,EACF;;YA5B2B,sCAAoB;YAExB,eAAuC;YAAvC,oDAAuC;YAIvC,eAAsC;YAAtC,mDAAsC;YAS/D,eAWC;YAXD,sDAWC;;;AAwEI,0BAA0B;IADtC,aAAa,CAAC,iCAAiC,EAAE,yBAAyB,CAAC;GAC/D,0BAA0B,CAwCtC;;iFAxCY,0BAA0B;cAtGtC,SAAS;6BACI,KAAK,YACP,wBAAwB,YACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT;;kFAqEU,0BAA0B","sourcesContent":["import { Component } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { DataSnapshot } from '@memberjunction/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';\n\n/**\n * Viewer component for SVG artifacts\n */\n@Component({\n  standalone: false,\n  selector: 'mj-svg-artifact-viewer',\n  template: `\n    <div class=\"svg-artifact-viewer\" [ngClass]=\"cssClass\">\n      <div class=\"svg-toolbar\">\n        <button class=\"btn-icon\" [class.active]=\"viewMode === 'preview'\"\n                title=\"Preview\" (click)=\"viewMode = 'preview'\">\n          <i class=\"fas fa-eye\"></i> Preview\n        </button>\n        <button class=\"btn-icon\" [class.active]=\"viewMode === 'source'\"\n                title=\"Source\" (click)=\"viewMode = 'source'\">\n          <i class=\"fas fa-code\"></i> Source\n        </button>\n        <button class=\"btn-icon\" title=\"Copy SVG\" (click)=\"onCopy()\">\n          <i class=\"fas fa-copy\"></i> Copy\n        </button>\n      </div>\n      <div class=\"svg-content-container\">\n        @if (viewMode === 'preview') {\n          <div class=\"svg-preview\">\n            <div class=\"svg-wrapper\" [innerHTML]=\"safeSvgContent\"></div>\n          </div>\n        } @else {\n          <mj-code-editor\n            [(ngModel)]=\"svgContent\"\n            [language]=\"'xml'\"\n            [readonly]=\"readonly\"\n            style=\"width: 100%; height: 100%;\">\n          </mj-code-editor>\n        }\n      </div>\n    </div>\n  `,\n  styles: [`\n    .svg-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .svg-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      gap: 8px;\n      padding: 8px;\n      background: #f5f5f5;\n      border-bottom: 1px solid #ddd;\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .btn-icon.active {\n      background: #007acc;\n      color: white;\n      border-color: #007acc;\n    }\n\n    .svg-content-container {\n      flex: 1;\n      overflow: auto;\n    }\n\n    .svg-preview {\n      padding: 20px;\n      background: white;\n      height: 100%;\n      overflow: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .svg-wrapper {\n      max-width: 100%;\n      max-height: 100%;\n    }\n\n    .svg-wrapper ::ng-deep svg {\n      max-width: 100%;\n      max-height: 100%;\n      height: auto;\n    }\n  `]\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'SvgArtifactViewerPlugin')\nexport class SvgArtifactViewerComponent extends BaseArtifactViewerPluginComponent {\n  public svgContent = '';\n  public safeSvgContent: SafeHtml = '';\n  public viewMode: 'preview' | 'source' = 'preview';\n\n  /**\n   * SVG artifacts always have content to display\n   */\n  public override get hasDisplayContent(): boolean {\n    return true;\n  }\n\n  constructor(private sanitizer: DomSanitizer) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.svgContent = this.getContent();\n    // For SVG, we use sanitize with SecurityContext.HTML (1) to allow safe rendering\n    this.safeSvgContent = this.sanitizer.sanitize(1, this.svgContent) || '';\n  }\n\n  public override GetCurrentStateSnapshot(): DataSnapshot | null {\n    const content = this.getRawContent();\n    if (!content) return null;\n    const snap = new DataSnapshot();\n    snap.title = this.getDisplayTitle() ?? undefined;\n    snap.custom = { content };\n    return snap;\n  }\n\n  onCopy(): void {\n    if (this.svgContent) {\n      navigator.clipboard.writeText(this.svgContent).then(() => {\n        console.log('✅ Copied SVG to clipboard');\n      }).catch(err => {\n        console.error('Failed to copy to clipboard:', err);\n      });\n    }\n  }\n}\n"]}
+{"version":3,"file":"svg-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/svg-artifact-viewer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { DataSnapshot } from '@memberjunction/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';\n\n/**\n * Viewer component for SVG artifacts\n */\n@Component({\n  standalone: false,\n  selector: 'mj-svg-artifact-viewer',\n  template: `\n    <div class=\"svg-artifact-viewer\" [ngClass]=\"cssClass\">\n      <div class=\"svg-toolbar\">\n        <button class=\"btn-icon\" [class.active]=\"viewMode === 'preview'\"\n                title=\"Preview\" (click)=\"viewMode = 'preview'\">\n          <i class=\"fas fa-eye\"></i> Preview\n        </button>\n        <button class=\"btn-icon\" [class.active]=\"viewMode === 'source'\"\n                title=\"Source\" (click)=\"viewMode = 'source'\">\n          <i class=\"fas fa-code\"></i> Source\n        </button>\n        <button class=\"btn-icon\" title=\"Copy SVG\" (click)=\"onCopy()\">\n          <i class=\"fas fa-copy\"></i> Copy\n        </button>\n      </div>\n      <div class=\"svg-content-container\">\n        @if (viewMode === 'preview') {\n          <div class=\"svg-preview\">\n            <div class=\"svg-wrapper\" [innerHTML]=\"safeSvgContent\"></div>\n          </div>\n        } @else {\n          <mj-code-editor\n            [(ngModel)]=\"svgContent\"\n            [language]=\"'xml'\"\n            [readonly]=\"readonly\"\n            style=\"width: 100%; height: 100%;\">\n          </mj-code-editor>\n        }\n      </div>\n    </div>\n  `,\n  styles: [`\n    .svg-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .svg-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      gap: 8px;\n      padding: 8px;\n      background: #f5f5f5;\n      border-bottom: 1px solid #ddd;\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .btn-icon.active {\n      background: #007acc;\n      color: white;\n      border-color: #007acc;\n    }\n\n    .svg-content-container {\n      flex: 1;\n      overflow: auto;\n    }\n\n    .svg-preview {\n      padding: 20px;\n      background: white;\n      height: 100%;\n      overflow: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .svg-wrapper {\n      max-width: 100%;\n      max-height: 100%;\n    }\n\n    .svg-wrapper ::ng-deep svg {\n      max-width: 100%;\n      max-height: 100%;\n      height: auto;\n    }\n  `]\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'SvgArtifactViewerPlugin')\nexport class SvgArtifactViewerComponent extends BaseArtifactViewerPluginComponent {\n  public SvgContent = '';\n\n  /** @deprecated Use {@link SvgContent}. */\n  public get svgContent() {\n    return this.SvgContent;\n  }\n  /** @deprecated Use {@link SvgContent}. */\n  public set svgContent(value) {\n    this.SvgContent = value;\n  }\n  public SafeSvgContent: SafeHtml = '';\n\n  /** @deprecated Use {@link SafeSvgContent}. */\n  public get safeSvgContent(): SafeHtml {\n    return this.SafeSvgContent;\n  }\n  /** @deprecated Use {@link SafeSvgContent}. */\n  public set safeSvgContent(value: SafeHtml) {\n    this.SafeSvgContent = value;\n  }\n  public ViewMode: 'preview' | 'source' = 'preview';\n\n  /** @deprecated Use {@link ViewMode}. */\n  public get viewMode(): 'preview' | 'source' {\n    return this.ViewMode;\n  }\n  /** @deprecated Use {@link ViewMode}. */\n  public set viewMode(value: 'preview' | 'source') {\n    this.ViewMode = value;\n  }\n\n  /**\n   * SVG artifacts always have content to display\n   */\n  public override get hasDisplayContent(): boolean {\n    return true;\n  }\n\n  constructor(private sanitizer: DomSanitizer) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.SvgContent = this.getContent();\n    // For SVG, we use sanitize with SecurityContext.HTML (1) to allow safe rendering\n    this.SafeSvgContent = this.sanitizer.sanitize(1, this.SvgContent) || '';\n  }\n\n  public override GetCurrentStateSnapshot(): DataSnapshot | null {\n    const content = this.getRawContent();\n    if (!content) return null;\n    const snap = new DataSnapshot();\n    snap.title = this.getDisplayTitle() ?? undefined;\n    snap.custom = { content };\n    return snap;\n  }\n\n  OnCopy(): void {\n    if (this.SvgContent) {\n      navigator.clipboard.writeText(this.SvgContent).then(() => {\n        console.log('✅ Copied SVG to clipboard');\n      }).catch(err => {\n        console.error('Failed to copy to clipboard:', err);\n      });\n    }\n  }\n\n  /** @deprecated Use {@link OnCopy}. */\n  onCopy(): void {\n    return this.OnCopy();\n  }\n}\n"]}

package/dist/lib/components/plugins/video-artifact-viewer.component.d.ts

@@ -16,7 +16,11 @@ import * as i0 from "@angular/core";
 export declare class VideoArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit {
     private readonly fileService;
     private readonly cdr;
-    videoUrl: string;
+    VideoUrl: string;
+    /** @deprecated Use {@link VideoUrl}. */
+    get videoUrl(): string;
+    /** @deprecated Use {@link VideoUrl}. */
+    set videoUrl(value: string);
     errorMessage: string;
     /**
      * Single-track input for the generic {@link MJMediaPlayerComponent}. Rebuilt whenever
@@ -35,8 +39,12 @@ export declare class VideoArtifactViewerComponent extends BaseArtifactViewerPlug
     static CanHandlePreview(artifactTypeName: string, contentType?: string): boolean;
     get hasDisplayContent(): boolean;
     ngOnInit(): Promise<void>;
+    OnMediaError(): void;
+    /** @deprecated Use {@link OnMediaError}. */
     onMediaError(): void;
     /** Fired when the generic player reaches the end of the track. No-op affordance hook. */
+    OnMediaEnded(): void;
+    /** @deprecated Use {@link OnMediaEnded}. */
     onMediaEnded(): void;
     GetCurrentStateSnapshot(): DataSnapshot | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<VideoArtifactViewerComponent, never>;

package/dist/lib/components/plugins/video-artifact-viewer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/video-artifact-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AAEtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AAE9F,OAAO,EAA0B,UAAU,EAAE,MAAM,iCAAiC,CAAC;;AAErF;;;;;;;;GAQG;AACH,qBA8Da,4BAA6B,SAAQ,iCAAkC,YAAW,MAAM;IACjG,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAE1C,QAAQ,SAAM;IACd,YAAY,SAAM;IAEzB;;;;OAIG;IACI,WAAW,EAAE,UAAU,EAAE,CAAM;IAEtC,mGAAmG;IACnG,OAAO,CAAC,WAAW;IAcnB;;;OAGG;IACH,gBAAuB,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAiC;IAE7G,kGAAkG;WACpF,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO;IAQvF,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAmBxB,YAAY,IAAI,IAAI;IAM3B,yFAAyF;IAClF,YAAY,IAAI,IAAI;IAIX,uBAAuB,IAAI,YAAY,GAAG,IAAI;yCA9ErD,4BAA4B;2CAA5B,4BAA4B;CA4FxC"}
+{"version":3,"file":"video-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/video-artifact-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AAEtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AAE9F,OAAO,EAA0B,UAAU,EAAE,MAAM,iCAAiC,CAAC;;AAErF;;;;;;;;GAQG;AACH,qBA8Da,4BAA6B,SAAQ,iCAAkC,YAAW,MAAM;IACjG,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAE1C,QAAQ,SAAM;IAErB,wCAAwC;IACxC,IAAW,QAAQ,WAElB;IACD,wCAAwC;IACxC,IAAW,QAAQ,CAAC,KAAK,QAAA,EAExB;IACM,YAAY,SAAM;IAEzB;;;;OAIG;IACI,WAAW,EAAE,UAAU,EAAE,CAAM;IAEtC,mGAAmG;IACnG,OAAO,CAAC,WAAW;IAcnB;;;OAGG;IACH,gBAAuB,oBAAoB,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAiC;IAE7G,kGAAkG;WACpF,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO;IAQvF,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAmBxB,YAAY,IAAI,IAAI;IAM3B,4CAA4C;IACrC,YAAY,IAAI,IAAI;IAI3B,yFAAyF;IAClF,YAAY,IAAI,IAAI;IAI3B,4CAA4C;IACrC,YAAY,IAAI,IAAI;IAIX,uBAAuB,IAAI,YAAY,GAAG,IAAI;yCAjGrD,4BAA4B;2CAA5B,4BAA4B;CA+GxC"}

package/dist/lib/components/plugins/video-artifact-viewer.component.js

@@ -52,7 +52,15 @@ function VideoArtifactViewerComponent_Conditional_3_Template(rf, ctx) { if (rf &
 let VideoArtifactViewerComponent = class VideoArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
     fileService = inject(ArtifactFileService);
     cdr = inject(ChangeDetectorRef);
-    videoUrl = '';
+    VideoUrl = '';
+    /** @deprecated Use {@link VideoUrl}. */
+    get videoUrl() {
+        return this.VideoUrl;
+    }
+    /** @deprecated Use {@link VideoUrl}. */
+    set videoUrl(value) {
+        this.VideoUrl = value;
+    }
     errorMessage = '';
     /**
      * Single-track input for the generic {@link MJMediaPlayerComponent}. Rebuilt whenever
@@ -62,7 +70,7 @@ let VideoArtifactViewerComponent = class VideoArtifactViewerComponent extends Ba
     MediaTracks = [];
     /** Set the resolved URL and recompute the single-element {@link MediaTracks} array in lockstep. */
     setVideoUrl(url) {
-        this.videoUrl = url;
+        this.VideoUrl = url;
         this.MediaTracks = url
             ? [
                 {
@@ -111,15 +119,23 @@ let VideoArtifactViewerComponent = class VideoArtifactViewerComponent extends Ba
         }
         this.cdr.markForCheck();
     }
-    onMediaError() {
+    OnMediaError() {
         this.errorMessage = 'The video could not be played. It may be corrupt or in an unsupported format.';
         this.setVideoUrl('');
         this.cdr.markForCheck();
     }
+    /** @deprecated Use {@link OnMediaError}. */
+    onMediaError() {
+        return this.OnMediaError();
+    }
     /** Fired when the generic player reaches the end of the track. No-op affordance hook. */
-    onMediaEnded() {
+    OnMediaEnded() {
         // Playback finished — nothing to persist for a one-shot artifact viewer.
     }
+    /** @deprecated Use {@link OnMediaEnded}. */
+    onMediaEnded() {
+        return this.OnMediaEnded();
+    }
     GetCurrentStateSnapshot() {
         if (!this.artifactVersion) {
             return null;

package/dist/lib/components/plugins/video-artifact-viewer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"video-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/video-artifact-viewer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectorRef, Component, inject, OnInit, Type } from '@angular/core';\nimport { DataSnapshot } from '@memberjunction/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';\nimport { ArtifactFileService } from '../../services/artifact-file.service';\nimport { IArtifactPreviewComponent } from '../../interfaces/artifact-viewer-plugin.interface';\nimport { VideoArtifactPreviewComponent } from '../previews/video-artifact-preview.component';\nimport { MJMediaPlayerComponent, MediaTrack } from '@memberjunction/ng-media-player';\n\n/**\n * Minimal full-size viewer plugin for video artifacts. Renders a `<video controls>` player that\n * fills the panel. Supports both storage modes:\n *   - `ContentMode === 'File'` — fetch a pre-auth URL from MJStorage via {@link ArtifactFileService}.\n *   - `ContentMode === 'Text'` — `Content` is a `data:<mime>;base64,…` URI, bound directly.\n *\n * Deliberately minimal — the richer inline experience lives in {@link VideoArtifactPreviewComponent}\n * (exposed via {@link previewComponentType}); this just needs to satisfy the required `componentType`.\n */\n@Component({\n    standalone: false,\n    selector: 'mj-video-artifact-viewer',\n    template: `\n        <div class=\"video-viewer\" [ngClass]=\"cssClass\">\n            @if (errorMessage) {\n                <div class=\"video-viewer__state video-viewer__state--error\">\n                    <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                    <span>{{ errorMessage }}</span>\n                </div>\n            } @else if (videoUrl) {\n                <mj-media-player class=\"video-viewer__player\" [Tracks]=\"MediaTracks\" (Ended)=\"onMediaEnded()\"></mj-media-player>\n            } @else {\n                <div class=\"video-viewer__state\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    <span>Loading video…</span>\n                </div>\n            }\n        </div>\n    `,\n    styles: [\n        `\n            :host {\n                display: block;\n                height: 100%;\n            }\n\n            .video-viewer {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                height: 100%;\n                padding: 16px;\n                background: var(--mj-bg-surface-sunken);\n            }\n\n            .video-viewer__player {\n                display: block;\n                width: 100%;\n                height: 100%;\n                max-width: 100%;\n                max-height: 100%;\n                border-radius: 4px;\n                background: var(--mj-bg-surface);\n            }\n\n            .video-viewer__state {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 12px;\n                color: var(--mj-text-muted);\n                font-size: 14px;\n            }\n\n            .video-viewer__state--error {\n                color: var(--mj-status-error-text);\n            }\n        `,\n    ],\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'VideoArtifactViewerPlugin')\nexport class VideoArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit {\n    private readonly fileService = inject(ArtifactFileService);\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    public videoUrl = '';\n    public errorMessage = '';\n\n    /**\n     * Single-track input for the generic {@link MJMediaPlayerComponent}. Rebuilt whenever\n     * {@link videoUrl} is (re)resolved via {@link setVideoUrl}; empty until a URL exists so the\n     * player shows its own empty state.\n     */\n    public MediaTracks: MediaTrack[] = [];\n\n    /** Set the resolved URL and recompute the single-element {@link MediaTracks} array in lockstep. */\n    private setVideoUrl(url: string): void {\n        this.videoUrl = url;\n        this.MediaTracks = url\n            ? [\n                  {\n                      Id: this.artifactVersion?.ID ?? 'video',\n                      Kind: 'video',\n                      Url: url,\n                      MimeType: this.artifactVersion?.MimeType ?? undefined,\n                  },\n              ]\n            : [];\n    }\n\n    /**\n     * Inline-preview component for video artifacts ({@link IArtifactViewerPluginPreviewStatics}).\n     * STATIC so the resolver reads it off the constructor without instantiating this DI-using component.\n     */\n    public static readonly PreviewComponentType: Type<IArtifactPreviewComponent> = VideoArtifactPreviewComponent;\n\n    /** Matches video artifacts by type name or `video/*` MIME. STATIC — drives preview resolution. */\n    public static CanHandlePreview(artifactTypeName: string, contentType?: string): boolean {\n        const mime = (contentType ?? '').toLowerCase();\n        if (mime.startsWith('video/')) {\n            return true;\n        }\n        return (artifactTypeName ?? '').trim().toLowerCase() === 'video';\n    }\n\n    public override get hasDisplayContent(): boolean {\n        return true;\n    }\n\n    async ngOnInit(): Promise<void> {\n        try {\n            if (this.artifactVersion?.ContentMode === 'File' && this.artifactVersion.ID) {\n                this.setVideoUrl(await this.fileService.getDownloadUrl(this.artifactVersion.ID));\n            } else {\n                const content = this.artifactVersion?.Content;\n                if (content) {\n                    this.setVideoUrl(content);\n                } else {\n                    this.errorMessage = 'This artifact has no video content.';\n                }\n            }\n        } catch (err) {\n            const detail = err instanceof Error ? err.message : String(err);\n            this.errorMessage = `Could not load video: ${detail}`;\n        }\n        this.cdr.markForCheck();\n    }\n\n    public onMediaError(): void {\n        this.errorMessage = 'The video could not be played. It may be corrupt or in an unsupported format.';\n        this.setVideoUrl('');\n        this.cdr.markForCheck();\n    }\n\n    /** Fired when the generic player reaches the end of the track. No-op affordance hook. */\n    public onMediaEnded(): void {\n        // Playback finished — nothing to persist for a one-shot artifact viewer.\n    }\n\n    public override GetCurrentStateSnapshot(): DataSnapshot | null {\n        if (!this.artifactVersion) {\n            return null;\n        }\n        const snap = new DataSnapshot();\n        snap.title = this.getDisplayTitle() ?? undefined;\n        snap.interpretation = `Video (${this.artifactVersion.MimeType ?? 'video'}).`;\n        snap.custom = {\n            mimeType: this.artifactVersion.MimeType ?? undefined,\n            fileName: this.artifactVersion.FileName ?? undefined,\n            contentMode: this.artifactVersion.ContentMode,\n        };\n        return snap;\n    }\n}\n"]}
+{"version":3,"file":"video-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/video-artifact-viewer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectorRef, Component, inject, OnInit, Type } from '@angular/core';\nimport { DataSnapshot } from '@memberjunction/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';\nimport { ArtifactFileService } from '../../services/artifact-file.service';\nimport { IArtifactPreviewComponent } from '../../interfaces/artifact-viewer-plugin.interface';\nimport { VideoArtifactPreviewComponent } from '../previews/video-artifact-preview.component';\nimport { MJMediaPlayerComponent, MediaTrack } from '@memberjunction/ng-media-player';\n\n/**\n * Minimal full-size viewer plugin for video artifacts. Renders a `<video controls>` player that\n * fills the panel. Supports both storage modes:\n *   - `ContentMode === 'File'` — fetch a pre-auth URL from MJStorage via {@link ArtifactFileService}.\n *   - `ContentMode === 'Text'` — `Content` is a `data:<mime>;base64,…` URI, bound directly.\n *\n * Deliberately minimal — the richer inline experience lives in {@link VideoArtifactPreviewComponent}\n * (exposed via {@link previewComponentType}); this just needs to satisfy the required `componentType`.\n */\n@Component({\n    standalone: false,\n    selector: 'mj-video-artifact-viewer',\n    template: `\n        <div class=\"video-viewer\" [ngClass]=\"cssClass\">\n            @if (errorMessage) {\n                <div class=\"video-viewer__state video-viewer__state--error\">\n                    <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                    <span>{{ errorMessage }}</span>\n                </div>\n            } @else if (videoUrl) {\n                <mj-media-player class=\"video-viewer__player\" [Tracks]=\"MediaTracks\" (Ended)=\"onMediaEnded()\"></mj-media-player>\n            } @else {\n                <div class=\"video-viewer__state\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    <span>Loading video…</span>\n                </div>\n            }\n        </div>\n    `,\n    styles: [\n        `\n            :host {\n                display: block;\n                height: 100%;\n            }\n\n            .video-viewer {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                height: 100%;\n                padding: 16px;\n                background: var(--mj-bg-surface-sunken);\n            }\n\n            .video-viewer__player {\n                display: block;\n                width: 100%;\n                height: 100%;\n                max-width: 100%;\n                max-height: 100%;\n                border-radius: 4px;\n                background: var(--mj-bg-surface);\n            }\n\n            .video-viewer__state {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 12px;\n                color: var(--mj-text-muted);\n                font-size: 14px;\n            }\n\n            .video-viewer__state--error {\n                color: var(--mj-status-error-text);\n            }\n        `,\n    ],\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'VideoArtifactViewerPlugin')\nexport class VideoArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit {\n    private readonly fileService = inject(ArtifactFileService);\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    public VideoUrl = '';\n\n    /** @deprecated Use {@link VideoUrl}. */\n    public get videoUrl() {\n        return this.VideoUrl;\n    }\n    /** @deprecated Use {@link VideoUrl}. */\n    public set videoUrl(value) {\n        this.VideoUrl = value;\n    }\n    public errorMessage = '';\n\n    /**\n     * Single-track input for the generic {@link MJMediaPlayerComponent}. Rebuilt whenever\n     * {@link videoUrl} is (re)resolved via {@link setVideoUrl}; empty until a URL exists so the\n     * player shows its own empty state.\n     */\n    public MediaTracks: MediaTrack[] = [];\n\n    /** Set the resolved URL and recompute the single-element {@link MediaTracks} array in lockstep. */\n    private setVideoUrl(url: string): void {\n        this.VideoUrl = url;\n        this.MediaTracks = url\n            ? [\n                  {\n                      Id: this.artifactVersion?.ID ?? 'video',\n                      Kind: 'video',\n                      Url: url,\n                      MimeType: this.artifactVersion?.MimeType ?? undefined,\n                  },\n              ]\n            : [];\n    }\n\n    /**\n     * Inline-preview component for video artifacts ({@link IArtifactViewerPluginPreviewStatics}).\n     * STATIC so the resolver reads it off the constructor without instantiating this DI-using component.\n     */\n    public static readonly PreviewComponentType: Type<IArtifactPreviewComponent> = VideoArtifactPreviewComponent;\n\n    /** Matches video artifacts by type name or `video/*` MIME. STATIC — drives preview resolution. */\n    public static CanHandlePreview(artifactTypeName: string, contentType?: string): boolean {\n        const mime = (contentType ?? '').toLowerCase();\n        if (mime.startsWith('video/')) {\n            return true;\n        }\n        return (artifactTypeName ?? '').trim().toLowerCase() === 'video';\n    }\n\n    public override get hasDisplayContent(): boolean {\n        return true;\n    }\n\n    async ngOnInit(): Promise<void> {\n        try {\n            if (this.artifactVersion?.ContentMode === 'File' && this.artifactVersion.ID) {\n                this.setVideoUrl(await this.fileService.getDownloadUrl(this.artifactVersion.ID));\n            } else {\n                const content = this.artifactVersion?.Content;\n                if (content) {\n                    this.setVideoUrl(content);\n                } else {\n                    this.errorMessage = 'This artifact has no video content.';\n                }\n            }\n        } catch (err) {\n            const detail = err instanceof Error ? err.message : String(err);\n            this.errorMessage = `Could not load video: ${detail}`;\n        }\n        this.cdr.markForCheck();\n    }\n\n    public OnMediaError(): void {\n        this.errorMessage = 'The video could not be played. It may be corrupt or in an unsupported format.';\n        this.setVideoUrl('');\n        this.cdr.markForCheck();\n    }\n\n    /** @deprecated Use {@link OnMediaError}. */\n    public onMediaError(): void {\n        return this.OnMediaError();\n    }\n\n    /** Fired when the generic player reaches the end of the track. No-op affordance hook. */\n    public OnMediaEnded(): void {\n        // Playback finished — nothing to persist for a one-shot artifact viewer.\n    }\n\n    /** @deprecated Use {@link OnMediaEnded}. */\n    public onMediaEnded(): void {\n        return this.OnMediaEnded();\n    }\n\n    public override GetCurrentStateSnapshot(): DataSnapshot | null {\n        if (!this.artifactVersion) {\n            return null;\n        }\n        const snap = new DataSnapshot();\n        snap.title = this.getDisplayTitle() ?? undefined;\n        snap.interpretation = `Video (${this.artifactVersion.MimeType ?? 'video'}).`;\n        snap.custom = {\n            mimeType: this.artifactVersion.MimeType ?? undefined,\n            fileName: this.artifactVersion.FileName ?? undefined,\n            contentMode: this.artifactVersion.ContentMode,\n        };\n        return snap;\n    }\n}\n"]}

package/dist/lib/components/plugins/xlsx-artifact-viewer.component.d.ts

@@ -20,19 +20,43 @@ export declare class XlsxArtifactViewerComponent extends BaseArtifactViewerPlugi
     private fileService;
     private cdr;
     isLoading: boolean;
-    isDownloading: boolean;
+    IsDownloading: boolean;
+    /** @deprecated Use {@link IsDownloading}. */
+    get isDownloading(): boolean;
+    /** @deprecated Use {@link IsDownloading}. */
+    set isDownloading(value: boolean);
     errorMessage: string;
-    sheets: SheetData[];
-    activeSheetIndex: number;
-    defaultColDef: ColDef;
+    Sheets: SheetData[];
+    /** @deprecated Use {@link Sheets}. */
+    get sheets(): SheetData[];
+    /** @deprecated Use {@link Sheets}. */
+    set sheets(value: SheetData[]);
+    ActiveSheetIndex: number;
+    /** @deprecated Use {@link ActiveSheetIndex}. */
+    get activeSheetIndex(): number;
+    /** @deprecated Use {@link ActiveSheetIndex}. */
+    set activeSheetIndex(value: number);
+    DefaultColDef: ColDef;
+    /** @deprecated Use {@link DefaultColDef}. */
+    get defaultColDef(): ColDef;
+    /** @deprecated Use {@link DefaultColDef}. */
+    set defaultColDef(value: ColDef);
     private gridApi;
     private downloadUrl;
     constructor(fileService: ArtifactFileService, cdr: ChangeDetectorRef);
     get hasDisplayContent(): boolean;
+    get ActiveSheet(): SheetData | null;
+    /** @deprecated Use {@link ActiveSheet}. */
     get activeSheet(): SheetData | null;
     ngOnInit(): Promise<void>;
+    OnGridReady(event: GridReadyEvent): void;
+    /** @deprecated Use {@link OnGridReady}. */
     onGridReady(event: GridReadyEvent): void;
+    SelectSheet(index: number): void;
+    /** @deprecated Use {@link SelectSheet}. */
     selectSheet(index: number): void;
+    OnDownload(): Promise<void>;
+    /** @deprecated Use {@link OnDownload}. */
     onDownload(): Promise<void>;
     private loadWorkbook;
     private parseWorkbook;

package/dist/lib/components/plugins/xlsx-artifact-viewer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"xlsx-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/xlsx-artifact-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,YAAY,EAAiC,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAW,MAAM,mBAAmB,CAAC;;AAEpE,mDAAmD;AACnD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;IAC5D,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED;;;;;GAKG;AACH,qBA6Ia,2BAA4B,SAAQ,iCAAkC,YAAW,MAAM;IAYhG,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,GAAG;IAZN,SAAS,UAAQ;IACjB,aAAa,UAAS;IACtB,YAAY,SAAM;IAClB,MAAM,EAAE,SAAS,EAAE,CAAM;IACzB,gBAAgB,SAAK;IACrB,aAAa,EAAE,MAAM,CAAmE;IAE/F,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,WAAW,CAAM;gBAGf,WAAW,EAAE,mBAAmB,EAChC,GAAG,EAAE,iBAAiB;IAKhC,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;IAED,IAAW,WAAW,IAAI,SAAS,GAAG,IAAI,CAEzC;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxB,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAKxC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO1B,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;YAgB1B,YAAY;IAsC1B,OAAO,CAAC,aAAa;YAmBP,kBAAkB;IAQhC,OAAO,CAAC,SAAS;IAMD,uBAAuB,IAAI,YAAY,GAAG,IAAI;yCAjInD,2BAA2B;2CAA3B,2BAA2B;CA0JvC"}
+{"version":3,"file":"xlsx-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/xlsx-artifact-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,YAAY,EAAiC,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAW,MAAM,mBAAmB,CAAC;;AAEpE,mDAAmD;AACnD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;IAC5D,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED;;;;;GAKG;AACH,qBA6Ia,2BAA4B,SAAQ,iCAAkC,YAAW,MAAM;IAgDhG,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,GAAG;IAhDN,SAAS,UAAQ;IACjB,aAAa,UAAS;IAE7B,6CAA6C;IAC7C,IAAW,aAAa,YAEvB;IACD,6CAA6C;IAC7C,IAAW,aAAa,CAAC,KAAK,SAAA,EAE7B;IACM,YAAY,SAAM;IAClB,MAAM,EAAE,SAAS,EAAE,CAAM;IAEhC,sCAAsC;IACtC,IAAW,MAAM,IAAI,SAAS,EAAE,CAE/B;IACD,sCAAsC;IACtC,IAAW,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,EAEnC;IACM,gBAAgB,SAAK;IAE5B,gDAAgD;IAChD,IAAW,gBAAgB,WAE1B;IACD,gDAAgD;IAChD,IAAW,gBAAgB,CAAC,KAAK,QAAA,EAEhC;IACM,aAAa,EAAE,MAAM,CAAmE;IAE/F,6CAA6C;IAC7C,IAAW,aAAa,IAAI,MAAM,CAEjC;IACD,6CAA6C;IAC7C,IAAW,aAAa,CAAC,KAAK,EAAE,MAAM,EAErC;IAED,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,WAAW,CAAM;gBAGf,WAAW,EAAE,mBAAmB,EAChC,GAAG,EAAE,iBAAiB;IAKhC,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;IAED,IAAW,WAAW,IAAI,SAAS,GAAG,IAAI,CAEzC;IAED,2CAA2C;IAC3C,IAAW,WAAW,IAAI,SAAS,GAAG,IAAI,CAEzC;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxB,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAK/C,2CAA2C;IACpC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAIxC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOvC,2CAA2C;IACpC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI1B,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAcxC,0CAA0C;IAC7B,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;YAM1B,YAAY;IAsC1B,OAAO,CAAC,aAAa;YAmBP,kBAAkB;IAQhC,OAAO,CAAC,SAAS;IAMD,uBAAuB,IAAI,YAAY,GAAG,IAAI;yCAzLnD,2BAA2B;2CAA3B,2BAA2B;CAkNvC"}