npm - @api-client/ui - Versions diffs - 0.0.1 - Mend

@api-client/ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3582) hide show

package/dist/elements/schema-design/DataSchemaDocument.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataSchemaDocument.js","sourceRoot":"","sources":["../../../src/elements/schema-design/DataSchemaDocument.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAa,IAAI,EAAkB,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpF,OAAO,EAA4D,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7H,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AAGrC;;;;GAIG;AACH,MAAM,aAAa,GAAG,IAAI,OAAO,EAAwB,CAAC;AAE1D,MAAM,cAAc,GAAG,IAAI,GAAG,EAAkB,CAAC;AAIjD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IACxD,MAAM,KAAc,MAAM;QACxB,OAAO;YACL,KAAK;YACL,YAAY;YACZ,cAAc;YACd,YAAY;YACZ,UAAU;YACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyCF;SACF,CAAC;IACJ,CAAC;IAED;;OAEG;IACyB,IAAI,CAAiB;IAEjD;;;OAGG;IACwC,GAAG,CAAU;IAExD;;OAEG;IACgB,OAAO,CAAc;IAExC;;;OAGG;IACwC,gBAAgB,CAAU;IAErE;;;;OAIG;IACyC,mBAAmB,CAAW;IAE1E;;;;;OAKG;IACyC,QAAQ,CAAW;IAE/D;;;OAGG;IACgB,sBAAsB,CAAU;IAEhC,UAAU,CAAC,EAAwB;QACpD,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACjB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IAED;;;OAGG;IACO,aAAa;QACrB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;YACzB,OAAO;SACR;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QAClE,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAED;;;;;;;;OAQG;IACH,cAAc,CAAC,UAAkB,EAAE,iBAA0B;QAC3D,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO,EAAE;YACxC,OAAO;SACR;QACD,IAAI,iBAAiB,EAAE;YACrB,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,iBAAiB,CAAC,CAAC;YAC3E,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO;aACR;YACD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;SAC9B;aAAM;YACL,MAAM,OAAO,GAAG,OAAO,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;YACzD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE;gBACzC,MAAM,EAAE;oBACN,IAAI,EAAE,aAAa;oBACnB,GAAG,EAAE,OAAO,CAAC,GAAG;iBACjB;aACF,CAAC,CAAC,CAAC;SACL;QACD,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED;;;;;OAKG;IACH,iBAAiB,CAAC,GAAW;QAC3B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE;YACjC,OAAO;SACR;QACD,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,WAAW,CAAC,IAAa;QACvB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE;YACzB,OAAO;SACR;QACD,MAAM,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,IAAI,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC;QACpC,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE;YACzC,MAAM,EAAE;gBACN,IAAI,EAAE,UAAU;gBAChB,GAAG,EAAE,OAAO,CAAC,GAAG;aACjB;SACF,CAAC,CAAC,CAAC;IACN,CAAC;IAED,cAAc,CAAC,GAAW;QACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QACD,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,IAAI,CAAC,gBAAgB,KAAK,GAAG,EAAE;YACjC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;SACnC;QACD,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,cAAc;QACtB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;IAES,mBAAmB;QAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAES,uBAAuB,CAAC,IAAiB;QACjD,IAAI,MAAM,GAAuB,IAAI,CAAC;QACtC,OAAO,MAAM,EAAE;YACb,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC5D,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;gBAC9B,SAAS;aACV;YACD,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE;gBACtB,OAAO,MAAM,CAAC;aACf;YACD,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;SAC/B;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAES,cAAc,CAAC,CAAQ;QAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,aAA4B,CAAC;QAC9C,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;QACnE,IAAI,IAAI,EAAE;YACR,IAAI,IAAI,KAAK,UAAU,EAAE;gBACvB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,GAAa,CAAC,CAAC;aACjD;iBAAM,IAAI,IAAI,KAAK,aAAa,EAAE;gBACjC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAa,CAAC,CAAC;aACpD;SACF;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,MAAM,MAAM,GAAG,CAAC,CAAC,aAA4B,CAAC;QAC9C,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;QACnE,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE;gBACzC,MAAM,EAAE;oBACN,IAAI;oBACJ,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,GAAa;iBAChC;aACF,CAAC,CAAC,CAAC;SACL;IACH,CAAC;IAES,oBAAoB,CAAC,CAAY;QACzC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QACD,MAAM,EAAE,GAAG,YAAY,CAAC;QACxB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,iBAAiB,EAAE,CAAC,EAAE;YAC1D,OAAO;SACR;QACD,MAAM,IAAI,GAAG,CAAC,CAAC,aAA4B,CAAC;QAC5C,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,GAAG,EAAE;YACP,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,EAAE,CAAC,aAAa,GAAG,MAAM,CAAC;YAC1B,EAAE,CAAC,UAAU,GAAG,MAAM,CAAC;YACvB,IAAI,CAAC,sBAAsB,GAAG,GAAG,CAAC;SACnC;IACH,CAAC;IAES,qBAAqB,CAAC,CAAY;QAC1C,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QACD,MAAM,EAAE,GAAG,YAAY,CAAC;QACxB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,iBAAiB,EAAE,CAAC,EAAE;YAC1D,OAAO;SACR;QACD,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC;IAC1C,CAAC;IAES,gBAAgB,CAAC,CAAY;QACrC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QACD,MAAM,EAAE,GAAG,YAAY,CAAC;QACxB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,iBAAiB,EAAE,CAAC,EAAE;YAC1D,OAAO;SACR;QACD,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC;QACxC,IAAI,CAAC,sBAAsB,EAAE;YAC3B,OAAO;SACR;QACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC;QACxC,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC;IACnD,CAAC;IAES,gBAAgB,CAAC,CAAY;QACrC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,CAAC,gBAAgB,EAAE;YACtB,OAAO;SACR;QACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;QACjC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;IACtC,CAAC;IAES,YAAY,CAAC,CAAY;QACjC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,CAAC,gBAAgB,EAAE;YACtB,OAAO;SACR;QACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC;IAED;;OAEG;IACO,gBAAgB;QACxB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,EAAE,CAAC;SACX;QACD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAC/B,aAAa,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;SAChC;QACD,OAAO,aAAa,CAAC,GAAG,CAAC,OAAO,CAAa,CAAC;IAChD,CAAC;IAES,cAAc,CAAC,CAAQ;QAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,aAA4B,CAAC;QAC9C,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,uBAAuB,CAAC,EAAY,CAAC,CAAC;IAC7C,CAAC;IAES,qBAAqB,CAAC,CAAgB;QAC9C,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YACtB,OAAO;SACR;QACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,MAAM,GAAG,CAAC,CAAC,aAA4B,CAAC;QAC9C,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,uBAAuB,CAAC,EAAY,CAAC,CAAC;IAC7C,CAAC;IAED;;;;OAIG;IACO,uBAAuB,CAAC,EAAU;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACf;aAAM;YACL,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACvB;QACD,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,YAAY,CAAC,WAA4B,EAAE,MAAc;QACjE,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,EAAE,CAAC;QACvC,OAAO,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,GAAa,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;IAES,qBAAqB,CAAC,CAAQ;QACtC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAsB,CAAC;QACxC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACnB,OAAO;SACR;QACD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAe,CAAC;QACrC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;YAC1B,OAAO;SACR;QACD,cAAc,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,OAAO,CAAC;SAChB;QACD,MAAM,WAAW,GAAG;YAClB,aAAa,EAAE,CAAC,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,sBAAsB;YACzE,WAAW,EAAE,IAAI;SAClB,CAAA;QACD,OAAO,IAAI,CAAA;MACT,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;kBACjB,QAAQ,CAAC,WAAW,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,YAAY,IAAI,CAAC,YAAY;QACjG,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC;QAClE,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;;MAEvD,IAAI,CAAC,kBAAkB,EAAE;KAC1B,CAAC;IACJ,CAAC;IAES,eAAe,CAAC,MAAkB;QAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,qBAAqB,CAAC;QACxD,OAAO,IAAI,CAAA;;uCAEwB,KAAK;QACpC,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;;KAEpC,CAAC;IACJ,CAAC;IAES,oBAAoB,CAAC,MAAkB;QAC/C,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC;QACpC,IAAI,WAAW,EAAE;YACf,OAAO,IAAI,CAAA;;gDAE+B,WAAW;;;aAG9C,CAAC;SACT;QACD,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAES,mBAAmB,CAAC,UAA0B,EAAE,YAA+B,EAAE,QAAkB;QAC3G,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;YAC9C,0FAA0F;YAC1F,OAAO,IAAI,CAAA,iFAAiF,CAAC;SAC9F;QACD,OAAO,IAAI,CAAA;MACT,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;MACxD,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;KAC9D,CAAC;IACJ,CAAC;IAES,iBAAiB,CAAC,IAAkB,EAAE,QAAQ,GAAC,KAAK;QAC5D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,MAAM,gBAAgB,GAAG;YACvB,oBAAoB,EAAE,IAAI;YAC1B,QAAQ,EAAE,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,GAAG;SAC7C,CAAC;QACF,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,gBAAgB,CAAC,eAAe,GAAG;;;;;YAKlD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;;oDAEW,IAAI,IAAI,UAAU;YAC1D,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,4BAA4B,EAAE,QAAQ,CAAC;YACtE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,+CAA+C,EAAE,QAAQ,CAAC;YACzF,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,8CAA8C,EAAE,KAAK,CAAC;YAClF,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,mDAAmD,EAAE,OAAO,EAAE,SAAS,CAAC;;;YAGtG,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,WAAW,CAAC;;;;QAIvD,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,QAAQ,CAAC;;KAElD,CAAC;IACJ,CAAC;IAED;;;;;;;OAOG;IACO,oBAAoB,CAAC,IAAqB,EAAE,QAAQ,GAAC,KAAK;QAClE,MAAM,EAAE,OAAO,GAAC,EAAE,EAAE,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO,IAAI,CAAC,4BAA4B,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;SAC1D;QACD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACxB,OAAO,IAAI,CAAC,0BAA0B,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;SACxD;QACD,OAAO,IAAI,CAAC,yBAAyB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACxD,CAAC;IAED;;;OAGG;IACO,0BAA0B,CAAC,IAAqB,EAAE,QAAQ,GAAC,KAAK;QACxE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC/C,MAAM,gBAAgB,GAAG;YACvB,oBAAoB,EAAE,IAAI;YAC1B,QAAQ,EAAE,IAAI,CAAC,gBAAgB,KAAK,GAAG;YACvC,WAAW,EAAE,IAAI,CAAC,sBAAsB,KAAK,GAAG;SACjD,CAAC;QACF,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA,CAAC,gDAAgD;QACtG,IAAI,WAAmB,CAAC;QACxB,IAAI,MAAM,EAAE;YACV,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;SACvC;aAAM;YACL,WAAW,GAAG,gBAAgB,CAAC;SAChC;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAClD,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,gBAAgB,CAAC,eAAe,GAAG,gBAAgB,IAAI,CAAC,oBAAoB,iBAAiB,IAAI,CAAC,qBAAqB,YAAY,IAAI,CAAC,gBAAgB;;;;6DAItH,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,aAAa,IAAI,CAAC,cAAc,eAAe,IAAI,CAAC,qBAAqB;;cAE/J,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,0DAA0D,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cAAc;;YAEvH,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;;oDAEW,QAAQ,CAAC,CAAC,CAAC,YAAY,WAAW,EAAE,CAAC,CAAC,CAAC,WAAW;YAC1F,IAAI,CAAC,aAAa,CAAC,iBAAiB,EAAE,gCAAgC,EAAE,SAAS,CAAC;YAClF,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,4BAA4B,EAAE,QAAQ,CAAC;YACtE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,+CAA+C,EAAE,QAAQ,CAAC;;;YAGzF,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,WAAW,CAAC;;;;QAIvD,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,QAAQ,CAAC;;MAEpD,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;QAGb,IAAI,CAAC,8BAA8B,CAAC,IAAI,CAAC;;KAE5C,CAAC,CAAC,CAAC,EAAE;KACL,CAAC;IACJ,CAAC;IAED;;;OAGG;IACO,yBAAyB,CAAC,IAAqB,EAAE,QAAQ,GAAC,KAAK;QACvE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC/C,MAAM,gBAAgB,GAAG;YACvB,oBAAoB,EAAE,IAAI;YAC1B,QAAQ,EAAE,IAAI,CAAC,gBAAgB,KAAK,GAAG;YACvC,WAAW,EAAE,IAAI,CAAC,sBAAsB,KAAK,GAAG;SACjD,CAAC;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACnC,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACnC,wFAAwF;QACxF,8DAA8D;QAC9D,6HAA6H;QAC7H,IAAI,IAAI,GAAc,OAAO,CAAC;QAC9B,IAAI,OAAO,EAAE;YACX,IAAI,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;gBAC9C,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC;aACjC;SACF;QACD,IAAI,UAAU,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,qEAAqE;YACrE,UAAU,GAAG,iBAAiB,CAAC;SAChC;aAAM,IAAI,IAAI,KAAK,OAAO,EAAE;YAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACjE,UAAU,GAAG,UAAU,KAAK,EAAE,CAAC;SAChC;aAAM,IAAI,IAAI,KAAK,OAAO,EAAE;YAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACjE,UAAU,GAAG,UAAU,KAAK,EAAE,CAAC;SAChC;aAAM;YACL,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAClE,UAAU,GAAG,UAAU,KAAK,EAAE,CAAC;SAChC;QACD,IAAI,QAAQ,EAAE;YACZ,UAAU,GAAG,WAAW,UAAU,EAAE,CAAC;SACtC;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACpC,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,gBAAgB,CAAC,eAAe,GAAG;;;;yEAIW,GAAG,aAAa,IAAI,CAAC,cAAc,eAAe,IAAI,CAAC,qBAAqB;;qEAEhF,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;YAEjF,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;;oDAEW,UAAU;YAClD,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,+BAA+B,EAAE,QAAQ,CAAC;YACzE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,+CAA+C,EAAE,QAAQ,CAAC;YACzF,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,+BAA+B,EAAE,IAAI,CAAC;;;YAGlE,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,WAAW,CAAC;;;;QAIvD,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,QAAQ,CAAC;;MAEpD,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;QAGb,IAAI,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC;;KAE5C,CAAC,CAAC,CAAC,EAAE;KACL,CAAC;IACJ,CAAC;IAED;;OAEG;IACO,4BAA4B,CAAC,IAAqB,EAAE,QAAQ,GAAC,KAAK;QAC1E,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC/C,MAAM,gBAAgB,GAAG;YACvB,oBAAoB,EAAE,IAAI;YAC1B,QAAQ,EAAE,IAAI,CAAC,gBAAgB,KAAK,GAAG;YACvC,WAAW,EAAE,IAAI,CAAC,sBAAsB,KAAK,GAAG;SACjD,CAAC;QACF,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,gBAAgB,CAAC,eAAe,GAAG;;;;;;;YAOlD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;;YAE7B,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,iCAAiC,EAAE,IAAI,CAAC;YACxE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,4BAA4B,EAAE,QAAQ,CAAC;YACtE,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,+CAA+C,EAAE,QAAQ,CAAC;;;YAGzF,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,WAAW,CAAC;;;;QAIvD,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,QAAQ,CAAC;;KAErD,CAAC;IACJ,CAAC;IAES,8BAA8B,CAAC,IAAqB;QAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,0FAA0F;YAC1F,OAAO,IAAI,CAAA,mFAAmF,CAAC;SAChG;QACD,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;QAC1B,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC;;KAEzE,CAAC;IACJ,CAAC;IAES,wBAAwB,CAAC,IAAqB,EAAE,IAAe;QACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,0FAA0F;YAC1F,OAAO,IAAI,CAAA,mFAAmF,CAAC;SAChG;QACD,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,IAAI,aAAa,GAAmB,EAAE,CAAC;YACvC,IAAI,eAAe,GAAsB,EAAE,CAAC;YAC5C,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC1B,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;gBAC5C,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBACjD,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;YACH,OAAO,IAAI,CAAA;;UAEP,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC;UACzC,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,eAAe,EAAE,IAAI,CAAC;aAC3D,CAAC;SACT;QAED,IAAI,QAAQ,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5C,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;SAC5B;QACD,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC;QACtD,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,IAAI,CAAA;;UAEP,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC;;;OAGtD,CAAC;SACH;QACD,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC;QACnD,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC;;KAEzE,CAAC;IACJ,CAAC;IAED;;;;;;;;;;OAUG;IACO,cAAc,CAAC,IAAqB,EAAE,IAAe,EAAE,QAAsB,EAAE,QAAiB;QACxG,IAAI,KAAa,CAAC;QAClB,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,KAAK,GAAG,4CAA4C,CAAC;SACtD;aAAM,IAAI,IAAI,KAAK,OAAO,EAAE;YAC3B,KAAK,GAAG,8BAA8B,CAAC;SACxC;aAAM,IAAI,IAAI,KAAK,OAAO,EAAE;YAC3B,KAAK,GAAG,iCAAiC,CAAC;SAC3C;aAAM;YACL,KAAK,GAAG,yBAAyB,CAAC;SACnC;QACD,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAA;;kCAEmB,KAAK;QAC/B,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;SACrB,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAA;;;;4BAIV,IAAI,CAAC,GAAG;gCACJ,IAAI,CAAC,GAAG;qBACnB,MAAM,CAAC,GAAG;wBACP,QAAQ,KAAK,MAAM,CAAC,GAAG;uBACxB,IAAI,CAAC,qBAAqB;;YAErC,MAAM,CAAC,IAAI,CAAC,WAAW;iBAClB,CAAC;OACX,CAAC,CAAC,CAAC,OAAO;;KAEZ,CAAC;IACJ,CAAC;IAES,4BAA4B,CAAC,WAAoB;QACzD,OAAO,IAAI,CAAA;;8CAE+B,WAAW,IAAI,gBAAgB;;;;KAIxE,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACO,oBAAoB,CAAC,IAAgC,EAAE,QAAkB;QACjF,IAAI,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC9B,OAAO,OAAO,CAAC;SAChB;QACD,MAAM,WAAW,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,yBAAyB,CAAC;QAC7F,MAAM,WAAW,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC;QACnF,MAAM,SAAS,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,uBAAuB,CAAC;QACvF,MAAM,SAAS,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,CAAC;QAC7E,OAAO,IAAI,CAAA;;mCAEoB,IAAI,iBAAiB,WAAW,YAAY,WAAW,aAAa,IAAI,CAAC,cAAc;;;mCAGvF,IAAI,iBAAiB,SAAS,YAAY,SAAS,aAAa,IAAI,CAAC,YAAY;;;;KAI/G,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACO,kBAAkB,CAAC,IAAkB;QAC7C,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAC,KAAK,EAAE,UAAU,GAAC,KAAK,EAAE,GAAG,IAAI,CAAC;QACxD,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QACrD,MAAM,OAAO,GAAG;YACd,YAAY,EAAE,IAAI;YAClB,QAAQ;YACR,UAAU;SACX,CAAC;QACF,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,OAAO,CAAC;kDACe,IAAI,CAAC,WAAW;;MAE5D,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,mFAAmF,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE;KAC3H,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACO,kBAAkB,CAAC,IAAqB;QAChD,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAC,KAAK,EAAE,GAAG,IAAI,CAAC;QACtC,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QACrD,MAAM,OAAO,GAAG;YACd,YAAY,EAAE,IAAI;YAClB,QAAQ;SACT,CAAC;QACF,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,OAAO,CAAC;kDACe,IAAI,CAAC,WAAW;;MAE5D,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,mFAAmF,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE;KAC3H,CAAC;IACJ,CAAC;IAES,aAAa,CAAC,KAAa,EAAE,KAAa,EAAE,IAAa,EAAE,SAAkB;QACrF,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,EAAE,CAAC;SACX;QACD,MAAM,OAAO,GAAc;YACzB,IAAI,EAAE,IAAI;YACV,YAAY,EAAE,IAAI;YAClB,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS;SAC/B,CAAC;QACF,OAAO,IAAI,CAAA,gBAAgB,QAAQ,CAAC,OAAO,CAAC,YAAY,KAAK,KAAK,KAAK,SAAS,CAAC;IACnF,CAAC;IAED;;;;OAIG;IACO,kBAAkB,CAAC,OAAqB;QAChD,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO,OAAO,CAAC;SAChB;QACD,0FAA0F;QAC1F,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;kFACkD,CAAC,CAAC,IAAI,CAAC,IAAI;MACvF,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,YAAY,EAAE,IAAI,CAAC;KAC7D,CAAC,CAAC;IACL,CAAC;IAES,kBAAkB;QAC1B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,mBAAmB;;KAE9D,CAAC;IACJ,CAAC;CACF;AAhzB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAsB;AAMN;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAc;AAK/C;IAAR,KAAK,EAAE;mDAAgC;AAMG;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAA2B;AAOzB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+DAA+B;AAQ9B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAoB;AAMtD;IAAR,KAAK,EAAE;kEAA2C","sourcesContent":["import { css, CSSResult, html, TemplateResult, nothing, PropertyValues } from \"lit\";\nimport { DataAssociation, DataEntity, DataNamespace, DataProperty, DataEntityKind } from \"@api-client/core/build/browser.js\";\nimport { property, state } from \"lit/decorators.js\";\nimport { ClassInfo, classMap } from \"lit/directives/class-map.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport theme from '../theme.js';\nimport schemaCommon from './schemaCommon.js';\nimport EditorCommon from './CommonStyles.js';\nimport MarkdownStyles from '../highlight/MarkdownStyles.js';\nimport typography from \"../../styles/m3/typography.module.js\";\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-radio.js';\nimport RadioElement from \"../../ui/input/RadioElement.js\";\n\n/**\n * We keep the list of expanded attributes in a weak map\n * so the state is kept as long as the namespace is loaded and the DataEntity exists.\n * WeakMap allows to GC the DataEntity when it is removed from the namespace (and also release the values).\n */\nconst expandedState = new WeakMap<DataEntity, string[]>();\n\nconst selectedUnions = new Map<string, string>();\n\ntype UnionType = \"anyOf\" | \"allOf\" | \"oneOf\" | \"not\";\n\n/**\n * An element that renders a documentation view for a data entity.\n * \n * @fires edit - When a property is selected for editing. This is only possible when the `editable` property is set.\n * @fires change - When the entity has changed. This is only possible when the `editable` property is set.\n */\nexport default class DataSchemaDocument extends ApiElement {\n static override get styles(): CSSResult[] {\n return [\n theme,\n schemaCommon,\n MarkdownStyles,\n EditorCommon,\n typography,\n css`\n :host {\n display: block;\n }\n\n .entity-header {\n margin-bottom: 20px;\n }\n\n .entity-header .label {\n margin-bottom: 1em;\n }\n\n .no-info {\n margin: 12px 20px;\n }\n\n .add-property-section {\n margin-top: 20px;\n }\n\n .property-container.selected {\n background: var(--list-active-background);\n }\n\n .tree-view.drop-active {\n background: var(--association-drop-background, #e3f2fd);\n }\n\n .property-container.drag-over {\n background: var(--association-drop-background, #e3f2fd);\n }\n\n .drop-zone {\n position: absolute;\n inset: 0;\n height: unset;\n margin: 0;\n padding: 0;\n background: rgba(255,255,255,0.92);\n }\n `,\n ];\n }\n\n /**\n * The read data namespace.\n */\n @property({ type: Object }) root?: DataNamespace;\n\n /**\n * The entity key to render the schema documentation for\n * @attribute\n */\n @property({ type: String, reflect: true }) key?: string;\n\n /**\n * The read data entity when the \"selected\" change.\n */\n @state() protected _entity?: DataEntity;\n\n /**\n * The key of the property being highlighted.\n * @attribute\n */\n @property({ type: String, reflect: true }) selectedProperty?: string;\n\n /**\n * When set it activates the drop zone in the properties list to drop an entity as an association.\n * This has no effect when `editable` is not set.\n * @attribute\n */\n @property({ type: Boolean, reflect: true }) associationDropZone?: boolean;\n\n /**\n * Whether to render the view in the edit-ready model.\n * This mode allows to add new property, create an association, or remove those.\n * It does not allow to manipulate properties of association or properties.\n * @attribute\n */\n @property({ type: Boolean, reflect: true }) editable?: boolean;\n\n /**\n * When dragging an entity over an existing association this is the key\n * of the association hovered.\n */\n @state() protected _dropAssociationTarget?: string;\n\n protected override willUpdate(cp: PropertyValues<this>): void {\n if (cp.has('key')) {\n this.computeEntity();\n }\n }\n\n /**\n * Computes the view value for the property.\n * This should be called before the update is complete so this won't trigger another update.\n */\n protected computeEntity(): void {\n const { root, key } = this;\n if (!root || !key) {\n this._entity = undefined;\n return;\n }\n const entity = root.definitions.entities.find(i => i.key === key);\n this._entity = entity;\n }\n\n /**\n * Adds an entity with the given key as an association to this entity.\n * This does nothing when the view is not in the `editable` model.\n * \n * Note, we allow to create an association to self. Also note, an entity can have multiple associations to the same target.\n * \n * @param foreignKey The key of the target entity to add.\n * @param parentAssociation When set, it adds another target to an existing association.\n */\n addAssociation(foreignKey: string, parentAssociation?: string): void {\n const { _entity, editable } = this;\n if (!editable || !foreignKey || !_entity) {\n return;\n }\n if (parentAssociation) {\n const parent = _entity.associations.find(i => i.key === parentAssociation);\n if (!parent) {\n return;\n }\n parent.addTarget(foreignKey);\n } else {\n const created = _entity.addTargetAssociation(foreignKey);\n this.dispatchEvent(new CustomEvent('edit', {\n detail: {\n type: 'association',\n key: created.key,\n }\n }));\n }\n this._notifyChanged();\n }\n\n /**\n * Removes an association from the entity.\n * This does nothing when the view is not in the `editable` model.\n * \n * @param key The key of the association to remove.\n */\n removeAssociation(key: string): void {\n const { _entity, editable } = this;\n if (!editable || !key || !_entity) {\n return;\n }\n _entity.removeAssociation(key);\n this._notifyChanged();\n this.requestUpdate();\n }\n\n addProperty(name?: string): void {\n const { _entity, editable } = this;\n if (!_entity || !editable) {\n return;\n }\n const created = _entity.addNamedProperty(name || 'New property');\n this.selectedProperty = created.key;\n this._notifyChanged();\n this.requestUpdate();\n this.dispatchEvent(new CustomEvent('edit', {\n detail: {\n type: 'property',\n key: created.key,\n }\n }));\n }\n\n removeProperty(key: string): void {\n const { _entity, editable } = this;\n if (!key || !_entity || !editable) {\n return;\n }\n _entity.removeProperty(key);\n if (this.selectedProperty === key) {\n this.selectedProperty = undefined;\n }\n this._notifyChanged();\n this.requestUpdate();\n }\n\n protected _notifyChanged(): void {\n this.dispatchEvent(new Event('change'));\n }\n\n protected _addPropertyHandler(): void {\n this.addProperty();\n }\n\n protected _findParentKeyedElement(node: HTMLElement): HTMLElement | null {\n let target: HTMLElement | null = node;\n while (target) {\n if (target.nodeType !== Node.ELEMENT_NODE || !target.dataset) {\n target = target.parentElement;\n continue;\n }\n if (target.dataset.key) {\n return target;\n }\n target = target.parentElement;\n }\n return null;\n }\n\n protected _removeHandler(e: Event): void {\n const button = e.currentTarget as HTMLElement;\n const { type } = button.dataset;\n if (!type) {\n return;\n }\n const node = this._findParentKeyedElement(e.target as HTMLElement);\n if (node) {\n if (type === 'property') {\n this.removeProperty(node.dataset.key as string);\n } else if (type === 'association') {\n this.removeAssociation(node.dataset.key as string);\n }\n }\n }\n\n protected _editHandler(e: Event): void {\n const button = e.currentTarget as HTMLElement;\n const { type } = button.dataset;\n if (!type) {\n return;\n }\n const node = this._findParentKeyedElement(e.target as HTMLElement);\n if (node) {\n this.dispatchEvent(new CustomEvent('edit', {\n detail: {\n type,\n key: node.dataset.key as string,\n }\n }));\n }\n }\n\n protected _associationDragOver(e: DragEvent): void {\n const { dataTransfer } = e;\n if (!dataTransfer) {\n return;\n }\n const dt = dataTransfer;\n if (!dt.types.includes(DataEntityKind.toLocaleLowerCase())) {\n return;\n }\n const node = e.currentTarget as HTMLElement;\n const { key } = node.dataset;\n if (key) {\n e.preventDefault();\n dt.effectAllowed = 'copy';\n dt.dropEffect = 'copy';\n this._dropAssociationTarget = key;\n }\n }\n\n protected _associationDragLeave(e: DragEvent): void {\n const { dataTransfer } = e;\n if (!dataTransfer) {\n return;\n }\n const dt = dataTransfer;\n if (!dt.types.includes(DataEntityKind.toLocaleLowerCase())) {\n return;\n }\n this._dropAssociationTarget = undefined;\n }\n\n protected _associationDrop(e: DragEvent): void {\n const { dataTransfer } = e;\n if (!dataTransfer) {\n return;\n }\n const dt = dataTransfer;\n if (!dt.types.includes(DataEntityKind.toLocaleLowerCase())) {\n return;\n }\n const { _dropAssociationTarget } = this;\n if (!_dropAssociationTarget) {\n return;\n }\n e.preventDefault();\n this._dropAssociationTarget = undefined; \n const key = dataTransfer.getData('text/key');\n this.addAssociation(key, _dropAssociationTarget);\n }\n\n protected _dragoverHandler(e: DragEvent): void {\n const { dataTransfer } = e;\n if (!dataTransfer) {\n return;\n }\n if (e.defaultPrevented) {\n return;\n }\n e.preventDefault();\n dataTransfer.dropEffect = \"copy\";\n dataTransfer.effectAllowed = \"copy\";\n }\n\n protected _dropHandler(e: DragEvent): void {\n const { dataTransfer } = e;\n if (!dataTransfer) {\n return;\n }\n if (e.defaultPrevented) {\n return;\n }\n e.preventDefault();\n const key = dataTransfer.getData('text/key');\n this.addAssociation(key);\n }\n\n /**\n * @returns the list of keys of properties that are expanded (children are rendered).\n */\n protected _getExpandedKeys(): string[] {\n const { _entity } = this;\n if (!_entity) {\n return [];\n }\n if (!expandedState.has(_entity)) {\n expandedState.set(_entity, []);\n }\n return expandedState.get(_entity) as string[];\n }\n\n protected _expandHandler(e: Event): void {\n const button = e.currentTarget as HTMLElement;\n const { id } = button.dataset;\n this._toggleExpandedProperty(id as string);\n }\n\n protected _expandKeydownHandler(e: KeyboardEvent): void {\n if (e.code !== 'Space') {\n return;\n }\n e.preventDefault();\n const button = e.currentTarget as HTMLElement;\n const { id } = button.dataset;\n this._toggleExpandedProperty(id as string);\n }\n\n /**\n * Toggles an \"expanded\" state for a property children.\n * \n * @param id Parent property id that has children to toggle visibility of.\n */\n protected _toggleExpandedProperty(id: string): void {\n const list = this._getExpandedKeys();\n const index = list.indexOf(id);\n if (index === -1) {\n list.push(id);\n } else {\n list.splice(index, 1);\n }\n this.requestUpdate();\n }\n\n protected _isRecursive(association: DataAssociation, target: string): boolean {\n const entity = association.getParent();\n return entity.hasClosedCycle(this.key as string, target);\n }\n\n protected _unionSelectedHandler(e: Event): void {\n const button = e.target as RadioElement;\n if (!button.checked) {\n return;\n }\n const value = button.value as string;\n const { association } = button.dataset;\n if (!association || !value) {\n return;\n }\n selectedUnions.set(association, value);\n this.requestUpdate();\n }\n\n protected override render(): TemplateResult | typeof nothing {\n const { _entity } = this;\n if (!_entity) {\n return nothing;\n }\n const treeClasses = {\n 'drop-active': !!this.associationDropZone && !this._dropAssociationTarget,\n 'tree-view': true,\n }\n return html`\n ${this._headerTemplate(_entity)}\n <div class=\"${classMap(treeClasses)}\" @dragover=\"${this._dragoverHandler}\" @drop=\"${this._dropHandler}\">\n ${this._propertiesTemplate(_entity.properties, _entity.associations)}\n ${this._parentsProperties(_entity.getComputedParents())}\n </div>\n ${this._addButtonTemplate()}\n `;\n }\n\n protected _headerTemplate(entity: DataEntity): TemplateResult {\n const label = entity.info.name || 'Unnamed data entity';\n return html`\n <div class=\"entity-header\">\n <div class=\"label title-large\">${label}</div>\n ${this._descriptionTemplate(entity)}\n </div>\n `;\n }\n\n protected _descriptionTemplate(entity: DataEntity): TemplateResult {\n const { description } = entity.info;\n if (description) {\n return html`\n <div class=\"description\">\n <marked-highlight sanitize .markdown=\"${description}\">\n <div slot=\"markdown-html\" class=\"markdown-body text-selectable\"></div>\n </marked-highlight>\n </div>`;\n }\n return html`\n <div class=\"description\">\n <span class=\"no-description body-medium\">No schema description provided.</span>\n </div>\n `;\n }\n\n protected _propertiesTemplate(properties: DataProperty[], associations: DataAssociation[], readonly?: boolean): TemplateResult {\n if (!properties.length && !associations.length) {\n // don't change the \"div\" to anything else. It's for the CSS to compute borders correctly.\n return html`<div class=\"no-properties\">This entity has no properties or associations.</div>`;\n }\n return html`\n ${properties.map(p => this._propertyTemplate(p, readonly))}\n ${associations.map(a => this._associationTemplate(a, readonly))}\n `;\n }\n\n protected _propertyTemplate(item: DataProperty, readonly=false): TemplateResult {\n const { info, type, key, required, multiple, index, primary } = item;\n const containerClasses = {\n 'property-container': true,\n selected: this.selectedProperty === item.key,\n };\n return html`\n <div class=\"${classMap(containerClasses)}\" data-key=\"${key}\">\n <div class=\"property-border\"></div>\n <div class=\"property-value\">\n <div class=\"property-headline\">\n <div class=\"property-decorator scalar\"><hr></div>\n ${this._paramNameTemplate(item)}\n <span class=\"headline-separator\"></span>\n <div class=\"param-type text-selectable\">${type || 'Any type'}</div>\n ${this._pillTemplate('Required', 'This property is required.', required)}\n ${this._pillTemplate('Multiple', 'Multiple instances of the value are possible.', multiple)}\n ${this._pillTemplate('Index', 'This property is a key which can be indexed.', index)}\n ${this._pillTemplate('Primary', 'This property is the primary key for this entity.', primary, 'primary')}\n </div>\n <div class=\"description-column\"> \n ${this._propertyDescriptionTemplate(info.description)}\n </div>\n <div class=\"details-column\"></div>\n </div>\n ${this._propertyListActions('property', readonly)}\n </div>\n `;\n }\n\n /**\n * A template for the data association list item view.\n * Depending on the number of targets of the association it renders the \"empty target\", single association, or a union association view.\n * \n * @param item The association item to render.\n * @param parent The parent entity of the association.\n * @param readonly Whether to render the view as \"read only\" (no edit controls). We do not show controls for properties inherited from parents.\n */\n protected _associationTemplate(item: DataAssociation, readonly=false): TemplateResult {\n const { targets=[] } = item;\n if (!targets.length) {\n return this._noTargetAssociationTemplate(item, readonly);\n }\n if (targets.length === 1) {\n return this._singleAssociationTemplate(item, readonly);\n }\n return this._unionAssociationTemplate(item, readonly);\n }\n\n /**\n * Renders the template for the an association that has one target. This is a classic association where a property \n * is associated with an object.\n */\n protected _singleAssociationTemplate(item: DataAssociation, readonly=false): TemplateResult {\n const { info, key, required, multiple } = item;\n const containerClasses = {\n 'property-container': true,\n selected: this.selectedProperty === key,\n 'drag-over': this._dropAssociationTarget === key,\n };\n const entity = item.getTargets()[0];\n const recursive = this._isRecursive(item, entity.key) // entity === this._entity || entity === parent;\n let targetLabel: string;\n if (entity) {\n targetLabel = entity.info.renderLabel;\n } else {\n targetLabel = 'Invalid target';\n }\n const list = this._getExpandedKeys();\n const expanded = !recursive && list.includes(key);\n return html`\n <div class=\"${classMap(containerClasses)}\" data-key=\"${key}\" @dragover=\"${this._associationDragOver}\" @dragleave=\"${this._associationDragLeave}\" @drop=\"${this._associationDrop}\">\n <div class=\"property-border\"></div>\n <div class=\"property-value\">\n <div class=\"property-headline\">\n <div class=\"property-decorator object\" tabindex=\"${recursive ? '-1' : '0'}\" data-id=\"${key}\" @click=\"${this._expandHandler}\" @keydown=\"${this._expandKeydownHandler}\">\n <hr>\n ${recursive ? '' : html`<ui-icon icon=\"chevronRight\" class=\"object-toggle-icon ${expanded ? 'opened' : ''}\"></ui-icon>`}\n </div>\n ${this._assocNameTemplate(item)}\n <span class=\"headline-separator\"></span>\n <div class=\"param-type text-selectable\">${multiple ? `Array of ${targetLabel}` : targetLabel}</div>\n ${this._pillTemplate('Recursive shape', 'This association is recursive.', recursive)}\n ${this._pillTemplate('Required', 'This property is required.', required)}\n ${this._pillTemplate('Multiple', 'Multiple instances of the value are possible.', multiple)}\n </div>\n <div class=\"description-column\"> \n ${this._propertyDescriptionTemplate(info.description)}\n </div>\n <div class=\"details-column\"></div>\n </div>\n ${this._propertyListActions('association', readonly)}\n </div>\n ${expanded ? html`\n <div class=\"shape-children\">\n <div class=\"property-border\"></div>\n ${this._associationPropertiesTemplate(item)}\n </div>\n ` : ''}\n `;\n }\n\n /**\n * Renders the template for the an association that has multiple targets. This association represents\n * an union of shapes. This means the property can be any, one of, or either of the union shapes.\n */\n protected _unionAssociationTemplate(item: DataAssociation, readonly=false): TemplateResult {\n const { info, key, required, multiple } = item;\n const containerClasses = {\n 'property-container': true,\n selected: this.selectedProperty === key,\n 'drag-over': this._dropAssociationTarget === key,\n };\n const entities = item.getTargets();\n const adapted = item.readAdapted();\n // The `anyOf` and `oneOf` renders the same as this is a selection of one of the schemas\n // The `allOf` renders properties for all shapes in the union.\n // The not can potentially be a scalar shape and we don't have a concept of that in this tool so probably we gonna skip that.\n let type: UnionType = 'anyOf';\n if (adapted) {\n if (adapted.schema && adapted.schema.unionType) {\n type = adapted.schema.unionType;\n }\n }\n let unionLabel = '';\n if (!entities.length) {\n // this will happen when all targets were removed from the namespace.\n unionLabel = 'invalid targets';\n } else if (type === 'anyOf') {\n const names = entities.map(i => i.info.renderLabel).join(' or ');\n unionLabel = `any of ${names}`;\n } else if (type === 'oneOf') {\n const names = entities.map(i => i.info.renderLabel).join(' or ');\n unionLabel = `one of ${names}`;\n } else {\n const names = entities.map(i => i.info.renderLabel).join(' and ');\n unionLabel = `all of ${names}`;\n }\n if (multiple) {\n unionLabel = `list of ${unionLabel}`;\n }\n const list = this._getExpandedKeys();\n const expanded = list.includes(key);\n return html`\n <div class=\"${classMap(containerClasses)}\" data-key=\"${key}\">\n <div class=\"property-border\"></div>\n <div class=\"property-value\">\n <div class=\"property-headline\">\n <div class=\"property-decorator object\" tabindex=\"0\" data-id=\"${key}\" @click=\"${this._expandHandler}\" @keydown=\"${this._expandKeydownHandler}\">\n <hr>\n <ui-icon icon=\"chevronRight\" class=\"object-toggle-icon ${expanded ? 'opened' : ''}\"></ui-icon>\n </div>\n ${this._assocNameTemplate(item)}\n <span class=\"headline-separator\"></span>\n <div class=\"param-type text-selectable\">${unionLabel}</div>\n ${this._pillTemplate('Required', 'This association is required.', required)}\n ${this._pillTemplate('Multiple', 'Multiple instances of the value are possible.', multiple)}\n ${this._pillTemplate('Union', 'This association is an union.', true)}\n </div>\n <div class=\"description-column\">\n ${this._propertyDescriptionTemplate(info.description)}\n </div>\n <div class=\"details-column\"></div>\n </div>\n ${this._propertyListActions('association', readonly)}\n </div>\n ${expanded ? html`\n <div class=\"shape-children\">\n <div class=\"property-border\"></div>\n ${this._unionPropertiesTemplate(item, type)}\n </div>\n ` : ''}\n `;\n }\n\n /**\n * Renders the template for an association that has no target set.\n */\n protected _noTargetAssociationTemplate(item: DataAssociation, readonly=false): TemplateResult {\n const { info, key, required, multiple } = item;\n const containerClasses = {\n 'property-container': true,\n selected: this.selectedProperty === key,\n 'drag-over': this._dropAssociationTarget === key,\n };\n return html`\n <div class=\"${classMap(containerClasses)}\" data-key=\"${key}\">\n <div class=\"property-border\"></div>\n <div class=\"property-value\">\n <div class=\"property-headline\">\n <div class=\"property-decorator object\">\n <hr>\n </div>\n ${this._assocNameTemplate(item)}\n <span class=\"headline-separator\"></span>\n ${this._pillTemplate('No target', 'This association has no target.', true)}\n ${this._pillTemplate('Required', 'This property is required.', required)}\n ${this._pillTemplate('Multiple', 'Multiple instances of the value are possible.', multiple)}\n </div>\n <div class=\"description-column\">\n ${this._propertyDescriptionTemplate(info.description)}\n </div>\n <div class=\"details-column\"></div>\n </div>\n ${this._propertyListActions('association', readonly)}\n </div>\n `;\n }\n\n protected _associationPropertiesTemplate(item: DataAssociation): TemplateResult {\n const entities = item.getTargets();\n if (!entities.length) {\n // don't change the \"div\" to anything else. It's for the CSS to compute borders correctly.\n return html`<div class=\"no-properties\">Invalid entry. The target entity does not exist.</div>`;\n }\n const [entity] = entities;\n return html`\n <div class=\"tree-view\">\n ${this._propertiesTemplate(entity.properties, entity.associations, true)}\n </div>\n `;\n }\n\n protected _unionPropertiesTemplate(item: DataAssociation, type: UnionType): TemplateResult {\n const entities = item.getTargets();\n if (!entities.length) {\n // don't change the \"div\" to anything else. It's for the CSS to compute borders correctly.\n return html`<div class=\"no-properties\">Invalid entry. The target entity does not exist.</div>`;\n }\n if (type === 'allOf') {\n let allProperties: DataProperty[] = [];\n let allAssociations: DataAssociation[] = [];\n entities.forEach((entity) => {\n const { associations, properties } = entity;\n allProperties = allProperties.concat(properties);\n allAssociations = allAssociations.concat(associations);\n });\n return html`\n <div class=\"tree-view\">\n ${this._unionSelector(item, type, entities)}\n ${this._propertiesTemplate(allProperties, allAssociations, true)}\n </div>`;\n }\n\n let selected = selectedUnions.get(item.key);\n if (!selected) {\n selected = entities[0].key;\n }\n const entity = entities.find(i => i.key === selected);\n if (!entity) {\n return html`\n <div class=\"tree-view\">\n ${this._unionSelector(item, type, entities, selected)}\n <p class=\"no-info\">Invalid selection. Entity not found.</p>\n </div>\n `;\n }\n return html`\n <div class=\"tree-view\">\n ${this._unionSelector(item, type, entities, selected)}\n ${this._propertiesTemplate(entity.properties, entity.associations, true)}\n </div>\n `;\n }\n\n /**\n * Depending on the union type, it renders the union type label and a selector of the union member.\n * \n * This template is intended to use when multiple targets in association were detected.\n * \n * @param item The association item\n * @param type The read from the adapted entity association type.\n * @param entities The list of association targets.\n * @param selected The key of the currently selected association target\n * @returns The template for the union selection in the list of properties.\n */\n protected _unionSelector(item: DataAssociation, type: UnionType, entities: DataEntity[], selected?: string): TemplateResult {\n let label: string;\n if (type === 'anyOf') {\n label = 'Any (one or more) of the following schemas';\n } else if (type === 'oneOf') {\n label = 'One of the following schemas';\n } else if (type === 'allOf') {\n label = 'All properties of union schemas';\n } else {\n label = 'Not matching the schema';\n }\n const renderSelection = ['anyOf', 'oneOf'].includes(type);\n return html`\n <div class=\"union-options\">\n <span class=\"label-large\">${label}</span>\n ${renderSelection ? html`\n ${entities.map((entity) => html`\n <label class=\"label-large\">\n <ui-radio\n class=\"union-toggle\" \n name=\"unionFor${item.key}\"\n data-association=\"${item.key}\"\n value=\"${entity.key}\"\n .checked=\"${selected === entity.key}\" \n @change=\"${this._unionSelectedHandler}\"\n ></ui-radio>\n ${entity.info.renderLabel}\n </label>`)}\n ` : nothing}\n </div>\n `;\n }\n\n protected _propertyDescriptionTemplate(description?: string): TemplateResult {\n return html`\n <div class=\"description\">\n <marked-highlight sanitize .markdown=\"${description || 'No description'}\">\n <div slot=\"markdown-html\" class=\"markdown-body text-selectable\"></div>\n </marked-highlight>\n </div>\n `;\n }\n\n /**\n * Adds the delete and edit buttons to the tree item.\n * This renders nothing when the property is readonly or the element is not `editable`.\n * \n * @param readonly Indicates the property is a readonly mode (e.g. belongs to an external entity.)\n */\n protected _propertyListActions(type: 'property' | 'association', readonly?: boolean): TemplateResult | typeof nothing {\n if (readonly || !this.editable) {\n return nothing;\n }\n const removeTitle = type === 'property' ? 'Remove this property' : 'Remove this association';\n const removeLabel = type === 'property' ? 'Remove property' : 'Remove association';\n const editTitle = type === 'property' ? 'Edit this property' : 'Edit this association';\n const editLabel = type === 'property' ? 'Edit property' : 'Edit association';\n return html`\n <div class=\"property-actions\">\n <ui-icon-button data-type=\"${type}\" aria-label=\"${removeLabel}\" title=\"${removeTitle}\" @click=\"${this._removeHandler}\">\n <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n </ui-icon-button>\n <ui-icon-button data-type=\"${type}\" aria-label=\"${editLabel}\" title=\"${editTitle}\" @click=\"${this._editHandler}\">\n <ui-icon icon=\"edit\" role=\"presentation\"></ui-icon>\n </ui-icon-button>\n </div>\n `;\n }\n\n /**\n * A template for the display name of a property.\n * @param item The property to render the name filed for\n * @returns The template for the property name. \n */\n protected _paramNameTemplate(item: DataProperty): TemplateResult {\n const { info, required=false, deprecated=false } = item;\n const paramName = !info.displayName ? '' : info.name;\n const classes = {\n 'param-name': true,\n required,\n deprecated,\n };\n return html`\n <div class=\"${classMap(classes)}\">\n <span class=\"param-label text-selectable\">${info.renderLabel}</span>\n </div>\n ${paramName ? html`<span class=\"param-name-secondary text-selectable\" title=\"Schema property name\">${paramName}</span>` : ''}\n `;\n }\n\n /**\n * A template for the display name of an association.\n * @param item The property to render the name filed for\n * @returns The template for the property name. \n */\n protected _assocNameTemplate(item: DataAssociation): TemplateResult {\n const { info, required=false } = item;\n const paramName = !info.displayName ? '' : info.name;\n const classes = {\n 'param-name': true,\n required,\n };\n return html`\n <div class=\"${classMap(classes)}\">\n <span class=\"param-label text-selectable\">${info.renderLabel}</span>\n </div>\n ${paramName ? html`<span class=\"param-name-secondary text-selectable\" title=\"Schema property name\">${paramName}</span>` : ''}\n `;\n }\n\n protected _pillTemplate(label: string, title: string, test: unknown, className?: string): TemplateResult | string {\n if (!test) {\n return '';\n }\n const classes: ClassInfo = {\n pill: true,\n 'param-pill': true,\n [className || '']: !!className,\n };\n return html`<span class=\"${classMap(classes)}\" title=\"${title}\">${label}</span>`;\n }\n\n /**\n * Renders the template for the parents of the entity.\n * \n * @param parents The parents of the entity. This is an unordered list.\n */\n protected _parentsProperties(parents: DataEntity[]): TemplateResult[] | typeof nothing {\n if (!parents.length) {\n return nothing;\n }\n // don't change the \"div\" to anything else. It's for the CSS to compute borders correctly.\n return parents.map(p => html`\n <div class=\"inheritance-label text-selectable\">Properties inherited from <b>${p.info.name}</b>.</div>\n ${this._propertiesTemplate(p.properties, p.associations, true)}\n `);\n }\n\n protected _addButtonTemplate(): TemplateResult | typeof nothing {\n if (!this.editable) {\n return nothing;\n }\n return html`\n <div class=\"add-property-section\">\n <ui-button type=\"outlined\" @click=\"${this._addPropertyHandler}\">Add property</ui-button>\n </div>\n `;\n }\n}\n"]}

package/dist/elements/schema-design/EntityFormElement.d.ts ADDED Viewed

@@ -0,0 +1,65 @@
+import { CSSResult, PropertyValues, TemplateResult } from "lit";
+import { DataEntity, DataNamespace } from "@api-client/core/build/browser.js";
+import ApiElement from "../ApiElement.js";
+import '../../define/ui/ui-text-field.js';
+import '../../define/ui/ui-checkbox.js';
+import '../../define/ui/ui-divider.js';
+import '../../define/ui/ui-icon-button.js';
+import '../../define/ui/ui-icon.js';
+/**
+ * An editor for a data entity.
+ *
+ * @fires change - When the entity has changed.
+ * @fires namechange - When a name of the entity has changed.
+ */
+export default class EntityFormElement extends ApiElement {
+    static get styles(): CSSResult[];
+    /**
+     * The key of the entity to edit.
+     * @attribute
+     */
+    key?: string;
+    /**
+     * The read data namespace.
+     */
+    root?: DataNamespace;
+    /**
+     * When set it activates the drop zone in the parents list to support drag and drop.
+     * @attribute
+     */
+    parentDropZone?: boolean;
+    /**
+     * The computed entity when the key or root change.
+     */
+    protected _entity?: DataEntity;
+    protected willUpdate(cp: PropertyValues<this>): void;
+    /**
+     * Adds a parent entity to this entity.
+     * @param parentKey The key of the parent to add.
+     */
+    addParent(parentKey: string): void;
+    protected _notifyChanged(): void;
+    /**
+     * Computes the view value for the property.
+     * This should be called before the update is complete so this won't trigger another update.
+     */
+    protected _computeEntity(): void;
+    protected _infoChangeHandler(e: Event): void;
+    protected _checkedHandler(e: Event): void;
+    protected _dragoverHandler(e: DragEvent): void;
+    protected _dropHandler(e: DragEvent): void;
+    protected _parentRemoveHandler(e: Event): void;
+    /**
+     * Removes a parent with the given key.
+     * @param key The key of the parent to remove.
+     */
+    removeParent(key: string): void;
+    protected render(): TemplateResult;
+    protected _parentsEditorTemplate(entity: DataEntity): TemplateResult;
+    protected _parentDropZoneTemplate(): TemplateResult;
+    protected _parentsTemplate(entity: DataEntity): TemplateResult;
+    protected renderEmptyParentsMessage(): TemplateResult;
+    protected _parentsListTemplate(parents: DataEntity[]): TemplateResult;
+    protected _parentItemTemplate(item: DataEntity): TemplateResult;
+}
+//# sourceMappingURL=EntityFormElement.d.ts.map

package/dist/elements/schema-design/EntityFormElement.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EntityFormElement.d.ts","sourceRoot":"","sources":["../../../src/elements/schema-design/EntityFormElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG3E,OAAO,EAAE,UAAU,EAAE,aAAa,EAAc,MAAM,mCAAmC,CAAC;AAC1F,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAM1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,4BAA4B,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,UAAU;IACvD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAoCxC;IAED;;;OAGG;IACwC,GAAG,CAAC,EAAE,MAAM,CAAC;IAExD;;OAEG;IACyB,IAAI,CAAC,EAAE,aAAa,CAAC;IAEjD;;;OAGG;IAC0B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEtD;;OAEG;IACM,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;cAErB,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM7D;;;OAGG;IACH,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAWlC,SAAS,CAAC,cAAc,IAAI,IAAI;IAIhC;;;OAGG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAShC,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAoB5C,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAgBzC,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAU9C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAgB1C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAO9C;;;OAGG;IACH,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;cAcZ,MAAM,IAAI,cAAc;IAyB3C,SAAS,CAAC,sBAAsB,CAAC,MAAM,EAAE,UAAU,GAAG,cAAc;IAQpE,SAAS,CAAC,uBAAuB,IAAI,cAAc;IAUnD,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,cAAc;IAO9D,SAAS,CAAC,yBAAyB,IAAI,cAAc;IAMrD,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,cAAc;IAQrE,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc;CAehE"}

package/dist/elements/schema-design/EntityFormElement.js ADDED Viewed

@@ -0,0 +1,276 @@
+import { __decorate } from "tslib";
+import { css, html } from "lit";
+import { property, state } from "lit/decorators.js";
+import { live } from "lit/directives/live.js";
+import { EventUtils } from "@api-client/core/build/browser.js";
+import ApiElement from "../ApiElement.js";
+import EditorCommon from './CommonStyles.js';
+import theme from '../theme.js';
+import typography from "../../styles/m3/typography.module.js";
+import '../../define/ui/ui-text-field.js';
+import '../../define/ui/ui-checkbox.js';
+import '../../define/ui/ui-divider.js';
+import '../../define/ui/ui-icon-button.js';
+import '../../define/ui/ui-icon.js';
+/**
+ * An editor for a data entity.
+ *
+ * @fires change - When the entity has changed.
+ * @fires namechange - When a name of the entity has changed.
+ */
+export default class EntityFormElement extends ApiElement {
+    static get styles() {
+        return [
+            theme,
+            EditorCommon,
+            typography,
+            css `
+      :host {
+        display: block;
+      }
+      .no-info {
+        margin: 12px 20px;
+      }
+      .parents-list {
+        margin: 0;
+        padding: 0;
+      }
+      .parent-item {
+        list-style: none;
+        height: var(--list-item-height, 40px);
+        display: flex;
+        align-items: center;
+        padding: 0 20px;
+      }
+      .parent-item.two-line {
+        height: var(--list-item-two-line-height);
+      }
+      .parent-item-wrapper {
+        flex: 1;
+      }
+      `
+        ];
+    }
+    /**
+     * The key of the entity to edit.
+     * @attribute
+     */
+    key;
+    /**
+     * The read data namespace.
+     */
+    root;
+    /**
+     * When set it activates the drop zone in the parents list to support drag and drop.
+     * @attribute
+     */
+    parentDropZone;
+    /**
+     * The computed entity when the key or root change.
+     */
+    _entity;
+    willUpdate(cp) {
+        if (cp.has('key')) {
+            this._computeEntity();
+        }
+    }
+    /**
+     * Adds a parent entity to this entity.
+     * @param parentKey The key of the parent to add.
+     */
+    addParent(parentKey) {
+        const { key, _entity } = this;
+        if (!parentKey || parentKey === key || !_entity) {
+            return;
+        }
+        if (!_entity.parents.includes(parentKey)) {
+            _entity.parents.push(parentKey);
+        }
+        this._notifyChanged();
+    }
+    _notifyChanged() {
+        this.dispatchEvent(new Event('change'));
+    }
+    /**
+     * Computes the view value for the property.
+     * This should be called before the update is complete so this won't trigger another update.
+     */
+    _computeEntity() {
+        const { root, key } = this;
+        if (!root || !key) {
+            this._entity = undefined;
+            return;
+        }
+        this._entity = root.definitions.entities.find(i => i.key === key);
+    }
+    _infoChangeHandler(e) {
+        const { _entity } = this;
+        if (!_entity) {
+            return;
+        }
+        const node = e.target;
+        const { name, value } = node;
+        if (!['name', 'displayName', 'description'].includes(name)) {
+            return;
+        }
+        if (name === 'name' && !value) {
+            return;
+        }
+        _entity.info[name] = value;
+        this._notifyChanged();
+        if (name === 'name' || name === 'displayName') {
+            this.dispatchEvent(new Event('namechange'));
+        }
+    }
+    _checkedHandler(e) {
+        const { _entity } = this;
+        if (!_entity) {
+            return;
+        }
+        const input = e.target;
+        const name = input.name;
+        const { checked } = input;
+        if (_entity[name] === checked) {
+            return;
+        }
+        _entity[name] = checked;
+        this._notifyChanged();
+        this.requestUpdate();
+    }
+    _dragoverHandler(e) {
+        const { dataTransfer } = e;
+        if (!dataTransfer) {
+            return;
+        }
+        e.preventDefault();
+        e.preventDefault();
+        dataTransfer.dropEffect = "copy";
+    }
+    _dropHandler(e) {
+        const { dataTransfer } = e;
+        if (!dataTransfer) {
+            return;
+        }
+        const node = e.target;
+        const { type } = node.dataset;
+        if (type === 'entity-parent') {
+            e.preventDefault();
+            this.parentDropZone = false;
+            const key = dataTransfer.getData('text/key');
+            this.addParent(key);
+        }
+    }
+    _parentRemoveHandler(e) {
+        const node = e.currentTarget;
+        if (node.dataset.key) {
+            this.removeParent(node.dataset.key);
+        }
+    }
+    /**
+     * Removes a parent with the given key.
+     * @param key The key of the parent to remove.
+     */
+    removeParent(key) {
+        const { _entity } = this;
+        if (!key || !_entity) {
+            return;
+        }
+        const index = _entity.parents.indexOf(key);
+        if (index < 0) {
+            return;
+        }
+        _entity.parents.splice(index, 1);
+        this._notifyChanged();
+        this.requestUpdate();
+    }
+    render() {
+        const { _entity: item } = this;
+        if (!item) {
+            return html ``;
+        }
+        const { info, deprecated = false } = item;
+        return html `
+    <form name="entity" @submit="${EventUtils.cancelEvent}" data-key="${item.key}">
+      <ui-text-field class="input" name="name" .value="${live(info.name || '')}" label="Entity name" required @change="${this._infoChangeHandler}"></ui-text-field>
+      <ui-text-field class="input" name="displayName" .value="${live(info.displayName || '')}" label="Display name (optional)" @change="${this._infoChangeHandler}"></ui-text-field>
+      <ui-text-field class="input" name="description" .value="${live(info.description || '')}" label="Entity description (optional)" @change="${this._infoChangeHandler}"></ui-text-field>
+      <div class="checkbox-group">
+        <label class="label-large">
+          <ui-checkbox name="deprecated" .checked="${deprecated}" title="Makes this entity deprecated." @change="${this._checkedHandler}"></ui-checkbox>
+          Deprecated
+        </label>
+      </div>
+      ${this._parentsEditorTemplate(item)}
+    </form>
+    `;
+    }
+    _parentsEditorTemplate(entity) {
+        return html `
+    <ui-divider type="full"></ui-divider>
+    <div class="editor-title title-medium">Parents</div>
+    ${this.parentDropZone ? this._parentDropZoneTemplate() : this._parentsTemplate(entity)}
+    `;
+    }
+    _parentDropZoneTemplate() {
+        return html `<div
+      class="drop-zone"
+      data-type="entity-parent"
+      @dragover="${this._dragoverHandler}"
+      @drop="${this._dropHandler}">
+      Drop a parent entity here.
+    </div>`;
+    }
+    _parentsTemplate(entity) {
+        const parents = entity.getComputedParents();
+        return html `
+    ${parents.length ? this._parentsListTemplate(parents) : this.renderEmptyParentsMessage()}
+    `;
+    }
+    renderEmptyParentsMessage() {
+        return html `
+      <p class="no-description no-info body-medium">No parent entities. You can drop an entity here to create an association.</p>
+    `;
+    }
+    _parentsListTemplate(parents) {
+        return html `
+    <ul class="parents-list">
+      ${parents.map(p => this._parentItemTemplate(p))}
+    </ul>
+    `;
+    }
+    _parentItemTemplate(item) {
+        const parent = item.getParent();
+        const label = item.info.name || item.key;
+        return html `
+    <li class="parent-item${parent ? ' two-line' : ''}" data-key="${item.key}">
+      <div class="parent-item-wrapper">
+        <span class="parent-label">${label}</span>
+        ${parent ? html `<div class="secondary">From data model: ${parent.info.name}</div>` : ''}
+      </div>
+      <ui-icon-button aria-label="Remove this parent" title="Removes this parent" data-key="${item.key}" @click="${this._parentRemoveHandler}">
+        <ui-icon icon="deleteOutline" role="presentation"></ui-icon>
+      </ui-icon-button>
+    </li>
+    `;
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], EntityFormElement.prototype, "key", void 0);
+__decorate([
+    property({ type: Object })
+], EntityFormElement.prototype, "root", void 0);
+__decorate([
+    property({ type: Boolean })
+], EntityFormElement.prototype, "parentDropZone", void 0);
+__decorate([
+    state()
+], EntityFormElement.prototype, "_entity", void 0);
+//# sourceMappingURL=EntityFormElement.js.map

package/dist/elements/schema-design/EntityFormElement.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EntityFormElement.js","sourceRoot":"","sources":["../../../src/elements/schema-design/EntityFormElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResult, html, PropertyValues, TemplateResult } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { DataEntity, DataNamespace, EventUtils } from \"@api-client/core/build/browser.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport EditorCommon from './CommonStyles.js';\nimport theme from '../theme.js';\nimport typography from \"../../styles/m3/typography.module.js\";\nimport Input from \"../../ui/input/Input.js\";\nimport CheckboxElement from \"../../ui/input/CheckboxElement.js\";\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-checkbox.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\n\n/**\n * An editor for a data entity.\n * \n * @fires change - When the entity has changed.\n * @fires namechange - When a name of the entity has changed.\n */\nexport default class EntityFormElement extends ApiElement {\n static override get styles(): CSSResult[] {\n return [\n theme,\n EditorCommon,\n typography,\n css`\n :host {\n display: block;\n }\n\n .no-info {\n margin: 12px 20px;\n }\n\n .parents-list {\n margin: 0;\n padding: 0;\n }\n\n .parent-item {\n list-style: none;\n height: var(--list-item-height, 40px);\n display: flex;\n align-items: center;\n padding: 0 20px;\n }\n\n .parent-item.two-line {\n height: var(--list-item-two-line-height);\n }\n\n .parent-item-wrapper {\n flex: 1;\n }\n `\n ]\n }\n\n /**\n * The key of the entity to edit.\n * @attribute\n */\n @property({ type: String, reflect: true }) key?: string;\n\n /**\n * The read data namespace.\n */\n @property({ type: Object }) root?: DataNamespace;\n\n /**\n * When set it activates the drop zone in the parents list to support drag and drop.\n * @attribute\n */\n @property({ type: Boolean }) parentDropZone?: boolean;\n\n /**\n * The computed entity when the key or root change.\n */\n @state() protected _entity?: DataEntity;\n\n protected override willUpdate(cp: PropertyValues<this>): void {\n if (cp.has('key')) {\n this._computeEntity();\n }\n }\n\n /**\n * Adds a parent entity to this entity.\n * @param parentKey The key of the parent to add.\n */\n addParent(parentKey: string): void {\n const { key, _entity } = this;\n if (!parentKey || parentKey === key || !_entity) {\n return;\n }\n if (!_entity.parents.includes(parentKey)) {\n _entity.parents.push(parentKey);\n }\n this._notifyChanged();\n }\n\n protected _notifyChanged(): void {\n this.dispatchEvent(new Event('change'));\n }\n\n /**\n * Computes the view value for the property.\n * This should be called before the update is complete so this won't trigger another update.\n */\n protected _computeEntity(): void {\n const { root, key } = this;\n if (!root || !key) {\n this._entity = undefined;\n return;\n }\n this._entity = root.definitions.entities.find(i => i.key === key);\n }\n\n protected _infoChangeHandler(e: Event): void {\n const { _entity } = this;\n if (!_entity) {\n return;\n }\n const node = e.target as Input;\n const { name, value } = node;\n if (!['name', 'displayName', 'description'].includes(name as string)) {\n return;\n }\n if (name === 'name' && !value) {\n return;\n }\n _entity.info[name as 'name' | 'description' | 'displayName'] = value;\n this._notifyChanged();\n if (name === 'name' || name === 'displayName') {\n this.dispatchEvent(new Event('namechange'));\n }\n }\n\n protected _checkedHandler(e: Event): void {\n const { _entity } = this;\n if (!_entity) {\n return;\n }\n const input = e.target as CheckboxElement;\n const name = input.name as 'deprecated';\n const { checked } = input;\n if (_entity[name] === checked) {\n return;\n }\n _entity[name] = checked;\n this._notifyChanged();\n this.requestUpdate();\n }\n\n protected _dragoverHandler(e: DragEvent): void {\n const { dataTransfer } = e;\n if (!dataTransfer) {\n return;\n }\n e.preventDefault();\n e.preventDefault();\n dataTransfer.dropEffect = \"copy\";\n }\n\n protected _dropHandler(e: DragEvent): void {\n const { dataTransfer } = e;\n if (!dataTransfer) {\n return;\n }\n\n const node = e.target as HTMLElement;\n const { type } = node.dataset;\n if (type === 'entity-parent') {\n e.preventDefault();\n this.parentDropZone = false;\n const key = dataTransfer.getData('text/key');\n this.addParent(key);\n }\n }\n\n protected _parentRemoveHandler(e: Event): void {\n const node = e.currentTarget as HTMLElement;\n if (node.dataset.key) {\n this.removeParent(node.dataset.key);\n }\n }\n\n /**\n * Removes a parent with the given key.\n * @param key The key of the parent to remove.\n */\n removeParent(key: string): void {\n const { _entity } = this;\n if (!key || !_entity) {\n return;\n }\n const index = _entity.parents.indexOf(key);\n if (index < 0) {\n return;\n }\n _entity.parents.splice(index, 1);\n this._notifyChanged();\n this.requestUpdate();\n }\n\n protected override render(): TemplateResult {\n const { _entity: item } = this;\n if (!item) {\n return html``;\n }\n\n const { info, deprecated = false } = item;\n return html`\n <form name=\"entity\" @submit=\"${EventUtils.cancelEvent}\" data-key=\"${item.key}\">\n <ui-text-field class=\"input\" name=\"name\" .value=\"${live(info.name || '')}\" label=\"Entity name\" required @change=\"${this._infoChangeHandler}\"></ui-text-field>\n <ui-text-field class=\"input\" name=\"displayName\" .value=\"${live(info.displayName || '')}\" label=\"Display name (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n <ui-text-field class=\"input\" name=\"description\" .value=\"${live(info.description || '')}\" label=\"Entity description (optional)\" @change=\"${this._infoChangeHandler}\"></ui-text-field>\n\n <div class=\"checkbox-group\">\n <label class=\"label-large\">\n <ui-checkbox name=\"deprecated\" .checked=\"${deprecated}\" title=\"Makes this entity deprecated.\" @change=\"${this._checkedHandler}\"></ui-checkbox>\n Deprecated\n </label>\n </div>\n\n ${this._parentsEditorTemplate(item)}\n </form>\n `\n }\n\n protected _parentsEditorTemplate(entity: DataEntity): TemplateResult {\n return html`\n <ui-divider type=\"full\"></ui-divider>\n <div class=\"editor-title title-medium\">Parents</div>\n ${this.parentDropZone ? this._parentDropZoneTemplate() : this._parentsTemplate(entity)}\n `;\n }\n\n protected _parentDropZoneTemplate(): TemplateResult {\n return html`<div \n class=\"drop-zone\" \n data-type=\"entity-parent\" \n @dragover=\"${this._dragoverHandler}\" \n @drop=\"${this._dropHandler}\">\n Drop a parent entity here.\n </div>`;\n }\n\n protected _parentsTemplate(entity: DataEntity): TemplateResult {\n const parents = entity.getComputedParents();\n return html`\n ${parents.length ? this._parentsListTemplate(parents) : this.renderEmptyParentsMessage()}\n `;\n }\n\n protected renderEmptyParentsMessage(): TemplateResult {\n return html`\n <p class=\"no-description no-info body-medium\">No parent entities. You can drop an entity here to create an association.</p>\n `;\n }\n\n protected _parentsListTemplate(parents: DataEntity[]): TemplateResult {\n return html`\n <ul class=\"parents-list\">\n ${parents.map(p => this._parentItemTemplate(p))}\n </ul>\n `;\n }\n\n protected _parentItemTemplate(item: DataEntity): TemplateResult {\n const parent = item.getParent();\n const label = item.info.name || item.key;\n return html`\n <li class=\"parent-item${parent ? ' two-line' : ''}\" data-key=\"${item.key}\">\n <div class=\"parent-item-wrapper\">\n <span class=\"parent-label\">${label}</span>\n ${parent ? html`<div class=\"secondary\">From data model: ${parent.info.name}</div>` : ''}\n </div>\n <ui-icon-button aria-label=\"Remove this parent\" title=\"Removes this parent\" data-key=\"${item.key}\" @click=\"${this._parentRemoveHandler}\">\n <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n </ui-icon-button>\n </li>\n `;\n }\n}\n"]}

package/dist/elements/schema-design/PropertyFormElement.d.ts ADDED Viewed

@@ -0,0 +1,97 @@
+import { DataNamespace, DataProperty, DataPropertyType } from "@api-client/core/build/browser.js";
+import { CSSResult, TemplateResult, nothing, PropertyValues } from "lit";
+import ApiElement from "../ApiElement.js";
+import { SupportedInputTypes } from "../../types/input.js";
+import '../../define/ui/ui-text-field.js';
+import '../../define/ui/ui-checkbox.js';
+import '../../define/ui/ui-divider.js';
+import '../../define/ui/ui-icon-button.js';
+import '../../define/ui/ui-list.js';
+import '../../define/ui/ui-list-item.js';
+import '../../define/ui/ui-dropdown-list.js';
+import '../../define/ui/ui-icon.js';
+interface IInputTemplateOptions {
+    type: DataPropertyType;
+    name: string;
+    label: string;
+    handler: (e: Event) => void;
+    value?: unknown;
+    addButton?: boolean;
+}
+export default class PropertyFormElement extends ApiElement {
+    static get styles(): CSSResult[];
+    /**
+     * The key of the property to edit.
+     */
+    key?: string;
+    /**
+     * The read data namespace.
+     */
+    root?: DataNamespace;
+    /**
+     * The computed entity when the key or root change.
+     */
+    protected _property?: DataProperty;
+    willUpdate(cp: PropertyValues<this>): void;
+    protected _notifyChanged(): void;
+    /**
+     * Computes the view value for the property.
+     * This should be called before the update is complete so this won't trigger another update.
+     */
+    protected _computeProperty(): void;
+    protected _infoChangeHandler(e: Event): void;
+    setType(value: DataPropertyType): void;
+    protected typeSelectHandler(e: CustomEvent): void;
+    protected _checkedHandler(e: Event): void;
+    protected defaultValueHandler(e: CustomEvent): void;
+    /**
+     * Sets a new defaultValue on the property schema
+     * @param value The default value to set. Empty to remove.
+     */
+    setDefaultValue(value?: string): void;
+    /**
+     * Adds an example value to the current property's schema.
+     * @param value The example value to add
+     */
+    addExample(value: string): void;
+    /**
+     * Removes an example value at position.
+     * @param index The position from which to remove the example value.
+     */
+    removeExample(index: number): void;
+    protected exampleAddHandler(e: Event): void;
+    protected exampleRemoveHandler(e: Event): void;
+    /**
+     * Adds an enum value to the current property's schema.
+     * @param value The enum value to add
+     */
+    addEnum(value: string): void;
+    /**
+     * Removes an enum value at position.
+     * @param index The position from which to remove the enum value.
+     */
+    removeEnum(index: number): void;
+    protected enumAddHandler(e: Event): void;
+    protected enumRemoveHandler(e: Event): void;
+    protected _getAdapted(dataProperty: DataProperty): DataProperty;
+    protected render(): TemplateResult;
+    protected renderSchemaEditor(item: DataProperty): TemplateResult | typeof nothing;
+    protected renderDefaultValueInput(item: DataProperty): TemplateResult | typeof nothing;
+    protected renderExamplesEditor(item: DataProperty, examples?: string[]): TemplateResult | typeof nothing;
+    protected renderExampleInput(item: DataProperty): TemplateResult;
+    protected renderExampleList(examples?: string[]): TemplateResult;
+    protected renderEnumEditor(item: DataProperty, values?: string[]): TemplateResult | typeof nothing;
+    protected renderEnumInput(item: DataProperty): TemplateResult;
+    protected renderEnumList(values?: string[]): TemplateResult;
+    protected propertyToInputType(type: DataPropertyType): SupportedInputTypes;
+    /**
+     * Renders an input that depends on the property type.
+     */
+    protected renderTypedInput(opts: IInputTemplateOptions): TemplateResult;
+    protected renderTextField(opts: IInputTemplateOptions): TemplateResult;
+    protected renderNilInput(opts: IInputTemplateOptions): TemplateResult;
+    protected renderBooleanInput(opts: IInputTemplateOptions): TemplateResult;
+    protected renderTypeSelector(item: DataProperty): TemplateResult;
+}
+export {};
+//# sourceMappingURL=PropertyFormElement.d.ts.map

package/dist/elements/schema-design/PropertyFormElement.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PropertyFormElement.d.ts","sourceRoot":"","sources":["../../../src/elements/schema-design/PropertyFormElement.ts"],"names":[],"mappings":"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"}