@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/solution-configuration.js.map

@@ -1 +0,0 @@
-{"file":"solution-configuration.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AAEA;;;;;;;SAOgB,iBAAiB,CAC/B,SAA0B;EAE1B,MAAM,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;EAC9C,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG;IACrC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAClB,OAAO,IAAI,CAAC;GACb,EAAE,EAAE,CAAC,CAAC;EACP,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG;IAChC,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;MAChC,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC;MACpE,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;KACjF;IACD,OAAO,IAAI,CAAC;GACb,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAED;;;;;;;SAOgB,gBAAgB,CAC9B,SAA0B;EAE1B,MAAM,SAAS,GAAG,EAAE,CAAC;;EAGrB,SAAS,qBAAqB,CAAC,SAAS,EAAE,EAAE;IAC1C,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,QAAQ,KAAK,EAAE,KAAK,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5E,OAAO,SAAS,IAAI,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;GACrD;;EAGD,SAAS,WAAW,CAAC,EAAE,EAAE,oBAAoB,EAAE,iBAAiB,GAAG,EAAE;;IAEnE,MAAM,QAAQ,GAAG,qBAAqB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;;IAEtD,IAAI,QAAQ,EAAE;MACZ,MAAM,aAAa,GAAG;QACpB,EAAE;QACF,YAAY,EAAE,EAAE;OACjB,CAAC;;;MAIF,IAAI,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE;;QAErC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAE3B,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,YAAY;;UAEzC,MAAM,mBAAmB,GAAG,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;;UAElE,IAAI,mBAAmB,IAAI,CAAC,EAAE;YAC5B,eAAe,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;WAChD;UAED,WAAW,CAAC,YAAY,EAAE,aAAa,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;SAC1E,CAAC,CAAC;OACJ;MACD,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC1C;GACF;;EAGD,IAAI,eAAe,GAAa,mBAAmB,CAAC,SAAS,CAAC,CAAC;EAE/D,MAAM,UAAU,GAAG,SAAS;KACzB,MAAM,CAAC,CAAC,QAAQ,KAAK,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;KAClE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;EAEjE,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;;EAGxF,IAAI,MAAM,GAAG,eAAe,CAAC,KAAK,EAAE,CAAC;EACrC,OAAO,OAAO,MAAM,KAAK,WAAW,EAAE;IACpC,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC/B,MAAM,GAAG,eAAe,CAAC,KAAK,EAAE,CAAC;GAClC;EAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;;;;;SAQgB,oBAAoB,CAClC,SAAgB,EAChB,YAAiB;EAEjB,MAAM,IAAI,GAAoB,EAAE,CAAC;EACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IACjB,MAAM,IAAI,GAAG;MACX,EAAE,EAAE,CAAC,CAAC,MAAM;MACZ,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;MAClC,IAAI,EAAE,CAAC,CAAC,IAAI;MACZ,KAAK,EAAE,SAAS;MAChB,YAAY,EAAE,CAAC;UACb,EAAE,EAAE,CAAC,CAAC,MAAM;UACZ,KAAK,EAAE,YAAY,CAAC,MAAM;UAC1B,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,WAAW;SAChC,CAAC;KACH,CAAC;IACF,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;MACd,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACrB,EAAE,EAAE,CAAC,CAAC,MAAM;QACZ,KAAK,EAAE,YAAY,CAAC,GAAG;QACvB,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,QAAQ;OAC7B,CAAC,CAAC;KACJ;IACD,IAAI,CAAC,CAAC,IAAI,KAAK,iBAAiB,EAAE;;;MAGhC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACrB,EAAE,EAAE,CAAC,CAAC,MAAM;QACZ,KAAK,EAAE,YAAY,CAAC,cAAc;QAClC,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,mBAAmB;OACxC,CAAC,CAAA;MACF,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;MACrE,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;KACtE;IACD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GACjB,CAAC,CAAA;EAEF,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;;SAOgB,wBAAwB,CACtC,YAAiB;EAEjB,MAAM,OAAO,GAAgC,CAAC;MAC5C,EAAE,EAAE,EAAE;MACN,KAAK,EAAE,YAAY,CAAC,UAAU;MAC9B,KAAK,EAAE,8DAA8D;KACtE,EAAE;MACD,EAAE,EAAE,EAAE;MACN,KAAK,EAAE,YAAY,CAAC,WAAW;MAC/B,KAAK,EAAE,8CAA8C;KACtD,EAAE;MACD,EAAE,EAAE,EAAE;MACN,KAAK,EAAE,YAAY,CAAC,aAAa;MACjC,KAAK,EAAE,mBAAmB;KAC3B,EAAE;MACD,EAAE,EAAE,EAAE;MACN,KAAK,EAAE,YAAY,CAAC,QAAQ;MAC5B,KAAK,EAAE,2CAA2C;KACnD,EAAE;MACD,EAAE,EAAE,EAAE;MACN,KAAK,EAAE,YAAY,CAAC,kBAAkB;MACtC,KAAK,EAAE,wBAAwB;KAChC,CAAC,CAAC;EACH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;AAUA,SAAS,kBAAkB,CACzB,QAAe,EACf,IAAS,EACT,QAAa,EACb,YAAiB;EAEjB,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChB,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC;IAE3G,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;MACrB,EAAE,EAAE,QAAQ,CAAC,MAAM;MACnB,KAAK,EAAE,GAAG,IAAI,KAAK,YAAY,CAAC,EAAE,GAAG;MACrC,KAAK,EAAE,KAAK,QAAQ,CAAC,MAAM,SAAS,CAAC,CAAC,EAAE,OAAO;KAChD,CAAC,CAAC;IACH,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;MACrB,EAAE,EAAE,QAAQ,CAAC,MAAM;MACnB,KAAK,EAAE,GAAG,IAAI,KAAK,YAAY,CAAC,IAAI,GAAG;MACvC,KAAK,EAAE,KAAK,QAAQ,CAAC,MAAM,SAAS,CAAC,CAAC,EAAE,UAAU,IAAI,IAAI;KAC3D,CAAC,CAAC;GACJ,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;;AASA,SAAS,oBAAoB,CAC3B,QAAa,EACb,SAAgB,EAChB,YAAmB;EAEnB,OAAO;IACL,EAAE,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;IACzB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;IAChC,YAAY,EAAE,gBAAgB,CAAC,YAAY,EAAE,SAAS,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE;IAC9B,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE;;;;;;;;;;GAU/C,CAAC;AACJ,CAAC;AAED;;;;;;;;AAQA,SAAS,gBAAgB,CACvB,YAAmB,EACnB,SAAgB;EAEhB,MAAM,eAAe,GAAG,EAAE,CAAC;EAC3B,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG;IAC3C,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;IACjB,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACzB,OAAO,IAAI,CAAC;GACb,EAAE,EAAE,CAAC,CAAC;EACP,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI;IACjC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;MACV,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;KACnF;IACD,OAAO,IAAI,CAAC;GACb,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAED;;;;;;;;;AASA;;;;;;;;;;;;;;;AAgBA;;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;AAqBA;;;;;;;AAOA;;;;;;;;AASA;;;;;;;AAOA,SAAS,mBAAmB,CAAC,SAA0B;;EAErD,MAAM,wBAAwB,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,MAAM,CAAC,CAAC;EAC9E,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ;IACzB,CAAC,QAAQ,CAAC,YAAY,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC,YAAY;MACjD,MAAM,KAAK,GAAG,wBAAwB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;MAC7D,IAAI,KAAK,IAAI,CAAC,EAAE;;;QAGd,wBAAwB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;OAC3C;KACF,CAAC,CAAC;GACJ,CAAC,CAAC;EACH,OAAO,wBAAwB,CAAC;AAClC;;ACpZA,MAAM,wBAAwB,GAAG,o2BAAo2B;;MC8Bx3BA,uBAAqB;;;;;;EAyChC;;;IA8IU,6BAAwB,GAAG,KAAK,CAAC;IAEjC,8BAAyB,GAAG,KAAK,CAAC;IAElC,6BAAwB,GAAG,KAAK,CAAC;IAEjC,aAAQ,GAAG,KAAK,CAAC;;0BArK8B,EAAE;uBASL,KAAK;8BA4HnB,EAAE;kCAEE,EAAE;;6BAIP,KAAK;8BAEJ,EAAE;8BAKgB,EAAE;;qBAW7B,IAAI;IA3IjC,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAE7C,MAAM,CAAC,gBAAgB,CAAC,yBAAyB,EAC/C,CAAC,GAAG;MACF,IAAI,CAAC,kBAAkB,CACrB,IAAI,CAAC,wBAAwB,GAAI,GAAW,CAAC,MAAM,EAAE,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;KACvH,CACF,CAAC;IACF,MAAM,CAAC,gBAAgB,CAAC,0BAA0B,EAChD,CAAC,GAAG;MACF,IAAI,CAAC,kBAAkB,CACrB,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,yBAAyB,GAAI,GAAW,CAAC,MAAM,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;KACvH,CACF,CAAC;IACF,MAAM,CAAC,gBAAgB,CAAC,yBAAyB,EAC/C,CAAC,GAAG;MACF,IAAI,CAAC,kBAAkB,CACrB,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,wBAAwB,GAAI,GAAW,CAAC,MAAM,CAAC,CAAC;KACvH,CACF,CAAC;GACH;EApCwB,MAAM,iBAAiB;IAC9C,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;GAC/C;;;;;;EAyCD,MAAM,iBAAiB;IACrB,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAChC;;;;EAKD,MAAM;IACJ,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC,EAAE,kBAAkB,CAAC,CAAC;IACrF,MAAM,WAAW,GAAY,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9E,QACE,EAAC,IAAI,QAED,CAAC,IAAI,CAAC,iBAAiB;QACnB,sBAAgB,MAAM,QAAC,KAAK,EAAC,EAAE,GAAG;QAClC,IAAI,EAEV,WAAK,KAAK,EAAC,yBAAyB,IAClC,WAAK,KAAK,EAAC,eAAe,IACxB,oBAAc,KAAK,EAAC,aAAa,IAC/B,uBAAiB,IAAI,EAAC,SAAS,IAC7B,6BAAoB,IAAI,CAAC,aAAa,CAAC,aAAa,CAAqB,EACxE,WAAW;MACV,6BAAoB,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAqB;MAC/E,IAAI,CAEU,EAClB,mBAAa,MAAM,QAAC,KAAK,EAAC,YAAY,IACpC,WAAK,KAAK,EAAC,iBAAiB,IAC1B,WAAK,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,kBAAkB,GAAG,uBAAuB,IACvE,yBACE,EAAE,EAAC,iBAAiB,EACpB,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,WAAW,EACtC,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,0BAA0B,GAAG,EAAE,CAAC,GACnD,CACE,EACN,sBACE,UAAU,EAAC,aAAa,EACxB,KAAK,EAAC,cAAc,gBACR,IAAI,CAAC,SAAS,GAAG,eAAe,GAAG,gBAAgB,EAC/D,EAAE,EAAC,eAAe,EAClB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACjC,KAAK,EAAC,GAAG,EACT,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAC/E,EACF,WAAK,KAAK,EAAC,aAAa,IACtB,qBACE,cAAc,EAAE,IAAI,CAAC,cAAc,aAC1B,IAAI,CAAC,kBAAkB,EAChC,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,OAAO,4BACV,IAAI,CAAC,sBAAsB,sBACjC,IAAI,CAAC,cAAc,wBACjB,IAAI,CAAC,kBAAkB,GAC3C,CACE,CACF,CACM,EAEZ,WAAW;QACP,mBAAa,KAAK,EAAC,YAAY,IAC7B,WAAK,KAAK,EAAC,iBAAiB,IAC1B,4BACE,WAAW,EAAE,IAAI,EACjB,EAAE,EAAC,gCAAgC,EACnC,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,cAAc,EACzC,MAAM,EAAE,CAAC,IAAI,EACb,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,GAClE,CACE,CACM;QACd,IAAI,CAEG,CACX,CACF,CACD,EACP;GACH;;;;;;EAoDD,qBAAqB,CAAC,KAAkB;IACtC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC;GACxC;;;;;;;;;;;;;;;;;EAsBD,MAAM,uBAAuB;IAC3B,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC;GACpE;;;;;;;EAUD,MAAM,YAAY;IAChB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IAC/B,MAAM,KAAK,CAAC,YAAY,EAAE,CAAC;IAC3B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;GAC5B;EAGD,MAAM,cAAc;IAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;GAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDS,UAAU;IAClB,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAExD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAACC,oBAA0B,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IACjH,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,SAAS,CAACC,wBAA8B,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAEjG,IAAI,CAAC,kBAAkB,GAAG,CAAC,GAAGC,iBAAuB,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IAE/E,IAAI,IAAI,CAAC,0BAA0B,EAAE;MACnC,IAAI,CAAC,0BAA0B,CAAC,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAAC;KAC7E;IAED,IAAI,SAA4B,CAAC;IACjC,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;;MAEtC,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KAC9D;IACD,IAAI,CAAC,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC;GAC7D;;;;;;;;;;EAWS,MAAM,aAAa,CAAC,cAAsB;IAClD,IAAI,cAAc,EAAE;MAClB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;MAC/B,MAAM,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;MAC9D,IAAI,CAAC,UAAU,EAAE,CAAC;MAClB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;KAC/B;SAAM;MACL,IAAI,CAAC,MAAM,EAAE,CAAC;KACf;IACD,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;GAC1B;;;;;;EAOS,MAAM;IACd,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;IAC7B,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;IACjC,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;IAC7B,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;GAC9B;;;;;;EAOS,WAAW;IACnB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;GAClC;;;;;;;;;;;EAYS,kBAAkB,CAC1B,uBAAgC,EAChC,wBAAiC,EACjC,uBAAgC;IAEhC,MAAM,iBAAiB,GAAG,CAAC,uBAAuB,IAAI,wBAAwB,KAAK,CAAC,uBAAuB,CAAC;IAE5G,IAAI,IAAI,CAAC,QAAQ,KAAK,iBAAiB,EAAE;MACvC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE;QACtD,MAAM,EAAE,iBAAiB;QACzB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,IAAI;OACf,CAAC,CAAC,CAAC;KACL;IAED,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC;GACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyTS,MAAM,gBAAgB;IAC9B,MAAM,YAAY,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9D,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,CAAqC,CAAC;GAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SolutionConfiguration","utils.getSolutionVariables","utils.getOrganizationVariables","utils.getInventoryItems"],"sources":["./src/utils/templates.ts","./src/components/solution-configuration/solution-configuration.scss?tag=solution-configuration","./src/components/solution-configuration/solution-configuration.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n/*\r\n | Helper functions to get required values from solutions templates\r\n*/\r\nimport {\r\n  //EUpdateType,\r\n  IInventoryItem,\r\n  //IItemDetails,\r\n  //IItemShare,\r\n  IOrganizationVariableItem,\r\n  //IResourcePath,\r\n  //SolutionModels,\r\n  //ISolutionSpatialReferenceInfo,\r\n  IVariableItem\r\n} from '../utils/interfaces';\r\nimport {\r\n  IItemTemplate\r\n} from '@esri/solution-common';\r\n\r\n//--------------------------------------------------------------------------\r\n//\r\n//  Public Functions\r\n//\r\n//--------------------------------------------------------------------------\r\n\r\n/**\r\n * Sort the solution items\r\n *\r\n * @param templates a list of item templates from the solution\r\n *\r\n * @returns a sorted list of solution items\r\n */\r\nexport function getInventoryItems(\r\n  templates: IItemTemplate[]\r\n): IInventoryItem[] {\r\n  const hierarchy = getItemHierarchy(templates);\r\n  const ids = hierarchy.reduce((prev, cur) => {\r\n    prev.push(cur.id);\r\n    return prev;\r\n  }, []);\r\n  return templates.reduce((prev, cur) => {\r\n    if (ids.indexOf(cur.itemId) > -1) {\r\n      const hierarchyItems = hierarchy.filter(hi => hi.id === cur.itemId);\r\n      prev.push(_getItemFromTemplate(cur, templates, hierarchyItems[0].dependencies));\r\n    }\r\n    return prev;\r\n  }, []);\r\n}\r\n\r\n/**\r\n * Create item hierarchy that will avoid issues from cylical dependencies\r\n *\r\n * @param templates a list of item templates from the solution\r\n *\r\n * @returns a hierarchy for item and item dependency display\r\n */\r\nexport function getItemHierarchy(\r\n  templates: IItemTemplate[]\r\n): any[] {\r\n  const hierarchy = [];\r\n\r\n  // Get the template specified by id out of a list of templates\r\n  function getTemplateInSolution(templates, id): any {\r\n    const iTemplate = templates.findIndex((template) => id === template.itemId);\r\n    return iTemplate >= 0 ? templates[iTemplate] : null;\r\n  }\r\n\r\n  // Hierarchically list the dependencies of specified node\r\n  function traceItemId(id, accumulatedHierarchy, alreadyVisitedIds = []): void {\r\n    // Get the dependencies of the node\r\n    const template = getTemplateInSolution(templates, id);\r\n    /* istanbul ignore else */\r\n    if (template) {\r\n      const templateEntry = {\r\n        id,\r\n        dependencies: []\r\n      };\r\n\r\n      // Visit each dependency, but only if this template is not in the alreadyVisitedIds list to avoid infinite loops\r\n      /* istanbul ignore else */\r\n      if (alreadyVisitedIds.indexOf(id) < 0) {\r\n        // Add dependency to alreadyVisitedIds list\r\n        alreadyVisitedIds.push(id);\r\n\r\n        template.dependencies.forEach((dependencyId) => {\r\n          // Remove dependency from list of templates to visit in the top-level loop\r\n          const iDependencyTemplate = templateItemIds.indexOf(dependencyId);\r\n          /* istanbul ignore else */\r\n          if (iDependencyTemplate >= 0) {\r\n            templateItemIds.splice(iDependencyTemplate, 1);\r\n          }\r\n\r\n          traceItemId(dependencyId, templateEntry.dependencies, alreadyVisitedIds);\r\n        });\r\n      }\r\n      accumulatedHierarchy.push(templateEntry);\r\n    }\r\n  }\r\n\r\n  // Start with top-level nodes and add in the rest of the nodes to catch cycles without top-level nodes\r\n  let templateItemIds: string[] = _getTopLevelItemIds(templates);\r\n\r\n  const otherItems = templates\r\n    .filter((template) => templateItemIds.indexOf(template.itemId) < 0) // only keep non-top-level nodes\r\n    .sort((a, b) => b.dependencies.length - a.dependencies.length); // sort so that nodes with more dependencies come first--reduces stubs\r\n\r\n  templateItemIds = templateItemIds.concat(otherItems.map((template) => template.itemId));\r\n\r\n  // Step through the list of nodes; we'll also remove nodes as we visit them\r\n  let itemId = templateItemIds.shift();\r\n  while (typeof itemId !== \"undefined\") {\r\n    traceItemId(itemId, hierarchy);\r\n    itemId = templateItemIds.shift();\r\n  }\r\n\r\n  return hierarchy;\r\n}\r\n\r\n/**\r\n * Explore the solution item templates for variables we will allow users to insert at runtime\r\n *\r\n * @param templates a list of item templates from the solution\r\n * @param translations nls translation object\r\n *\r\n * @returns a list of variables from the solution item templates\r\n */\r\nexport function getSolutionVariables(\r\n  templates: any[],\r\n  translations: any\r\n): IVariableItem[] {\r\n  const vars: IVariableItem[] = [];\r\n  templates.forEach(t => {\r\n    const item = {\r\n      id: t.itemId,\r\n      title: t.item.title || t.item.name,\r\n      type: t.type,\r\n      value: undefined,\r\n      dependencies: [{\r\n        id: t.itemId,\r\n        title: translations.itemId,\r\n        value: `{{${t.itemId}.itemId}}`,\r\n      }]\r\n    };\r\n    if (t.item.url) {\r\n      item.dependencies.push({\r\n        id: t.itemId,\r\n        title: translations.url,\r\n        value: `{{${t.itemId}.url}}`,\r\n      });\r\n    }\r\n    if (t.type === \"Feature Service\") {\r\n      // TODO need to set source service name var...\r\n      // TODO need to set soure service shape field name \"{{d05b3cf1ffcb4a4fa677627dfb18609e.name}}.Shape\"\r\n      item.dependencies.push({\r\n        id: t.itemId,\r\n        title: translations.solutionExtent,\r\n        value: `{{${t.itemId}.solutionExtent}}`,\r\n      })\r\n      _addLayersOrTables(t.properties.layers || [], item, t, translations);\r\n      _addLayersOrTables(t.properties.tables || [], item, t, translations);\r\n    }\r\n    vars.push(item);\r\n  })\r\n\r\n  return vars;\r\n}\r\n\r\n/**\r\n * Set key organization variables we will allow users to insert at runtime\r\n *\r\n * @param translations nls translation object\r\n *\r\n * @returns a list of variables for the organization\r\n */\r\nexport function getOrganizationVariables(\r\n  translations: any\r\n): IOrganizationVariableItem[] {\r\n  const orgVars: IOrganizationVariableItem[] = [{\r\n    id: \"\",\r\n    title: translations.geocodeUrl,\r\n    value: \"{{organization.helperServices.geocode:getDefaultLocatorURL}}\"\r\n  }, {\r\n    id: \"\",\r\n    title: translations.geometryUrl,\r\n    value: \"{{organization.helperServices.geometry.url}}\"\r\n  }, {\r\n    id: \"\",\r\n    title: translations.portalBaseUrl,\r\n    value: \"{{portalBaseUrl}}\"\r\n  }, {\r\n    id: \"\",\r\n    title: translations.routeUrl,\r\n    value: \"{{organization.helperServices.route.url}}\"\r\n  }, {\r\n    id: \"\",\r\n    title: translations.solutionItemExtent,\r\n    value: \"{{solutionItemExtent}}\"\r\n  }];\r\n  return orgVars;\r\n}\r\n\r\n//--------------------------------------------------------------------------\r\n//\r\n//  Private Functions\r\n//\r\n//--------------------------------------------------------------------------\r\n\r\n/**\r\n * Explore a solution item template for variables we will allow users to insert at runtime.\r\n * This function will update the item argument that is passed in with the var details.\r\n *\r\n * @param children a list of layers or tables from a template\r\n * @param item an object that store key details for a given variable\r\n * @param template one of the templates from the current solution\r\n * @param translations nls translations object\r\n *\r\n */\r\nfunction _addLayersOrTables(\r\n  children: any[],\r\n  item: any,\r\n  template: any,\r\n  translations: any\r\n): void {\r\n  children.forEach(l => {\r\n    const name = l.name && l.name.indexOf(\"||\") > -1 ? l.name.split(\"||\")[1].replace(\"}}\", \"\").trim() : l.name;\r\n\r\n    item.dependencies.push({\r\n      id: template.itemId,\r\n      title: `${name} (${translations.id})`,\r\n      value: `{{${template.itemId}.layer${l.id}.id}}`,\r\n    });\r\n    item.dependencies.push({\r\n      id: template.itemId,\r\n      title: `${name} (${translations.name})`,\r\n      value: `{{${template.itemId}.layer${l.id}.name||${name}}}`,\r\n    });\r\n  });\r\n}\r\n\r\n/**\r\n * Capture key details from the solution item template\r\n *\r\n * @param template one of the templates from the current solution\r\n * @param templates full list of templates\r\n * @param dependencies list of hierarchical dependencies\r\n *\r\n * @returns an IInventoryItem that is used by other components to work with this template\r\n */\r\nfunction _getItemFromTemplate(\r\n  template: any,\r\n  templates: any[],\r\n  dependencies: any[]\r\n): IInventoryItem {\r\n  return {\r\n    id: template.itemId || \"\",\r\n    title: template.item.title || \"\",\r\n    dependencies: _getDependencies(dependencies, templates),\r\n    type: template.item.type || \"\",\r\n    typeKeywords: template.item.typeKeywords || []/*,\r\n    solutionItem: {\r\n      itemId: template.itemId,\r\n      itemDetails: _getItemDetails(template.item, template.type === \"Group\"),\r\n      isResource: _getIsResource(template),\r\n      data: template.data,\r\n      properties: template.properties,\r\n      type: template.type,\r\n      groupDetails: _getGroupDetails(template, templates)\r\n    }*/\r\n  };\r\n}\r\n\r\n/**\r\n * Capture key details from the solution item template\r\n *\r\n * @param dependencies list of dependencies from a template\r\n * @param templates full list of templates\r\n *\r\n * @returns a list of IInventoryItem that are used by other components to work with the templates\r\n */\r\nfunction _getDependencies(\r\n  dependencies: any[],\r\n  templates: any[]\r\n): IInventoryItem[] {\r\n  const dependencyItems = [];\r\n  const depIds = dependencies.reduce((prev, cur) => {\r\n    prev.push(cur.id)\r\n    dependencyItems.push(cur)\r\n    return prev;\r\n  }, []);\r\n  return templates.reduce((prev, curr) => {\r\n    const i = depIds.indexOf(curr.itemId);\r\n    if (i > -1) {\r\n      prev.push(_getItemFromTemplate(curr, templates, dependencyItems[i].dependencies));\r\n    }\r\n    return prev;\r\n  }, []);\r\n}\r\n\r\n/**\r\n * Capture the key item details for a given template\r\n *\r\n * @param item the templates item\r\n * @param isGroup boolean to indicate if the item is a group\r\n * @param itemId the item id of the template\r\n *\r\n * @returns a IItemDetails object for the current item\r\n */\r\n/*\r\nfunction _getItemDetails(\r\n  item: any,\r\n  isGroup: boolean\r\n): IItemDetails {\r\n  return {\r\n    title: item.title || \"\",\r\n    snippet: item.snippet || \"\",\r\n    description: item.description || \"\",\r\n    tags: item.tags || [],\r\n    accessInformation: !isGroup ? item.accessInformation || \"\" : \"\",\r\n    licenseInfo: !isGroup ? item.licenseInfo || \"\" : \"\"\r\n  };\r\n}\r\n*/\r\n\r\n/**\r\n * Capture the key item details for a given group template\r\n *\r\n * @param template one of the templates from the current solution\r\n * @param templates full list of templates\r\n *\r\n * @returns a list of IItemShare objects\r\n */\r\n/*\r\nfunction _getGroupDetails(\r\n  template: any,\r\n  templates: any[]\r\n): IItemShare[] {\r\n  return template.type === \"Group\" ? templates.reduce((prev, cur) => {\r\n    if (cur.itemId !== template.itemId && cur.type !== \"Group\") {\r\n      prev.push({\r\n        id: cur.itemId,\r\n        title: cur.item.name || cur.item.title,\r\n        isShared: (cur.groups || []).indexOf(template.itemId) > -1,\r\n        shareItem: (cur.groups || []).indexOf(template.itemId) > -1,\r\n        type: cur.type,\r\n        typeKeywords: cur.item.typeKeywords\r\n      });\r\n    }\r\n    return prev;\r\n  }, []) : [];\r\n}\r\n*/\r\n\r\n/**\r\n * Used to understand if we are dealing with a binary object that will support upload/download\r\n *\r\n * @param template one of the templates from the current solution\r\n *\r\n * @returns true if this item supports upload/download\r\n */\r\n/*\r\nfunction _getIsResource(\r\n  template: any\r\n): boolean {\r\n  return template.type !== \"Group\" && template.resources.some(r => r.indexOf(\"_info_thumbnail\") < 0) &&\r\n    (template.data === null || JSON.stringify(template.data) === \"{}\");\r\n}\r\n*/\r\n\r\n/**\r\n * Sort the template ids based on their dependencies\r\n *\r\n * @param templates full list of templates\r\n *\r\n * @returns a list of Itop level item ids\r\n */\r\nfunction _getTopLevelItemIds(templates: IItemTemplate[]): string[] {\r\n  // Find the top-level nodes. Start with all nodes, then remove those that other nodes depend on\r\n  const topLevelItemCandidateIds = templates.map((template) => template.itemId);\r\n  templates.forEach((template) => {\r\n    (template.dependencies || []).forEach((dependencyId) => {\r\n      const iNode = topLevelItemCandidateIds.indexOf(dependencyId);\r\n      if (iNode >= 0) {\r\n        // Node is somebody's dependency, so remove the node from the list of top-level nodes\r\n        // If iNode == -1, then it's a shared dependency and it has already been removed\r\n        topLevelItemCandidateIds.splice(iNode, 1);\r\n      }\r\n    });\r\n  });\r\n  return topLevelItemCandidateIds;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n.configuration-container {\r\n  @apply w-full\r\n    h-full\r\n    relative;\r\n}\r\n\r\n.configuration {\r\n  @apply absolute\r\n    top-0\r\n    right-0\r\n    bottom-0\r\n    left-0\r\n    flex\r\n    p-2\r\n    border-lightgray;\r\n}\r\n\r\n.config-tabs {\r\n  @apply w-full;\r\n}\r\n\r\n.config-tab {\r\n  @apply w-full;\r\n}\r\n\r\n.config-solution {\r\n  @apply\r\n    absolute\r\n    top-14\r\n    -right-px\r\n    -bottom-px\r\n    -left-px\r\n    flex\r\n    p-2;\r\n}\r\n\r\n.config-inventory {\r\n  @apply inline\r\n    flex-grow-0\r\n    overflow-y-auto\r\n    max-w-min;\r\n}\r\n\r\n.config-inventory-hide {\r\n  @apply flex-grow-0\r\n    overflow-y-auto\r\n    max-w-min\r\n    hidden;\r\n}\r\n\r\n.config-item {\r\n  @apply inline\r\n    flex-grow\r\n    overflow-y-auto\r\n    relative\r\n    m-inline-start-2;\r\n}\r\n\r\nsolution-contents {\r\n  @apply relative\r\n    h-full;\r\n}\r\n\r\nsolution-item {\r\n  @apply relative\r\n    h-full;\r\n}\r\n\r\nsolution-spatial-ref {\r\n  @apply w-full\r\n    h-full\r\n    relative\r\n    overflow-y-auto;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, h, Host, Listen, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\r\nimport { IInventoryItem, IItemTemplateEdit, ISolutionSpatialReferenceInfo } from \"../../utils/interfaces\";\r\nimport * as utils from \"../../utils/templates\";\r\nimport state from \"../../utils/solution-store\";\r\nimport { getProp, UserSession } from \"@esri/solution-common\";\r\nimport \"@esri/calcite-components\";\r\nimport SolutionConfiguration_T9n from \"../../assets/t9n/solution-configuration/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: \"solution-configuration\",\r\n  styleUrl: \"solution-configuration.scss\",\r\n  shadow: false\r\n})\r\nexport class SolutionConfiguration {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionConfigurationElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Credentials for requests\r\n   */\r\n  @Prop({ mutable: true }) authentication: UserSession;\r\n\r\n  /**\r\n   * Contains the current solution item id\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) solutionItemId = \"\";\r\n\r\n  @Watch(\"solutionItemId\") async valueWatchHandler(): Promise<void> {\r\n    await this._loadSolution(this.solutionItemId);\r\n  }\r\n\r\n  /**\r\n  * Used to show/hide loading indicator\r\n  */\r\n  @Prop({ mutable: true, reflect: true }) showLoading = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  constructor() {\r\n    void this._loadSolution(this.solutionItemId);\r\n\r\n    window.addEventListener(\"solutionStoreHasChanges\",\r\n      (evt) => {\r\n        this._updateSaveability(\r\n          this._solutionStoreHasChanges = (evt as any).detail, this._solutionEditorHasChanges, this._solutionEditorHasErrors);\r\n      }\r\n    );\r\n    window.addEventListener(\"solutionEditorHasChanges\",\r\n      (evt) => {\r\n        this._updateSaveability(\r\n          this._solutionStoreHasChanges, this._solutionEditorHasChanges = (evt as any).detail, this._solutionEditorHasErrors);\r\n      }\r\n    );\r\n    window.addEventListener(\"solutionEditorHasErrors\",\r\n      (evt) => {\r\n        this._updateSaveability(\r\n          this._solutionStoreHasChanges, this._solutionEditorHasChanges, this._solutionEditorHasErrors = (evt as any).detail);\r\n      }\r\n    );\r\n  }\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    const wkid = getProp(state.getStoreInfo(\"spatialReferenceInfo\"), \"spatialReference\");\r\n    const hasServices: boolean = state.getStoreInfo(\"featureServices\").length > 0;\r\n    return (\r\n      <Host>\r\n        {\r\n          !this._solutionIsLoaded\r\n            ? <calcite-loader active label='' />\r\n            : null\r\n        }\r\n        <div class=\"configuration-container\">\r\n          <div class=\"configuration\">\r\n            <calcite-tabs class=\"config-tabs\">\r\n              <calcite-tab-nav slot=\"tab-nav\">\r\n                <calcite-tab-title>{this._translations.definitionTab}</calcite-tab-title>\r\n                {hasServices ?\r\n                  <calcite-tab-title>{this._translations.spatialReferenceTab}</calcite-tab-title> :\r\n                  null\r\n                }\r\n              </calcite-tab-nav>\r\n              <calcite-tab active class=\"config-tab\">\r\n                <div class=\"config-solution\">\r\n                  <div class={this._treeOpen ? \"config-inventory\" : \"config-inventory-hide\"}>\r\n                    <solution-contents\r\n                      id=\"configInventory\"\r\n                      key={`${this.solutionItemId}-contents`}\r\n                      ref={(el) => (this._solutionContentsComponent = el)}\r\n                    />\r\n                  </div>\r\n                  <calcite-button\r\n                    appearance=\"transparent\"\r\n                    class=\"collapse-btn\"\r\n                    icon-start={this._treeOpen ? \"chevrons-left\" : \"chevrons-right\"}\r\n                    id=\"collapse-vars\"\r\n                    onClick={() => this._toggleTree()}\r\n                    scale=\"s\"\r\n                    title={this._treeOpen ? this._translations.collapse : this._translations.expand}\r\n                  />\r\n                  <div class=\"config-item\">\r\n                    <solution-item\r\n                      authentication={this.authentication}\r\n                      item-id={this._currentEditItemId}\r\n                      key={`${this.solutionItemId}-item`}\r\n                      organization-variables={this._organizationVariables}\r\n                      solution-item-id={this.solutionItemId}\r\n                      solution-variables={this._solutionVariables}\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </calcite-tab>\r\n              {\r\n                hasServices\r\n                  ? <calcite-tab class=\"config-tab\">\r\n                      <div class=\"config-solution\">\r\n                        <solution-spatial-ref\r\n                          defaultWkid={wkid}\r\n                          id=\"configure-solution-spatial-ref\"\r\n                          key={`${this.solutionItemId}-spatial-ref`}\r\n                          locked={!wkid}\r\n                          services={state.getStoreInfo(\"featureServices\").map(fs => fs.name)}\r\n                        />\r\n                      </div>\r\n                    </calcite-tab>\r\n                  : null\r\n              }\r\n            </calcite-tabs>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the current item we are working with\r\n   */\r\n  @State() protected _currentEditItemId = \"\";\r\n\r\n  @State() protected _organizationVariables = \"\";\r\n\r\n  @State() protected _solutionContentsComponent: HTMLSolutionContentsElement;\r\n\r\n  @State() protected _solutionIsLoaded = false;\r\n\r\n  @State() protected _solutionVariables = \"\";\r\n\r\n  /**\r\n   * Contains the hierarchy of template items for the current solution.\r\n   */\r\n  @State() protected _templateHierarchy: IInventoryItem[] = [];\r\n\r\n  /**\r\n   * Contains the _translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() protected _translations: typeof SolutionConfiguration_T9n;\r\n\r\n  /**\r\n   * Used to show/hide the content tree\r\n   */\r\n  @State() protected _treeOpen = true;\r\n\r\n  protected _solutionStoreHasChanges = false;\r\n\r\n  protected _solutionEditorHasChanges = false;\r\n\r\n  protected _solutionEditorHasErrors = false;\r\n\r\n  protected _canSave = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Event Listeners\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Listen(\"solutionItemSelected\", { target: \"window\" })\r\n  _solutionItemSelected(event: CustomEvent): void {\r\n    this._currentEditItemId = event.detail;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Public Methods (async)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /*\r\n  @Method()\r\n  async getEditModels(): Promise<ISolutionItems> {\r\n    return Promise.resolve(state.items);\r\n  }\r\n  */\r\n\r\n  @Method()\r\n  async getSpatialReferenceInfo(): Promise<ISolutionSpatialReferenceInfo> {\r\n    return Promise.resolve(state.getStoreInfo(\"spatialReferenceInfo\"));\r\n  }\r\n\r\n  /*\r\n  @Method()\r\n  async getSourceTemplates(): Promise<any> {\r\n    return Promise.resolve(this._templates);\r\n  }\r\n  */\r\n\r\n  @Method()\r\n  async saveSolution(): Promise<void> {\r\n    this._solutionIsLoaded = false;\r\n    await state.saveSolution();\r\n    this._solutionIsLoaded = true;\r\n    this.solutionItemId = null;\r\n  }\r\n\r\n  @Method()\r\n  async unloadSolution(): Promise<void> {\r\n    this.solutionItemId = null;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Private Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Update the store with the initial values\r\n   *\r\n   * @param templates the solution items templates\r\n   * @param isReset (defaults to false) indicates if we are resetting the controls after save\r\n   */\r\n  /*\r\n  protected _initState(\r\n    templates: any[],\r\n    isReset = false\r\n  ): Promise<any> {\r\n    return new Promise((resolve, reject) => {\r\n      if (isReset) {\r\n        // clear models and state so we can refresh after save\r\n        this.modelsSet = false;\r\n        state.reset();\r\n      }\r\n      getModels(templates, this.authentication, this.solutionItemId).then(models => {\r\n        state.models = models;\r\n\r\n        state.featureServices = getFeatureServices(templates);\r\n        state.getStoreInfo(\"spatialReferenceInfo\") = getSpatialReferenceInfo(state.featureServices, this._sourceItemData);\r\n\r\n        if (isReset) {\r\n          // reset for undo/redo stack and diff editor tracking\r\n          const jsonEditors = Array.from(this.el.getElementsByTagName(\"json-editor\"));\r\n          // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n          jsonEditors.forEach(e => void e.reset());\r\n        }\r\n\r\n        this.modelsSet = true;\r\n        resolve(true);\r\n      }, () => reject);\r\n    });\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Set Props with the initial values\r\n   *\r\n   * @protected\r\n   */\r\n  protected _initProps(): void {\r\n    const solutionData = state.getStoreInfo(\"solutionData\");\r\n\r\n    this._solutionVariables = JSON.stringify(utils.getSolutionVariables(solutionData.templates, this._translations));\r\n    this._organizationVariables = JSON.stringify(utils.getOrganizationVariables(this._translations));\r\n\r\n    this._templateHierarchy = [...utils.getInventoryItems(solutionData.templates)];\r\n\r\n    if (this._solutionContentsComponent) {\r\n      this._solutionContentsComponent.templateHierarchy = this._templateHierarchy;\r\n    }\r\n\r\n    let firstItem: IItemTemplateEdit;\r\n    if (this._templateHierarchy.length > 0) {\r\n      // Start with the first item in the contents\r\n      firstItem = state.getItemInfo(this._templateHierarchy[0].id);\r\n    }\r\n    this._currentEditItemId = firstItem ? firstItem.itemId : \"\";\r\n  }\r\n\r\n  /**\r\n   * Loads a solution.\r\n   *\r\n   * @param solutionItemId AGO id of solution to load\r\n   *\r\n   * @returns Resolved promise when task is done\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _loadSolution(solutionItemId: string): Promise<void> {\r\n    if (solutionItemId) {\r\n      this._solutionIsLoaded = false;\r\n      await state.loadSolution(solutionItemId, this.authentication);\r\n      this._initProps();\r\n      this._solutionIsLoaded = true;\r\n    } else {\r\n      this._reset();\r\n    }\r\n    return Promise.resolve();\r\n  }\r\n\r\n  /**\r\n   * Resets internal variables.\r\n   *\r\n   * @protected\r\n   */\r\n  protected _reset(): void {\r\n    this._currentEditItemId = \"\";\r\n    this._organizationVariables = \"\";\r\n    this._solutionVariables = \"\";\r\n    this._templateHierarchy = [];\r\n  }\r\n\r\n  /**\r\n   * Toggle _treeOpen prop to show/hide content tree.\r\n   *\r\n   * @protected\r\n   */\r\n  protected _toggleTree(): void {\r\n    this._treeOpen = !this._treeOpen;\r\n  }\r\n\r\n  /**\r\n   * Dispatches an event indicating if the configuration is saveable or not. It's not saveable if there are no\r\n   * changes or if there's an error in the JSON editor.\r\n   *\r\n   * @param solutionStoreHasChanges Are there changes in the configuration editor's internal store?\r\n   * @param solutionEditorHasChanges Are there changes in the configuration editor's JSON editor?\r\n   * @param solutionEditorHasErrors Are there errors in the configuration editor's JSON editor?\r\n   *\r\n   * @protected\r\n   */\r\n  protected _updateSaveability(\r\n    solutionStoreHasChanges: boolean,\r\n    solutionEditorHasChanges: boolean,\r\n    solutionEditorHasErrors: boolean\r\n  ): void {\r\n    const updateSaveability = (solutionStoreHasChanges || solutionEditorHasChanges) && !solutionEditorHasErrors;\r\n\r\n    if (this._canSave !== updateSaveability) {\r\n      window.dispatchEvent(new CustomEvent(\"solutionCanSave\", {\r\n        detail: updateSaveability,\r\n        bubbles: true,\r\n        cancelable: false,\r\n        composed: true\r\n      }));\r\n    }\r\n\r\n    this._canSave = updateSaveability;\r\n  }\r\n\r\n  /**\r\n   * Save all edits from the current configuration\r\n   *\r\n   * @returns a response that will indicate success or failure and any associated messages\r\n   */\r\n  /*\r\n  protected async _save() {\r\n    const templateUpdates = await this._updateTemplates();\r\n    const data = this._setSrInfo(templateUpdates.templates);\r\n    return templateUpdates.errors.length === 0 ? save(\r\n      this.solutionItemId,\r\n      data,\r\n      state.models,\r\n      this.authentication,\r\n      this._translations\r\n    ).then(saveResult => {\r\n      // need to trigger re-render...and re-fetch\r\n      this._fetchData = true;\r\n      this.modelsSet = false;\r\n      return Promise.resolve(saveResult)\r\n    }).catch(e => Promise.reject(e)) : Promise.reject({\r\n      success: false,\r\n      message: `The following templates have errors: ${templateUpdates.errors.join(\", \")}`\r\n    } as IResponse);\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Update the solutions templates based on the stored changes\r\n   *\r\n   * @returns an object that contains the updated templates as well as any errors that were found\r\n   */\r\n  /*\r\n  protected async _updateTemplates(): Promise<IUpdateTemplateResponse> {\r\n    const errors = [];\r\n    const models = await this.getEditModels();\r\n    let templates = this._updateGroupDependencies(models, this._templates);\r\n    Object.keys(models).forEach(k => {\r\n      const m = models[k];\r\n      templates = templates.map(t => {\r\n        if (t.itemId === m.itemId) {\r\n          this._setItem(t, m);\r\n          const hasDataError = this._setData(t, m);\r\n          const hasPropError = this._setProps(t, m);\r\n          if (hasDataError || hasPropError) {\r\n            errors.push(m.itemId);\r\n          }\r\n        }\r\n        return t;\r\n      });\r\n    });\r\n    errors.concat(window.monaco.editor.getModelMarkers({}));\r\n    return Promise.resolve({\r\n      templates,\r\n      errors\r\n    });\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Review all models and store itemIds that should be added or removed from group dependencies\r\n   *\r\n   * @param models the corresponding models for the current templates\r\n   *\r\n   * @returns group info (an object with keys of groupIds and\r\n   * arrays of itemIds that should be added or removed from group dependencies)\r\n   */\r\n  /*\r\n  protected _getGroupInfo(\r\n    models: any\r\n  ): any {\r\n    const groupInfo = {}\r\n    Object.keys(models).forEach(k => {\r\n      const m = models[k];\r\n      if (m.shareInfo) {\r\n        const groupId = m.shareInfo.groupId;\r\n        const type = m.shareInfo.shared ? \"share\" : \"unshare\";\r\n        if (groupInfo[groupId]) {\r\n          groupInfo[groupId][type].push(m.itemId);\r\n        } else {\r\n          groupInfo[groupId] = {};\r\n          groupInfo[groupId][type] = [m.itemId];\r\n          if (m.shareInfo.shared) {\r\n            groupInfo[groupId][\"unshare\"] = [];\r\n          } else {\r\n            groupInfo[groupId][\"share\"] = [];\r\n          }\r\n        }\r\n      }\r\n    });\r\n    return groupInfo;\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Updates group dependency arrays by adding or removing itemIds\r\n   *\r\n   * @param templates the current templates to update\r\n   * @param models the corresponding models for the current templates\r\n   *\r\n   * @returns updated templates array\r\n   */\r\n  /*\r\n  protected _updateGroupDependencies(\r\n    models: any,\r\n    templates: any[]\r\n  ): any[] {\r\n    const groupInfo = this._getGroupInfo(models);\r\n    Object.keys(groupInfo).forEach(k => {\r\n      templates.some(t => {\r\n        if (t.itemId === k) {\r\n          // add share items as deps\r\n          groupInfo[k].share.forEach(s => {\r\n            if (t.dependencies.indexOf(s) < 0) {\r\n              t.dependencies.push(s);\r\n            }\r\n          });\r\n\r\n          // remove unshare items from deps\r\n          groupInfo[k].unshare.forEach(s => {\r\n            const index = t.dependencies.indexOf(s);\r\n            if (index > -1) {\r\n              t.dependencies.splice(index, 1);\r\n            }\r\n          });\r\n          return true;\r\n        } else {\r\n          return false;\r\n        }\r\n      })\r\n    })\r\n    return templates;\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Add group IDs to items that should be shared\r\n   * This function will update the provided template when shareInfo is available\r\n   *\r\n   * @param template the current template to update\r\n   * @param shareInfo the corresponding shareInfo from the model for the current template\r\n   *\r\n   */\r\n  /*\r\n  protected _updateItemGroups(\r\n    template: any,\r\n    shareInfo: any\r\n  ): void {\r\n    if (shareInfo) {\r\n      const groupIndex = template.groups.indexOf(shareInfo.groupId);\r\n      if (groupIndex < 0 && shareInfo.shared) {\r\n        template.groups.push(shareInfo.groupId);\r\n      }\r\n      if (groupIndex > -1 && !shareInfo.shared) {\r\n        template.groups.splice(groupIndex, 1);\r\n      }\r\n    }\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Set a templates data property with changes from the models\r\n   *\r\n   * @param template the current template to update\r\n   * @param model the corresponding model for the current template (stores any user changes)\r\n   *\r\n   * @returns a boolean that indicates if any errors were detected\r\n   */\r\n  /*\r\n  protected _setData(\r\n    template: any,\r\n    model: any\r\n  ): boolean {\r\n    return this._setTemplateProp(\r\n      template,\r\n      model.dataOriginalValue,\r\n      model.dataCurrentValue,\r\n      \"data\"\r\n    );\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Set a templates properties property with changes from the models\r\n   *\r\n   * @param template the current template to update\r\n   * @param model the corresponding model for the current template (stores any user changes)\r\n   *\r\n   * @returns a boolean that indicates if any errors were detected\r\n   */\r\n  /*\r\n  protected _setProps(\r\n    template: any,\r\n    model: any\r\n  ): boolean {\r\n    return this._setTemplateProp(\r\n      template,\r\n      model.propsOriginalValue,\r\n      model.propsCurrentValue,\r\n      \"properties\"\r\n    );\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Generic function used to set properties or data property on a given template\r\n   *\r\n   * @param template the current template to update\r\n   * @param originValue the original value from the solution template\r\n   * @param modelValue the current value from the model (will contain any edits that have been made)\r\n   * @param path the path to the property we should update if any changes are found\r\n   *\r\n   * @returns a boolean that indicates if any errors were detected\r\n   */\r\n  /*\r\n  protected _setTemplateProp(\r\n    template: any,\r\n    originValue: any,\r\n    modelValue: any,\r\n    path: string\r\n  ): boolean {\r\n    let hasError = false;\r\n    try {\r\n      const _originValue = JSON.parse(originValue);\r\n      const _modelValue = JSON.parse(modelValue);\r\n\r\n      if (_originValue && _modelValue && (JSON.stringify(_originValue) !== JSON.stringify(_modelValue))) {\r\n        setProp(template, path, _modelValue);\r\n      }\r\n    } catch (e) {\r\n      console.error(e);\r\n      hasError = true;\r\n    }\r\n    return hasError;\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Set a templates item property with changes from the models\r\n   *\r\n   * @param template the current template to update\r\n   * @param model the corresponding model for the current template (stores any user changes)\r\n   *\r\n   * This function will update the template argument when edits are found\r\n   */\r\n  /*\r\n  protected _setItem(\r\n    template: any,\r\n    model: any\r\n  ): void {\r\n    this._updateItemGroups(template, model.shareInfo);\r\n    if (model.updateItemValues && Object.keys(model.updateItemValues).length > 0) {\r\n      Object.keys(model.updateItemValues).forEach(k => {\r\n        template.item[k] = model.updateItemValues[k];\r\n      });\r\n    }\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Set spatial reference info in the solutions data\r\n   *\r\n   * @param templates a list of item templates from the solution\r\n   *\r\n   * @returns a cloned copy of the solutions data that has been updated with spatial reference info\r\n   *\r\n   */\r\n  /*\r\n  protected _setSrInfo(\r\n    templates: any[]\r\n  ): any {\r\n    const srInfo: any = state.getStoreInfo(\"spatialReferenceInfo\");\r\n\r\n    const serviceEnabled = typeof srInfo?.services === \"undefined\" ?\r\n      false : Object.keys(srInfo.services).some(k => srInfo.services[k]);\r\n\r\n    const data = cloneObject(this._sourceItemData);\r\n    data.templates = templates;\r\n    if (srInfo && srInfo.enabled && serviceEnabled) {\r\n      const wkid = srInfo.spatialReference.wkid.toString();\r\n\r\n      const wkidParam = {\r\n        \"label\": \"Spatial Reference\",\r\n        \"default\": wkid,\r\n        \"valueType\": \"spatialReference\",\r\n        \"attributes\": {\r\n          \"required\": \"true\"\r\n        }\r\n      };\r\n\r\n      const params = getProp(data, \"params\");\r\n      const hasWkid = params && params.wkid;\r\n      setCreateProp(\r\n        data,\r\n        hasWkid ? \"params.wkid.default\" : \"params.wkid\",\r\n        hasWkid ? wkid : params ? wkidParam : wkid\r\n      );\r\n    } else if (!srInfo.enabled) {\r\n      if (getProp(data, \"params.wkid\")) {\r\n        delete (data.params.wkid);\r\n      }\r\n    }\r\n    return data;\r\n  }\r\n  */\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof SolutionConfiguration_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/solution-contents.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SolutionContents extends Components.SolutionContents, HTMLElement {}
-export const SolutionContents: {
-  prototype: SolutionContents;
-  new (): SolutionContents;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/solution-contents.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { S as SolutionContents$1, d as defineCustomElement$1 } from './solution-contents2.js';
-
-const SolutionContents = SolutionContents$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionContents, defineCustomElement };
-
-//# sourceMappingURL=solution-contents.js.map

package/dist/components/solution-contents.js.map

@@ -1 +0,0 @@
-{"file":"solution-contents.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/solution-contents2.js

@@ -1,130 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$5 } from './checkbox.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './tree.js';
-import { d as defineCustomElement$2 } from './tree-item.js';
-import { d as defineCustomElement$1 } from './solution-item-icon2.js';
-
-const solutionContentsCss = ".icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
-
-const SolutionContents = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.solutionItemSelected = createEvent(this, "solutionItemSelected", 7);
-    this.selectedItemId = undefined;
-    this.templateHierarchy = [];
-  }
-  valueWatchHandler(v, oldV) {
-    if (v && v !== oldV && Array.isArray(v) && v.length > 0) {
-      this._treeItemSelected(v[0].id);
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentWillLoad() {
-    this.valueWatchHandler(this.templateHierarchy, []);
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("calcite-tree", null, this.renderHierarchy(this.templateHierarchy))));
-  }
-  renderHierarchy(objs) {
-    return objs.map((obj) => {
-      const selected = this.selectedItemId && this.selectedItemId === obj.id;
-      return (obj.dependencies && obj.dependencies.length > 0) ?
-        (h("calcite-tree-item", { onClick: (evt) => this._treeItemSelected(obj.id, evt), selected: selected }, h("solution-item-icon", { type: obj.type, typeKeywords: obj.typeKeywords }), h("span", { class: "icon-text", title: obj.title }, obj.title), h("calcite-tree", { slot: "children" }, this.renderHierarchy(obj.dependencies))))
-        :
-          (h("calcite-tree-item", { onClick: (evt) => this._treeItemSelected(obj.id, evt), selected: selected }, h("solution-item-icon", { type: obj.type, typeKeywords: obj.typeKeywords }), h("span", { class: "icon-text", title: obj.title }, obj.title)));
-    });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Publishes the `solutionItemSelected` event containing `solutionItem` of the selected item.
-   *
-   * Also toggles the expanded state of the tree item.
-   *
-   * @param solutionItem the selected solution item to emit
-   * @param evt MouseEvent or undefined
-   */
-  _treeItemSelected(itemId, evt = undefined) {
-    var _a;
-    const treeItem = (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
-    if (treeItem) {
-      treeItem.expanded = !(treeItem === null || treeItem === void 0 ? void 0 : treeItem.expanded);
-    }
-    this.selectedItemId = itemId;
-    this.solutionItemSelected.emit(itemId);
-  }
-  static get assetsDirs() { return ["item-type-icons"]; }
-  get el() { return this; }
-  static get watchers() { return {
-    "templateHierarchy": ["valueWatchHandler"]
-  }; }
-  static get style() { return solutionContentsCss; }
-}, [0, "solution-contents", {
-    "selectedItemId": [1537, "selected-item-id"],
-    "templateHierarchy": [1040]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-contents", "calcite-checkbox", "calcite-icon", "calcite-tree", "calcite-tree-item", "solution-item-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-contents":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionContents);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-tree":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-tree-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "solution-item-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionContents as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-contents2.js.map

package/dist/components/solution-contents2.js.map

@@ -1 +0,0 @@
-{"file":"solution-contents2.js","mappings":";;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,uEAAuE;;MC0BtF,gBAAgB;;;;;;6BAwBmD,EAAE;;EAEpD,iBAAiB,CAAC,CAAM,EAAE,IAAS;IAC7D,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;MACvD,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACjC;GACF;;;;;;EAQD,iBAAiB;IACf,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;GACpD;;;;EAKD,MAAM;IACJ,QACE,EAAC,IAAI,QACH,wBACG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAChC,CACV,EACP;GACH;EAED,eAAe,CAAC,IAAsB;IACpC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG;MAClB,MAAM,QAAQ,GAAY,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,KAAK,GAAG,CAAC,EAAE,CAAC;MAChF,OAAO,CAAC,GAAG,CAAC,YAAY,IAAI,GAAG,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;SAEnD,yBAAmB,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAC1F,0BAAoB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,CAAC,YAAY,GAAI,EACtE,YAAM,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,GAAG,CAAC,KAAK,IAAG,GAAG,CAAC,KAAK,CAAQ,EAC5D,oBAAc,IAAI,EAAC,UAAU,IAC1B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC,CAC1B,CACG;;WAIpB,yBAAmB,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAC1F,0BAAoB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,CAAC,YAAY,GAAI,EACtE,YAAM,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,GAAG,CAAC,KAAK,IAAG,GAAG,CAAC,KAAK,CAAQ,CAC1C,CACrB,CAAC;KACL,CAAC,CAAC;GACJ;;;;;;;;;;;;;;;;;;;EA+CS,iBAAiB,CACzB,MAAc,EACd,MAAW,SAAS;;IAEpB,MAAM,QAAQ,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,0CAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC3D,IAAI,QAAQ,EAAE;MACZ,QAAQ,CAAC,QAAQ,GAAG,EAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,CAAA,CAAC;KACzC;IACD,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;GACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/solution-contents/solution-contents.scss?tag=solution-contents","./src/components/solution-contents/solution-contents.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n.icon-text {\r\n  @apply truncate;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, Event, EventEmitter, Host, h, Prop, VNode, Watch } from '@stencil/core';\r\nimport { IInventoryItem/*, ISolutionTemplateEdit */ } from '../../utils/interfaces';\r\nimport '@esri/calcite-components';\r\n\r\n@Component({\r\n  tag: 'solution-contents',\r\n  styleUrl: 'solution-contents.scss',\r\n  shadow: false,\r\n  assetsDirs: ['item-type-icons']\r\n})\r\nexport class SolutionContents {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionContentsElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the current item that is selected.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) selectedItemId: string;\r\n\r\n  /**\r\n   * Contains the public value for this component.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) templateHierarchy: IInventoryItem[] = [];\r\n\r\n  @Watch(\"templateHierarchy\") valueWatchHandler(v: any, oldV: any): void {\r\n    if (v && v !== oldV && Array.isArray(v) && v.length > 0) {\r\n      this._treeItemSelected(v[0].id);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  componentWillLoad() {\r\n    this.valueWatchHandler(this.templateHierarchy, []);\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    return (\r\n      <Host>\r\n        <calcite-tree>\r\n          {this.renderHierarchy(this.templateHierarchy)}\r\n        </calcite-tree>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  renderHierarchy(objs: IInventoryItem[]): HTMLCalciteTreeItemElement[] {\r\n    return objs.map((obj) => {\r\n      const selected: boolean = this.selectedItemId && this.selectedItemId === obj.id;\r\n      return (obj.dependencies && obj.dependencies.length > 0) ?\r\n        (\r\n          <calcite-tree-item onClick={(evt) => this._treeItemSelected(obj.id, evt)} selected={selected}>\r\n            <solution-item-icon type={obj.type} typeKeywords={obj.typeKeywords} />\r\n            <span class=\"icon-text\" title={obj.title}>{obj.title}</span>\r\n            <calcite-tree slot=\"children\" >\r\n              {this.renderHierarchy(obj.dependencies)}\r\n            </calcite-tree>\r\n          </calcite-tree-item>\r\n        )\r\n        :\r\n        (\r\n          <calcite-tree-item onClick={(evt) => this._treeItemSelected(obj.id, evt)} selected={selected}>\r\n            <solution-item-icon type={obj.type} typeKeywords={obj.typeKeywords} />\r\n            <span class=\"icon-text\" title={obj.title}>{obj.title}</span>\r\n          </calcite-tree-item>\r\n        );\r\n    });\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Event Listeners\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /*@Listen(\"solutionLoaded\", { target: \"window\" })\r\n  _solutionLoaded(): void {\r\n    this._treeItemSelected(this.templateHierarchy[0].solutionItem);\r\n  }*/\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Event() solutionItemSelected: EventEmitter<string>;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Public Methods (async)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Private Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Publishes the `solutionItemSelected` event containing `solutionItem` of the selected item.\r\n   *\r\n   * Also toggles the expanded state of the tree item.\r\n   *\r\n   * @param solutionItem the selected solution item to emit\r\n   * @param evt MouseEvent or undefined\r\n   */\r\n  protected _treeItemSelected(\r\n    itemId: string,\r\n    evt: any = undefined\r\n  ): void {\r\n    const treeItem = evt?.target?.closest(\"calcite-tree-item\");\r\n    if (treeItem) {\r\n      treeItem.expanded = !treeItem?.expanded;\r\n    }\r\n    this.selectedItemId = itemId;\r\n    this.solutionItemSelected.emit(itemId);\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/solution-item-details.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SolutionItemDetails extends Components.SolutionItemDetails, HTMLElement {}
-export const SolutionItemDetails: {
-  prototype: SolutionItemDetails;
-  new (): SolutionItemDetails;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/solution-item-details.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { S as SolutionItemDetails$1, d as defineCustomElement$1 } from './solution-item-details2.js';
-
-const SolutionItemDetails = SolutionItemDetails$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionItemDetails, defineCustomElement };
-
-//# sourceMappingURL=solution-item-details.js.map

package/dist/components/solution-item-details.js.map

@@ -1 +0,0 @@
-{"file":"solution-item-details.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/solution-item-details2.js

@@ -1,236 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as state } from './solution-store.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './input.js';
-import { d as defineCustomElement$2 } from './label.js';
-import { d as defineCustomElement$1 } from './progress.js';
-
-const solutionItemDetailsCss = ".inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.icon-inline--on-left,.icon-inline--on-right{display:inline;vertical-align:middle;-webkit-margin-end:0.375rem;margin-inline-end:0.375rem;fill:#0079c1}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.img-container{display:inline;-webkit-margin-end:1rem;margin-inline-end:1rem;max-width:363px}.summary-count-container{display:inline;flex-grow:1;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.snippet-count-container{width:calc(100vw - 363px)}.parent-container{max-width:100%;padding:1rem}label{position:relative;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem;display:block;min-width:-moz-min-content;min-width:min-content;box-sizing:border-box;margin-left:0.75rem;margin-right:0.75rem;min-width:0;flex-grow:0;flex-shrink:1}label-group-1-up>.block{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}label-group-2-up>.block{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}label-group-3-up>.block{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}label-group-4-up>.block{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}label-group-5-up>.block{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}label-group-6-up>.block{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}label-group-7-up>.block{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}label-group-8-up>.block{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.tablet-block-group-1-up>label{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.tablet-block-group-2-up>label{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.tablet-block-group-3-up>label{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.tablet-block-group-4-up>label{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.tablet-block-group-5-up>label{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.tablet-block-group-6-up>label{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.tablet-block-group-7-up>label{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.tablet-block-group-8-up>label{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.phone-block-group-1-up>label{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.phone-block-group-2-up>label{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.phone-block-group-3-up>label{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.phone-block-group-4-up>label{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.phone-block-group-5-up>label{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.phone-block-group-6-up>label{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.phone-block-group-7-up>label{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.phone-block-group-8-up>label{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.code-face label{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:normal}.code-face label b,.code-face label strong{font-weight:400}.code-italic label{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:italic}.code-italic label b,.code-italic label strong{font-weight:400}";
-
-const SolutionItemDetails = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.itemId = "";
-    this.itemDetails = {
-      accessInformation: "",
-      description: "",
-      licenseInfo: "",
-      snippet: "",
-      tags: [],
-      title: ""
-    };
-    this.itemEdit = undefined;
-    this._translations = undefined;
-    this.thumbnail = undefined;
-    this.thumbnailContainer = undefined;
-  }
-  itemIdWatchHandler() {
-    this.itemEdit = state.getItemInfo(this.itemId);
-    this.itemDetails = this.itemEdit.item;
-    this.itemType = this.itemDetails.type;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  async componentWillLoad() {
-    return this._getTranslations();
-  }
-  componentDidRender() {
-    this._loadThumb();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: "parent-container" }, h("div", { class: "inputBottomSeparation" }, h("calcite-input", { id: "item-title", value: this.itemDetails.title })), h("div", { class: "inputBottomSeparation" }, h("input", { accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { class: "flex" }, h("div", { class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { class: "snippet-count-container" }, h("calcite-input", { id: "item-snippet", maxlength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", null, this._translations.description, h("label", { id: "item-description-label" }, h("calcite-input", { id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", null, this._translations.tags, h("label", { id: "item-tags-label" }, h("calcite-input", { id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Updates the component's value with changes to the input fields.
-   */
-  inputReceivedHandler(event) {
-    switch (event.target.id) {
-      case "item-title":
-        this.itemDetails.title = event.target.value;
-        this._updateStore();
-        break;
-      case "item-snippet":
-        if (event.target.value.length > 250) {
-          event.target.value = event.target.value.substring(0, 250);
-        }
-        this.itemDetails.snippet = event.target.value;
-        this._updateLengthLabel(this.itemDetails.snippet);
-        this._updateStore();
-        break;
-      case "item-description":
-        this.itemDetails.description = event.target.value;
-        this._updateStore();
-        break;
-      case "item-tags":
-        this.itemDetails.tags = event.target.value;
-        this._updateStore();
-        break;
-      case "item-credits":
-        this.itemDetails.accessInformation = event.target.value;
-        this._updateStore();
-        break;
-      case "item-terms":
-        this.itemDetails.licenseInfo = event.target.value;
-        this._updateStore();
-        break;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Opens image file browse dialog.
-   *
-   */
-  _getThumbnail() {
-    this.browseForThumbnail.click();
-  }
-  /**
-   * Load the templates thumbnail
-   *
-   */
-  _loadThumb() {
-    var _a;
-    if (this.thumbnail && ((_a = this.itemEdit) === null || _a === void 0 ? void 0 : _a.thumbnail)) {
-      // Show the thumbnail
-      this.thumbnail.src = URL.createObjectURL(this.itemEdit.thumbnail);
-      this.thumbnailContainer.classList.remove("empty-box");
-      this.thumbnail.classList.remove("display-none");
-    }
-    else {
-      // Replace the thumbnail with an empty box
-      this.thumbnailContainer.classList.add("empty-box");
-      this.thumbnail.classList.add("display-none");
-    }
-  }
-  /**
-   * Updates the length label to reflect the current number of characters
-   * relative to the max number of characters supported.
-   *
-   * @param phrase the current phrase from the control
-   */
-  _updateLengthLabel(phrase) {
-    this.itemSnippetCount.innerText =
-      this._translations.snippetCountPattern.replace("{{n}}", phrase.length.toString());
-  }
-  /**
-   * Add or remove the value from the store
-   */
-  _updateStore() {
-    this.itemEdit = state.getItemInfo(this.itemId);
-    this.itemEdit.item = this.itemDetails;
-    state.setItemInfo(this.itemEdit);
-  }
-  /**
-   * Gets and displays image result from browse and updates the item in the store.
-   *
-   * @param event The input controls event that contains the new file
-   * @param updateStore boolean that controls if the new value is written to the store
-   *  should be false on the initial load but true the rest of the time
-   */
-  _updateThumbnail(event) {
-    const files = event.target.files;
-    if (files && files[0]) {
-      if (this.thumbnail) {
-        // Update UI
-        this.thumbnail.src = URL.createObjectURL(files[0]);
-        // Update info in store
-        this.itemEdit = state.getItemInfo(this.itemId);
-        this.itemEdit.thumbnail = files[0];
-        state.replaceItemThumbnail(this.itemEdit);
-      }
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "itemId": ["itemIdWatchHandler"]
-  }; }
-  static get style() { return solutionItemDetailsCss; }
-}, [0, "solution-item-details", {
-    "itemId": [1537, "item-id"],
-    "itemDetails": [32],
-    "itemEdit": [32],
-    "_translations": [32],
-    "thumbnail": [32],
-    "thumbnailContainer": [32]
-  }, [[0, "calciteInputInput", "inputReceivedHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-item-details", "calcite-icon", "calcite-input", "calcite-label", "calcite-progress"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-item-details":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionItemDetails);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionItemDetails as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-item-details2.js.map

package/dist/components/solution-item-details2.js.map

@@ -1 +0,0 @@
-{"file":"solution-item-details2.js","mappings":"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","names":[],"sources":["./src/components/solution-item-details/solution-item-details.scss?tag=solution-item-details","./src/components/solution-item-details/solution-item-details.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n$thumbnail-width: 363px;\r\n\r\n.inputBottomSeparation {\r\n  @apply mt-0\r\n    mx-0\r\n    mb-6;\r\n}\r\n\r\n.icon-inline--on-left, .icon-inline--on-right {\r\n  @apply inline\r\n    align-middle\r\n    m-inline-end-1.5;\r\n  fill: $solutions-blue;\r\n}\r\n\r\n.scale-down {\r\n  @apply object-scale-down;\r\n}\r\n\r\n.img-container {\r\n  @apply inline\r\n    m-inline-end-4;\r\n  max-width: $thumbnail-width;\r\n}\r\n\r\n.summary-count-container {\r\n  @apply inline\r\n    flex-grow\r\n    m-inline-start-3;\r\n}\r\n\r\n.snippet-count-container {\r\n  width: calc(100vw - $thumbnail-width);\r\n}\r\n\r\n.parent-container {\r\n  @apply max-w-full\r\n    p-4;\r\n}\r\n\r\nlabel {\r\n  @apply relative\r\n    block\r\n    mt-0\r\n    mx-0\r\n    mb-6\r\n    min-w-min;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, h, Host, Listen, Prop, State, VNode, Watch } from '@stencil/core';\r\nimport '@esri/calcite-components';\r\nimport state from \"../../utils/solution-store\";\r\nimport SolutionItemDetails_T9n from '../../assets/t9n/solution-item-details/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\nimport { IItemGeneralized } from '@esri/solution-common';\r\nimport { IItemTemplateEdit } from '../../utils/interfaces';\r\n\r\n@Component({\r\n  tag: 'solution-item-details',\r\n  styleUrl: 'solution-item-details.scss',\r\n  shadow: false,\r\n})\r\nexport class SolutionItemDetails {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionItemDetailsElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * A template's itemId.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) itemId = \"\";\r\n\r\n  @Watch(\"itemId\") itemIdWatchHandler(): void {\r\n    this.itemEdit = state.getItemInfo(this.itemId);\r\n    this.itemDetails = this.itemEdit.item;\r\n    this.itemType = this.itemDetails.type;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    this._loadThumb()\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    return (\r\n      <Host>\r\n        <div class=\"parent-container\">\r\n          <div class=\"inputBottomSeparation\">\r\n            <calcite-input id=\"item-title\" value={this.itemDetails.title} />\r\n          </div>\r\n\r\n          <div class=\"inputBottomSeparation\">\r\n\r\n            <input accept=\".jpg,.gif,.png,image/jpg,image/gif,image/png\" class=\"display-none\" onChange={(event) => (this._updateThumbnail(event))} ref={(el) => (this.browseForThumbnail = el)} type=\"file\" />\r\n\r\n            <button class=\"font-size--3 btn-link inline-block trailer-quarter\" onClick={() => this._getThumbnail()}>\r\n              <svg class=\"icon-inline icon-inline--on-left\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\">\r\n                <path d=\"M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z\" />\r\n              </svg>{this._translations.editThumbnail}\r\n            </button>\r\n\r\n            <div class=\"flex\">\r\n              <div class=\"img-container\" ref={(el) => (this.thumbnailContainer = el)}>\r\n                <img class=\"scale-down\" height=\"133\" id=\"item-thumbnail\" ref={(el) => (this.thumbnail = el)} width=\"200\" />\r\n              </div>\r\n              <div class=\"snippet-count-container\">\r\n                <calcite-input id=\"item-snippet\" maxlength={250} type=\"textarea\" value={this.itemDetails.snippet} />\r\n                <label class=\"font-size--3\" id=\"item-snippet-count\" ref={(el) => (this.itemSnippetCount = el)} />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <calcite-label>{this._translations.description}\r\n            <label id=\"item-description-label\">\r\n              <calcite-input id=\"item-description\" type=\"textarea\" value={this.itemDetails.description} />\r\n            </label>\r\n          </calcite-label>\r\n\r\n          <calcite-label>{this._translations.tags}\r\n            <label id=\"item-tags-label\">\r\n              <calcite-input id=\"item-tags\" value={(this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(\",\")} />\r\n            </label>\r\n          </calcite-label>\r\n\r\n          {this.itemType !== \"Group\" ? <calcite-label>{this._translations.credits}\r\n            <label id=\"item-credits-label\">\r\n              <calcite-input id=\"item-credits\" value={this.itemDetails.accessInformation} />\r\n            </label>\r\n          </calcite-label> : null}\r\n\r\n          {this.itemType !== \"Group\" ? <calcite-label>\r\n            <label id=\"item-terms-label\">{this._translations.termsOfUse}\r\n              <calcite-input id=\"item-terms\" type=\"textarea\" value={this.itemDetails.licenseInfo} />\r\n            </label>\r\n          </calcite-label> : null}\r\n\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Handle to the element for browsing for a file.\r\n   */\r\n  protected browseForThumbnail: HTMLInputElement;\r\n\r\n  @State() itemDetails: IItemGeneralized = {\r\n    accessInformation: \"\",\r\n    description: \"\",\r\n    licenseInfo: \"\",\r\n    snippet: \"\",\r\n    tags: [],\r\n    title: \"\"\r\n  } as any;\r\n\r\n  @State() protected itemEdit: IItemTemplateEdit;\r\n\r\n  protected itemType: string;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() _translations: typeof SolutionItemDetails_T9n;\r\n\r\n  /**\r\n   * Handle to the snippet character-count feedback.\r\n   */\r\n  protected itemSnippetCount: HTMLLabelElement;\r\n\r\n  /**\r\n   * Handle to the thumbnail image display.\r\n   */\r\n  @State() protected thumbnail: HTMLImageElement;\r\n\r\n  /**\r\n   * Handle to the thumbnail image container.\r\n   */\r\n  @State() protected thumbnailContainer: HTMLElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Event Listeners\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Updates the component's value with changes to the input fields.\r\n   */\r\n  @Listen(\"calciteInputInput\")\r\n  inputReceivedHandler(event: any): void {\r\n    switch (event.target.id) {\r\n      case \"item-title\":\r\n        this.itemDetails.title = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n      case \"item-snippet\":\r\n        if (event.target.value.length > 250) {\r\n          event.target.value = event.target.value.substring(0, 250);\r\n        }\r\n        this.itemDetails.snippet = event.target.value;\r\n        this._updateLengthLabel(this.itemDetails.snippet);\r\n        this._updateStore();\r\n        break;\r\n      case \"item-description\":\r\n        this.itemDetails.description = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n      case \"item-tags\":\r\n        this.itemDetails.tags = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n      case \"item-credits\":\r\n        this.itemDetails.accessInformation = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n      case \"item-terms\":\r\n        this.itemDetails.licenseInfo = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Public Methods (async)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Private Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Opens image file browse dialog.\r\n   *\r\n   */\r\n  protected _getThumbnail(): void {\r\n    this.browseForThumbnail.click();\r\n  }\r\n\r\n  /**\r\n   * Load the templates thumbnail\r\n   *\r\n   */\r\n  protected _loadThumb(): void {\r\n    if (this.thumbnail && this.itemEdit?.thumbnail) {\r\n      // Show the thumbnail\r\n      this.thumbnail.src = URL.createObjectURL(this.itemEdit.thumbnail);\r\n      this.thumbnailContainer.classList.remove(\"empty-box\");\r\n      this.thumbnail.classList.remove(\"display-none\");\r\n    } else {\r\n      // Replace the thumbnail with an empty box\r\n      this.thumbnailContainer.classList.add(\"empty-box\");\r\n      this.thumbnail.classList.add(\"display-none\");\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Updates the length label to reflect the current number of characters\r\n   * relative to the max number of characters supported.\r\n   *\r\n   * @param phrase the current phrase from the control\r\n   */\r\n  protected _updateLengthLabel(phrase: string): void {\r\n    this.itemSnippetCount.innerText =\r\n      this._translations.snippetCountPattern.replace(\"{{n}}\", phrase.length.toString());\r\n  }\r\n\r\n  /**\r\n   * Add or remove the value from the store\r\n   */\r\n  protected _updateStore(\r\n  ): void {\r\n    this.itemEdit = state.getItemInfo(this.itemId);\r\n    this.itemEdit.item = this.itemDetails;\r\n    state.setItemInfo(this.itemEdit);\r\n  }\r\n\r\n  /**\r\n   * Gets and displays image result from browse and updates the item in the store.\r\n   *\r\n   * @param event The input controls event that contains the new file\r\n   * @param updateStore boolean that controls if the new value is written to the store\r\n   *  should be false on the initial load but true the rest of the time\r\n   */\r\n  protected _updateThumbnail(\r\n    event: any\r\n  ): void {\r\n    const files = event.target.files;\r\n    if (files && files[0]) {\r\n      if (this.thumbnail) {\r\n        // Update UI\r\n        this.thumbnail.src = URL.createObjectURL(files[0]);\r\n\r\n        // Update info in store\r\n        this.itemEdit = state.getItemInfo(this.itemId);\r\n        this.itemEdit.thumbnail = files[0];\r\n        state.replaceItemThumbnail(this.itemEdit);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof SolutionItemDetails_T9n;\r\n  }\r\n}\r\n"],"version":3}