xv-webcomponents 0.1.21 → 0.1.22

package/dist/cjs/xv-accordion-v2_14.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"xv-accordion-v2.xv-accordion-v2-item.xv-button-v2.xv-card-v2.xv-checkbox-v2.xv-link-v2.xv-progress-indicator-v2.xv-progress-indicator-v2-item.xv-table-v2.xv-table-v2-col.xv-table-v2-header-row.xv-table-v2-row.xv-tag-v2.xv-tooltip-v2.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,cAAc,GAAG,sBAAsB,CAAC;AAC9C,4BAAe,cAAc;;MCOhB,WAAW;IALxB;;;QAMU,aAAQ,GAAY,KAAK,CAAC;QAC1B,SAAI,GAAWA,kBAAY,EAAE,CAAC;QAE7B,WAAM,GAAgB,IAAI,GAAG,EAAE,CAAC;KA+B1C;IA3BC,MAAM,UAAU,CAAC,KAAa;QAC5B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC1B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC7B;QAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAElE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;KAC/C;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACpC;KACF;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDAAC,KAAK,EAAC,cAAc,aAAU,IAAI,CAAC,IAAI,IAC3CD,oEAAQ,CACH,EACP;KACH;;;;AC1CH,MAAM,kBAAkB,GAAG,wqCAAwqC,CAAC;AACpsC,gCAAe,kBAAkB;;MCMpB,eAAe;IAL5B;;;QAOU,aAAQ,GAAY,KAAK,CAAC;QAGzB,WAAM,GAAY,KAAK,CAAC;KA4BlC;IAxBC,qBAAqB,CAAC,KAAuD;;QAC3E,MAAM,iBAAiB,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,0CAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QAChF,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,iBAAiB;YAAE,OAAO;QAClD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnD;IAED,MAAM;;QACJ,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAA,MAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,0CAAE,UAAU,mDAAG,IAAI,CAAC,KAAK,CAAC,CAAC;KAC9D;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,IAC/CD,oEAAO,KAAK,EAAE,SAAS,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IACzFA,qEAAO,IAAI,CAAC,KAAK,CAAQ,CACnB,EACRA,kEAAK,KAAK,EAAE,WAAW,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,QAAQ,EAAE,IACxDA,oEAAQ,CACJ,CACD,EACP;KACH;;;;;ACvCH,MAAM,aAAa,GAAG,06IAA06I,CAAC;AACj8I,yBAAe,aAAa;;MCOf,QAAQ;IALrB;;;;QAOU,UAAK,GAAW,EAAE,CAAC;;QAGnB,UAAK,GAAY,KAAK,CAAC;;QAGvB,YAAO,GAA8D,SAAS,CAAC;;QAG/E,aAAQ,GAAY,KAAK,CAAC;;QAM1B,gBAAW,GAAG;YACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;KAmBH;IAjBC,MAAM;QACJ,QACEA,qEACE,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE,EAAE,EACzE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,IAEzBA,mEAAM,IAAI,EAAC,WAAW,GAAQ,EAE9BA,qEACG,IAAI,CAAC,KAAK,CACN,EAEPA,mEAAM,IAAI,EAAC,YAAY,GAAQ,CACxB,EACT;KACH;;;;AChDH,MAAM,SAAS,GAAG,iuCAAiuC,CAAC;AACpvC,uBAAe,SAAS;;MCMX,MAAM;IALnB;;QAMU,YAAO,GAA8B,UAAU,CAAC;KAgCzD;IA3BC,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAE,mBAAmB,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,IAChED,kEAAK,KAAK,EAAC,eAAe,IACxBA,mEAAM,IAAI,EAAC,OAAO,IACf,IAAI,CAAC,KAAK,IAAIA,kEAAK,KAAK,EAAC,wBAAwB,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,GAAI,CACnF,CACH,EAENA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,kEAAK,KAAK,EAAC,gBAAgB,IACzBA,mEAAM,IAAI,EAAC,QAAQ,IAChB,IAAI,CAAC,MAAM,IAAIA,gEAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAK,CAC/D,CACH,EACNA,kEAAK,KAAK,EAAC,cAAc,IACvBA,mEAAM,IAAI,EAAC,MAAM,IACd,IAAI,CAAC,IAAI,IAAIA,gEAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,MAAM,CAAK,CAC3D,CACH,EACNA,kEAAK,KAAK,EAAC,gBAAgB,IACzBA,mEAAM,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAQ,CACpC,CACF,CACD,EACP;KACH;;;;ACvCH,MAAM,aAAa,GAAG,gvEAAgvE,CAAC;AACvwE,2BAAe,aAAa;;MCQf,UAAU;IA4DrB;;;;;;;;;;QAnDwC,YAAO,GAAY,KAAK,CAAC;;;;QAIxC,kBAAa,GAAY,KAAK,CAAC;;;;QAI/B,aAAQ,GAAY,KAAK,CAAC;;;;QAQ1B,UAAK,GAAW,IAAI,CAAC;;;;QAIrB,aAAQ,GAAY,KAAK,CAAC;;;;QAI1B,YAAO,GAAY,KAAK,CAAC;QASzC,aAAQ,GAAY,KAAK,CAAC;QAmC3B,YAAO,GAAG,CAAC,CAAQ;YACzB,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;YAC5C,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC9B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACpC,CAAC;QAEM,aAAQ,GAAG,CAAC,CAAQ;YAC1B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;YAC5C,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACrC,CAAC;QAEM,YAAO,GAAG;YAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;SACxB,CAAC;QAEM,WAAM,GAAG;YACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;SACvB,CAAC;QApCA,IAAI,CAAC,SAAS,GAAG,CAAA,MAAA,MAAC,IAAI,CAAC,EAAU,EAAC,eAAe,kDAAI,KAAI,EAAE,CAAC;KAC7D;IAED,iBAAiB;;QACf,IAAI,MAAA,IAAI,CAAC,SAAS,0CAAE,YAAY,EAAE;YAChC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;SAC/D;KACF;IAGD,eAAe,CAAC,QAAiB;;QAC/B,IAAI,MAAA,IAAI,CAAC,SAAS,0CAAE,YAAY,EAAE;YAChC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;SAC3D;KACF;IAwBD,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,oEAAO,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAC5DA,oEACE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EAC9B,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,EACFA,mEAAM,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,GAAG,mBAAmB,GAAG,EAAE,EAAE,GAAI,EACvEA,kEAAK,KAAK,EAAC,OAAO,IAChBA,qEAAO,IAAI,CAAC,KAAK,CAAQ,CACrB,CACA,EACRA,mEAAM,IAAI,EAAC,MAAM,GAAG,EACnB,CAAC,CAAC,IAAI,CAAC,KAAK,IAAIA,mEAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CACnD,EACP;KACH;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;SACnC;KACF;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;SACjD;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,wBAAwB,CAAC,KAAa;QACpC,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;KACrC;;;;;;;;;AC3JH,MAAM,SAAS,GAAG,y/BAAy/B,CAAC;AAC5gC,uBAAe,SAAS;;MCMX,MAAM;IALnB;;QAQU,aAAQ,GAAY,KAAK,CAAC;QAC1B,SAAI,GAAuB,IAAI,CAAC;QAChC,YAAO,GAA4B,QAAQ,CAAC;KA2BrD;IAzBC,kBAAkB,CAAC,CAAe;QAChC,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE3B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;KACrB;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAE,WAAW,IAAI,CAAC,OAAO,EAAE,IACpCD,gEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3C,KAAK,EAAE,WAAW,IAAI,CAAC,QAAQ,GAAG,kBAAkB,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EACxE,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnBA,mEAAM,IAAI,EAAC,WAAW,GAAQ,EAE9BA,oEAAa,EAEbA,mEAAM,IAAI,EAAC,YAAY,GAAQ,CAC7B,CACC,EACP;KACH;;;;ACtCH,MAAM,sBAAsB,GAAG,8HAA8H,CAAC;AAC9J,oCAAe,sBAAsB;;MCMxB,mBAAmB;IALhC;;QAOU,aAAQ,GAAW,CAAC,CAAC;KA8B9B;;IA1BC,gBAAgB;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;QAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC;QAC7C,MAAM,eAAe,GAAG,GAAG,GAAG,UAAU,CAAC;QAEzC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,UAAU;YAAE,OAAO;QAEzC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK;YACpC,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,eAAe,CAAC;YACnD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC;YAC1C,IAAoB,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SACrE,CAAC,CAAC;KACJ;;IAGD,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAA;KACxB;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAC,uBAAuB,IACjCD,oEAAa,CACR,EACP;KACH;;;;;;;;ACtCH,MAAM,0BAA0B,GAAG,uyCAAuyC,CAAC;AAC30C,wCAAe,0BAA0B;;MCM5B,uBAAuB;IALpC;;QAO4B,SAAI,GAAY,KAAK,CAAC;KAuBjD;IArBC,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAE,8BAA8B,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,EAAE,IAClED,mEAAM,KAAK,EAAC,MAAM,GAAE,EACpBA,mEAAM,KAAK,EAAC,MAAM,IAChBA,kEACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,IAENA,mEACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sLAAsL,GACxL,CACF,CACD,EACPA,gEAAG,KAAK,EAAC,OAAO,IAACA,oEAAO,CAAI,CACvB,EACP;KACH;;;;;AC/BH,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,8BAAQ,CAAA;IACR,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,gCAAkB,CAAA;IAClB,0BAAY,CAAA;IACZ,2BAAa,CAAA;IACb,0BAAY,CAAA;IACZ,gCAAkB,CAAA;AACpB,CAAC,EANW,UAAU,KAAV,UAAU;;ACLtB,MAAM,UAAU,GAAG,uoIAAuoI,CAAC;AAC3pI,wBAAe,UAAU;;MCOZ,OAAO;IALpB;;;;;;;QAeuC,gBAAW,GAAuB,kBAAkB,CAAC,GAAG,CAAC;;;;QAItF,eAAU,GAAY,KAAK,CAAC;;;;;QAK5B,SAAI,GAAe,UAAU,CAAC,MAAM,CAAC;;;;QAIrC,eAAU,GAAY,KAAK,CAAC;QAE3B,iBAAY,GAAG,IAAI,GAAG,EAA4C,CAAC;QAqDpE,wBAAmB,GAAG,CAAC,CAAsB;YACnD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;YAE1C,IAAI,OAAO,EAAE;gBACX,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;aAC9C;iBAAM;gBACL,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;aAChC;YAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;SACnE,CAAA;KAwBF;IAlFC,kBAAkB;QAChB,MAAM,IAAI,GAAG,KAAK;aACf,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC;aACxB,MAAM,CAAC,CAAC,IAAI,KACX,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;aAClC,CAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,OAAO,MAAK,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,MAAM,IAAI,CAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,OAAO,MAAK,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CACpH,CAAC;QACJ,IAAI,WAAW,GAAG,CAAC,CAAC;QAEpB,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;;YACnB,MAAM,GAAG,GAAI,IAAoB,CAAC;YAClC,MAAM,WAAW,GAAG,CAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,OAAO,MAAK,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC;YAE/E,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,IAAI,IAAI,GAAG,GAAG,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;gBAE9C,IAAI,CAAC,IAAI,EAAE;oBACT,IAAI,GAAG,WAAW,GAAG,QAAQ,GAAG,gBAAgB,CAAC,EAAE,CAAC;oBACpD,GAAG,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;iBAC1C;gBAED,IAAI,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;oBAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE;wBAC1B,IAAI;wBACJ,KAAK,EAAE,MAAA,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,mCAAI,SAAS;qBAC9C,CAAC,CAAA;iBACH;aACF;YAED,IAAI,WAAW;gBAAE,OAAO;YAExB,QAAQ,IAAI,CAAC,WAAW;gBACtB,KAAK,kBAAkB,CAAC,KAAK;oBAC3B,MAAM,MAAM,GAAG,WAAW,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC;oBACtD,IAAI,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;wBACjD,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;qBAC9B;yBAAM;wBACL,WAAW,EAAE,CAAC;wBACd,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;qBAC9B;oBACD,MAAM;gBACR;oBACE,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;oBAC3B,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;aAC/B;SACF,CAAC,CAAC;KACJ;IAcC,MAAM;QACN,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,IAC/C,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,MACjCD,kEAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,EAAE,CAAC,KAAK,IAAIA,iEAAI,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAM,EAC/D,IAAI,CAAC,WAAW,IAAIA,gEAAG,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,WAAW,CAAK,CACtE,CACP,EACDA,oEAAa,CACR,EACP;KACH;IAED,iBAAiB;QACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAA0B,CAAC,CAAC;KAC5E;IAED,oBAAoB;QAClB,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAA0B,CAAC,CAAC;KAC/E;;;;;;;;ACvHH,MAAM,aAAa,GAAG,mJAAmJ,CAAC;AAC1K,2BAAe,aAAa;;MCMf,UAAU;;;;IACrB,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,oEAAa,CACR,EACP;KACH;;;;ACdH,MAAM,mBAAmB,GAAG,ieAAie,CAAC;AAC9f,iCAAe,mBAAmB;;MCMrB,gBAAgB;IAL7B;;;;;;QAkB0C,YAAO,GAAa,KAAK,CAAC;QAEzD,SAAI,GAAW,CAAC,CAAC;QAIlB,qBAAgB,GAAG;YACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC;SACvC,CAAA;QAEO,mBAAc,GAAG,CAAC,CAAuB;YAC/C,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;gBACtB,IAAI,EAAE,IAAI,CAAC,aAAa;gBACxB,OAAO,EAAE,CAAC,CAAC,MAAM;aAClB,CAAC,CAAC;SACJ,CAAA;KAmBF;IAjBC,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACnBD,kEAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,aAAa,KAAK,SAAS,KAC/BA,6EACE,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,IAAI,CAAC,cAAc,GAClC,CACH,CACG,EACNA,mEAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAS,CAC7C,EACP;KACH;;;;;ACtDH,MAAM,aAAa,GAAG,+9BAA+9B,CAAC;AACt/B,2BAAe,aAAa;;MCOf,UAAU;IALvB;;;;;;;QAW2B,eAAU,GAAY,KAAK,CAAC;;;;QAIb,aAAQ,GAAY,KAAK,CAAC;QAczD,oBAAe,GAAY,KAAK,CAAC;QAGjC,SAAI,GAAW,CAAC,CAAC;QA8ElB,mBAAc,GAAG,CAAC,CAAuB;YAC/C,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;gBACtB,IAAI,EAAE,IAAI,CAAC,aAAa;gBACxB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,CAAC,CAAC,MAAM;aAClB,CAAC,CAAC;SACJ,CAAA;KAqCF;;;;IAlHC,MAAM,iBAAiB,CAAC,EAAW,EAAE,QAAkB;QACrD,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,QAAQ,CAAC;QAClC,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;;;;;IAOD,MAAM,YAAY,CAAC,EAAW,EAAE,QAAkB;QAChD,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE;YAAE,OAAO;QACjC,IAAI,CAAC,eAAe,GAAG,QAAQ,KAAK,SAAS,GAAG,QAAQ,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;KAClF;;;;;IAOD,2BAA2B;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC;QAE1C,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC,EAAE,CAAC,OAAO;YAAE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAE3E,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAID,kBAAY,EAAE,CAAC;QAErD,OAAQ,MAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KAClE;;;;IAKO,kBAAkB;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC;QAE3C,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC,EAAE,CAAC,OAAO;YAAE,OAAO;QAE5D,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;;QAE9B,OAAe,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KACvD;;;;IAKO,WAAW,CAAC,MAAe;QACjC,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,sBAA4C,CAAC;QACrE,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,kBAAwC,CAAC;QAEjE,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE;YAC3D,IAAI,MAAM,EAAE;gBACV,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;aACzC;iBAAM;gBACL,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;aACxC;SACF;QAED,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;YAC9E,IAAI,MAAM,EAAE;gBACV,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;aACzC;iBAAM;gBACL,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;aACxC;SACF;KACF;IAWD,MAAM,iBAAiB;QACrB,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC;QACtC,MAAM,IAAI,CAAC,2BAA2B,EAAE,CAAC;KAC1C;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDACH,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAC1C,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,EAC/C,SAAS,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe,IAEjDD,kEAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,UAAU,KACdA,qEACE,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EACtD,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,GACxC,CACH,EACA,IAAI,CAAC,aAAa,KACjBA,6EACE,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,IAAI,CAAC,cAAc,GAClC,CACH,CACG,EACNA,oEAAQ,CACH,EACP;KACH;;;;;;;;AC5JH,MAAM,QAAQ,GAAG,+gDAA+gD,CAAC;AACjiD,sBAAe,QAAQ;;MCMV,KAAK;IALlB;;;QAMU,SAAI,GAAuB,IAAI,CAAC;QAChC,UAAK,GAAW,EAAE,CAAC;QACnB,OAAE,GAAW,EAAE,CAAC;QAChB,aAAQ,GAAY,KAAK,CAAC;QAC1B,cAAS,GAAY,KAAK,CAAC;KAwBpC;IArBC,YAAY,CAAC,CAAe;QAC1B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACzB;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDACH,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,EACjD,KAAK,EAAE,UAAU,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,IAE/DD,kEAAK,KAAK,EAAC,gBAAgB,IACzBA,oEAAa,CACT,EACL,IAAI,CAAC,SAAS,KACbA,qEAAQ,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,cAAc,GAAU,CAC9E,CACI,EACP;KACH;;;;ACnCH,MAAM,YAAY,GAAG,0+EAA0+E,CAAC;AAChgF,0BAAe,YAAY;;MCMd,SAAS;IALtB;;;;;;;QAaU,aAAQ,GAAoG,KAAK,CAAC;KAgB3H;IAdC,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,EAAE,IAC/DD,qEACEA,kEAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IACjFA,mEACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yTAAyT,GAC3T,CACE,CACD,CACF,EACP;KACH;;;;;;;;;;;;;;;;;;;","names":["uidGenerator","h","Host"],"sources":["src/components/xv-accordion/xv-accordion.scss?tag=xv-accordion-v2&encapsulation=shadow","src/components/xv-accordion/xv-accordion.tsx","src/components/xv-accordion-item/xv-accordion-item.scss?tag=xv-accordion-v2-item&encapsulation=shadow","src/components/xv-accordion-item/xv-accordion-item.tsx","src/components/xv-button/xv-button-v2.scss?tag=xv-button-v2&encapsulation=shadow","src/components/xv-button/xv-button.tsx","src/components/xv-card/xv-card.scss?tag=xv-card-v2&encapsulation=shadow","src/components/xv-card/xv-card.tsx","src/components/xv-checkbox/xv-checkbox.scss?tag=xv-checkbox-v2&encapsulation=shadow","src/components/xv-checkbox/xv-checkbox.tsx","src/components/xv-link/xv-link.scss?tag=xv-link-v2&encapsulation=shadow","src/components/xv-link/xv-link.tsx","src/components/xv-progress-indicator/xv-progress-indicator.scss?tag=xv-progress-indicator-v2&encapsulation=shadow","src/components/xv-progress-indicator/xv-progress-indicator.tsx","src/components/xv-progress-indicator-item/xv-progress-indicator-item.scss?tag=xv-progress-indicator-v2-item&encapsulation=shadow","src/components/xv-progress-indicator-item/xv-progress-indicator-item.tsx","src/components/xv-table/defs.ts","src/components/xv-table/xv-table.scss?tag=xv-table-v2&encapsulation=shadow","src/components/xv-table/xv-table.tsx","src/components/xv-table/xv-table-col/xv-table-col.scss?tag=xv-table-v2-col&encapsulation=shadow","src/components/xv-table/xv-table-col/xv-table-col.tsx","src/components/xv-table/xv-table-header-row/xv-table-header-row.scss?tag=xv-table-v2-header-row&encapsulation=shadow","src/components/xv-table/xv-table-header-row/xv-table-header-row.tsx","src/components/xv-table/xv-table-row/xv-table-row.scss?tag=xv-table-v2-row&encapsulation=shadow","src/components/xv-table/xv-table-row/xv-table-row.tsx","src/components/xv-tag/xv-tag.scss?tag=xv-tag-v2&encapsulation=shadow","src/components/xv-tag/xv-tag.tsx","src/components/xv-tooltip/xv-tooltip.scss?tag=xv-tooltip-v2&encapsulation=shadow","src/components/xv-tooltip/xv-tooltip.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h, Event, EventEmitter, Method, State, Prop } from '@stencil/core';\nimport { uidGenerator } from '../../utils/utils';\n\n@Component({\n  tag: 'xv-accordion-v2',\n  styleUrl: 'xv-accordion.scss',\n  shadow: true,\n})\nexport class XvAccordion {\n  @Prop() multiple: boolean = false;\n  @Prop() xvId: string = uidGenerator();\n  @Prop({ mutable: true }) value: string;\n  @State() opened: Set<string> = new Set();\n  @Event() accordionChange: EventEmitter<{ opened: Set<string>, id: string }>;\n\n  @Method()\n  async toggleItem(value: string) {\n    if (this.opened.has(value)) {\n      this.opened.delete(value);\n    } else {\n      if (!this.multiple) this.opened.clear();\n      this.value = value;\n      this.opened.add(this.value);\n    }\n\n    this.accordionChange.emit({ opened: this.opened, id: this.xvId });\n\n    return { opened: this.opened, id: this.xvId };\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      return this.toggleItem(this.value);\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"xv-accordion\" data-id={this.xvId}>\n        <slot />\n      </Host>\n    );\n  }\n}\n",":host {\n  border-top: 1px solid var(--border-subtle-01);\n  display: flex;\n  flex-direction: column;\n  font-family: var(--ff-body, inherit);\n}\n\n:host(.disabled) {\n  .label {\n    color: var(--text-disabled);\n    &:hover {\n      cursor: initial;\n      background-color: transparent;\n    }\n  }\n}\n\n.label {\n  padding: 14px 16px;\n  display: inline-flex;\n  align-items: center;\n  column-gap: 20px;\n  justify-content: space-between;\n  text-align: left;\n  color: var(--text-primary);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  letter-spacing: 0.16px;\n  background-color: transparent;\n  transition: background-color 200ms ease-in-out;\n  &>span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--layer-hover-01);\n  }\n\n  &:after {\n    content: '';\n    border: solid black;\n    border-width: 0 2px 2px 0;\n    display: inline-block;\n    padding: 4.66px;\n    transition: transform 100ms ease-in-out;\n    transform: rotate(45deg);\n  }\n\n  &.opened:after {\n    transform: rotate(-135deg);\n  }\n}\n\n.content {\n  padding: 0 16px;\n  text-align: left;\n  color: var(--text-primary);\n  font-size: 14px;\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height 300ms ease-in-out, padding 250ms ease 50ms;\n  &.opened {\n    padding: 14px 16px;\n    max-height: 500px;\n  }\n}\n","import { Component, Host, h, Element, Prop, State, Listen, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'xv-accordion-v2-item',\n  styleUrl: 'xv-accordion-item.scss',\n  shadow: true,\n})\nexport class XvAccordionItem {\n  @Element() el: HTMLElement;\n  @Prop() disabled: boolean = false;\n  @Prop() label: string;\n  @Prop() value: string;\n  @State() isOpen: boolean = false;\n  @Event() itemToggle: EventEmitter;\n\n  @Listen('accordionChange', { target: 'body' })\n  handleAccordionChange(event: CustomEvent<{ opened: Set<string>, id: string }>) {\n    const parentAccordionId = this.el.closest('[data-id]')?.getAttribute('data-id');\n    if (event.detail.id !== parentAccordionId) return;\n    this.isOpen = event.detail.opened.has(this.value);\n  }\n\n  toggle() {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    this.el.closest('xv-accordion-v2')?.toggleItem?.(this.value);\n  }\n\n  render() {\n    return (\n      <Host class={`${this.disabled ? 'disabled' : ''}`}>\n        <label class={`label ${this.isOpen ? 'opened' : 'closed'}`} onClick={this.toggle.bind(this)}>\n          <span>{this.label}</span>\n        </label>\n        <div class={`content ${this.isOpen ? 'opened' : 'closed'}`}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --focus-border-width: 2px;\n  --focus-border-style: solid;\n  --button-ghost: tarnsparent;\n  --text-disabled-opacity: 0.25;\n  --button-border-radius: 3px;\n  --button-border-width: 1px;\n  --button-border-style: solid;\n  --button-border-color-accent: #97BF0D;\n  --button-border-color-primary: #273435;\n  --button-border-color-secondary: #D1D1D1;\n  --button-border-color-ghost: tarnsparent;\n  --button-ghost-hover: tarnsparent;\n  --button-ghost-active: rgba(139, 139, 139, 0.5);\n  --button-accent-disabled: #D1D1D1;\n  --button-primary-disabled: #D1D1D1;\n  --button-secondary-disabled: #D1D1D1;\n  --button-tertiary-disabled: tarnsparent;\n  --button-ghost-disabled: tarnsparent;\n\n  button {\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 700;\n    padding: 0 20px;\n    min-height: 40px;\n    line-height: 40px;\n    cursor: pointer;\n    box-sizing: border-box;\n    transition:\n      background-color 0.2s ease-in-out,\n      filter 0.2s ease-in-out,\n      transform 0.1s ease-in-out,\n      border-color 0.2s ease-in-out,\n      border-width 0.2s ease-in-out,\n      box-shadow 0.2s ease-in-out;\n\n    &.xv-button-block {\n      width: 100%;\n    }\n  }\n}\n\n.xv-button {\n  /* ✅ Accent Button */\n  &.accent {\n    background-color: var(--button-accent);\n    color: var(--text-on-color);\n    border: var(--button-border-width) var(--button-border-style) var(--button-border-color-accent);\n    border-radius: var(--button-border-radius);\n    &:hover {\n      background-color: var(--button-accent-hover);\n    }\n    &:active {\n      background-color: var(--button-accent-active);\n      color: var(--text-on-color);\n    }\n    &:focus {\n      outline: none;\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n      transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n    }\n    &:disabled {\n      background-color: var(--button-accent-disabled);\n      color: var(--text-on-color-disabled);\n      border: var(--button-border-width) var(--button-border-style) var(--button-accent-disabled);\n    }\n\n  }\n\n  /* ✅ Primary Button */\n  &.primary {\n    background-color: var(--button-primary);\n    color: var(--text-on-color);\n    border: var(--button-border-width) var(--button-border-style) var(--button-border-color-primary);\n    border-radius: var(--button-border-radius);\n    &:hover {\n      background-color: var(--button-primary-hover)\n    }\n    &:active {\n      background-color: var(--button-primary-active)\n    }\n    &:focus {\n      outline: none;\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n      transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n    }\n    &:disabled {\n      background-color: var(--button-primary-disabled);\n      color: var(--text-on-color-disabled);\n      border: var(--button-border-width) var(--button-border-style) var(--button-primary-disabled);\n    }\n  }\n\n  /* ✅ Secondary Button */\n  &.secondary {\n    background-color: var(--button-secondary);\n    color: var(--text-primary);\n    border: var(--button-border-width) var(--button-border-style) var(--button-border-color-secondary);\n    border-radius: var(--button-border-radius);\n    &:hover {\n      background-color: var(--button-secondary-hover);\n    }\n    &:active {\n      background-color: var(--button-secondary-active);\n    }\n    &:focus {\n      outline: none;\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n      transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n    }\n    &:disabled {\n      background-color: var(--button-secondary-disabled);\n      color: var(--text-on-color-disabled);\n    }\n  }\n\n  /* ✅ Tertiary Button */\n  &.tertiary {\n    background-color: var(--button-ghost);\n    color: var(--text-primary);\n    border: var(--button-border-width) var(--button-border-style) var(--button-tertiary);\n    border-radius: var(--button-border-radius);\n    &:hover {\n      background-color: var(--button-tertiary-hover);\n    }\n    &:active {\n      background-color: var(--button-tertiary-active);\n    }\n    &:focus {\n      outline: none;\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n      transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n    }\n    &:disabled {\n      background-color: var(--button-tertiary-disabled);\n      color: var(--text-disabled);\n      opacity: var(--text-disabled-opacity);\n    }\n  }\n\n  /* ✅ Ghost Button */\n  &.ghost {\n    background-color: var(--button-ghost);\n    color: var(--text-primary);\n    border: var(--button-border-width) var(--button-border-style) var(--button-border-color-ghost);\n    border-radius: var(--button-border-radius);\n    &:hover {\n      background-color: var(--button-ghost-hover);\n    }\n    &:active {\n      background-color: var(--button-ghost-active);\n    }\n    &:focus {\n      outline: none;\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n      transition: border-color 0.2s ease-in-out;\n    }\n    &:disabled {\n      background-color: var(--button-ghost-disabled);\n      color: var(--text-disabled);\n      opacity: var(--text-disabled-opacity);\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n  tag: 'xv-button-v2',\r\n  styleUrl: 'xv-button-v2.scss',\r\n  shadow: true,\r\n})\r\nexport class XvButton {\r\n  /** Button label */\r\n  @Prop() label: string = '';\r\n\r\n  /** Container width Button */\r\n  @Prop() block: boolean = false;\r\n\r\n  /** Variant */\r\n  @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n  /** Disabled state */\r\n  @Prop() disabled: boolean = false;\r\n\r\n  /** Emits when the button is clicked */\r\n  @Event() buttonClick!: EventEmitter<void>;\r\n\r\n  /** Handle click only if not disabled */\r\n  private handleClick = () => {\r\n    if (this.disabled) {\r\n      return;\r\n    }\r\n    this.buttonClick.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <button\r\n        class={`xv-button ${this.variant} ${this.block ? 'xv-button-block' : ''}`}\r\n        disabled={this.disabled}\r\n        onClick={this.handleClick}\r\n      >\r\n        <slot name=\"icon-left\"></slot>\r\n\r\n        <slot>\r\n          {this.label}\r\n        </slot>\r\n\r\n        <slot name=\"icon-right\"></slot>\r\n      </button>\r\n    );\r\n  }\r\n}\r\n",":host {\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  border: 1px solid var(--border-subtle-00);\n  background: var(--layer-layer-02);\n  box-shadow: 0 1px 3px 1px rgba(39, 52, 53, 0.15), 0 1px 2px 0 rgba(39, 52, 53, 0.30);\n  font-family: var(--ff-body, inherit);\n  overflow: visible !important;\n}\n\n:host(.xv-card_vertical) {\n  //max-width: 298px;\n  // TODO: wright down correct styling for card size\n  width: 100%!important;\n}\n\n:host(.xv-card_horizontal) {\n  flex-direction: row;\n  display: flex;\n  width: max-content;\n\n  .xv-card_media {\n    &__content, ::slotted([slot=\"media\"]) {\n      min-height: 100%;\n      max-height: 100%;\n      max-width: 160px;\n      min-width: 160px;\n    }\n  }\n}\n\n.xv-card {\n  &_content {\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    text-align: left;\n  }\n\n  &_media {\n    &__content, ::slotted([slot=\"media\"]) {\n      max-width: 100%;\n      min-width: 100%;\n      min-height: 199px;\n      max-height: 199px;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n\n  &_header {\n    &__content, ::slotted([slot=\"header\"]) {\n      margin: 0 0 8px;\n      color: var(--text-primary);\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 700;\n      line-height: 24px;\n      letter-spacing: -0.6px;\n    }\n  }\n\n  &_body {\n    flex: 1;\n    &__content, ::slotted([slot=\"body\"]) {\n      margin: 0 0 8px;\n      color: var(--text-secondary);\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 20px;\n      letter-spacing: -0.1px;\n    }\n  }\n\n  &_footer {}\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-card-v2',\n  styleUrl: 'xv-card.scss',\n  shadow: true,\n})\nexport class XvCard {\n  @Prop() variant: 'horizontal' | 'vertical' = 'vertical';\n  @Prop() media: string;\n  @Prop() header: string;\n  @Prop() body: string;\n  @Prop() footer: string;\n  render() {\n    return (\n      <Host class={`xv-card xv-card_${this.variant}`} part={this.variant}>\n        <div class=\"xv-card_media\">\n          <slot name=\"media\">\n            {this.media && <img class=\"xv-card_media__content\" src={this.media} alt={this.header} />}\n          </slot>\n        </div>\n\n        <div class=\"xv-card_content\">\n          <div class=\"xv-card_header\">\n            <slot name=\"header\">\n              {this.header && <p class=\"xv-card_header__content\">{this.header}</p>}\n            </slot>\n          </div>\n          <div class=\"xv-card_body\">\n            <slot name=\"body\">\n              {this.body && <p class=\"xv-card_body__content\">{this.header}</p>}\n            </slot>\n          </div>\n          <div class=\"xv-card_footer\">\n            <slot name=\"footer\">{this.footer}</slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","\n:host {\n  --checkbox-size: 20px;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-direction: column;\n}\n\n:host([error]) {\n  .xv-checkbox {\n    .checkmark {\n      border-color: var(--text-error, #D62512);\n    }\n  }\n}\n\n.error,\n[name=\"info\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  font-size: var(--fz-sm, 12px);\n  font-family: var(--ff-body, Tahoma);\n  line-height: 133.333%;\n  letter-spacing: 0.32px;\n}\n\n.error {\n  margin-top: var(--gap-xs, 5px);\n  color: var(--text-error, #D62512);\n  &::before {\n    margin-right: var(--gap-xs, 5px);\n    content: \"!\";\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    font-size: var(--fz-sm, 12px);\n    font-weight: bold;\n    color: white;\n    background-color: var(--text-error, #D62512);\n    border-radius: 50%;\n  }\n}\n\n.xv-checkbox {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  input[type='checkbox'] {\n    position: absolute;\n    width: var(--checkbox-size);\n    height: var(--checkbox-size);\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    pointer-events: none;\n    box-sizing: border-box;\n  }\n\n  .checkmark {\n    width: var(--checkbox-size);\n    min-width: var(--checkbox-size);\n    height: var(--checkbox-size);\n    min-height: var(--checkbox-size);\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 2px solid var(--border-subtle-03, #D1D1D1);\n    border-radius: 4px;\n    background-color: var(--background, #FFF);\n    transition: all 0.2s ease;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  input:checked + .checkmark {\n    background-color: var(--background-brand, #97BF0D);\n    border-color: var(--background-brand, #97BF0D);\n    &:not(.checkmark-partial)::after {\n      content: '';\n      width: calc(var(--checkbox-size) / 4);\n      height: calc(var(--checkbox-size) / 2.5);\n      border: solid var(--background, #FFF);\n      margin-bottom: calc(var(--checkbox-size) / 10);\n      border-width: 0 2px 2px 0;\n      transform: rotate(45deg);\n      display: block;\n    }\n    &.checkmark-partial::after {\n      content: '';\n      width: calc(var(--checkbox-size) / 3);\n      height: calc(var(--checkbox-size) / 10);\n      background-color: var(--background, #FFF);\n    }\n  }\n\n  input:focus + .checkmark {\n    outline: 1px solid var(--border-strong-01, #8B8B8B);\n  }\n\n  .label {\n    margin-left: 8px;\n    color: var(--text-primary, #333);\n    font-family: var(--ff-body, Tahoma);\n    font-size: var(--fz-md, 14px);\n    line-height: 128.571%;\n    letter-spacing: 0.16px;\n  }\n}\n","import { Component, h, Element, Prop, State, Event, EventEmitter, Watch, Host } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n  tag: 'xv-checkbox-v2',\n  styleUrl: 'xv-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class XvCheckbox {\n  private inputEl: HTMLInputElement;\n  private internals: ElementInternals;\n\n  @Element() el!: HTMLElement;\n\n  /**\n   * Default checked status\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n  /**\n   * Using for forms\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false;\n  /**\n   * Disabled status\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * Input name\n   */\n  @Prop({ reflect: true }) name: string;\n  /**\n   * Input value\n   */\n  @Prop({ reflect: true }) value: string = 'on';\n  /**\n   * The same like default checkbox prop\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n  /**\n   * Change checkmark icon to minus\n   */\n  @Prop({ reflect: true }) partial: boolean = false;\n  /**\n   * Can be used like property or like slot\n   */\n  @Prop() label: string;\n\n  @Prop({ reflect: true }) size?: SIZE_VAR;\n  @Prop({ reflect: true }) error?: string | boolean;\n\n  @State() hasFocus: boolean = false;\n  /**\n   * event 'onEventChange'\n   */\n  @Event({ eventName: 'eventChange' }) changeEvent: EventEmitter<boolean>;\n  /**\n   * event 'onEventInput'\n   */\n  @Event({ eventName: 'eventInput' }) inputEvent: EventEmitter<boolean>;\n  /**\n   * event 'onEventFocus'\n   */\n  @Event({ eventName: 'eventFocus' }) focusEvent: EventEmitter<void>;\n  /**\n   * event 'onEventBlur'\n   */\n  @Event({ eventName: 'eventBlur' }) blurEvent: EventEmitter<void>;\n\n  constructor() {\n    this.internals = (this.el as any).attachInternals?.() || {};\n  }\n\n  connectedCallback() {\n    if (this.internals?.setFormValue) {\n      this.internals.setFormValue(this.checked ? this.value : null);\n    }\n  }\n\n  @Watch('checked')\n  onCheckedChange(newValue: boolean) {\n    if (this.internals?.setFormValue) {\n      this.internals.setFormValue(newValue ? this.value : null);\n    }\n  }\n\n  private onInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n    this.inputEvent.emit(this.checked);\n  };\n\n  private onChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n    this.changeEvent.emit(this.checked);\n  };\n\n  private onFocus = () => {\n    this.hasFocus = true;\n    this.focusEvent.emit();\n  };\n\n  private onBlur = () => {\n    this.hasFocus = false;\n    this.blurEvent.emit();\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class={{ 'xv-checkbox': true, disabled: this.disabled }}>\n          <input\n            ref={el => (this.inputEl = el)}\n            type=\"checkbox\"\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            disabled={this.disabled}\n            required={this.required}\n            indeterminate={this.indeterminate}\n            onInput={this.onInput}\n            onChange={this.onChange}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          />\n          <span class={`checkmark ${this.partial ? 'checkmark-partial' : ''}`} />\n          <div class=\"label\">\n            <slot>{this.label}</slot>\n          </div>\n        </label>\n        <slot name=\"info\" />\n        {!!this.error && <span class=\"error\">{this.error}</span>}\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    if (this.indeterminate) {\n      this.inputEl.indeterminate = true;\n    }\n  }\n\n  componentDidUpdate() {\n    if (this.inputEl) {\n      this.inputEl.indeterminate = this.indeterminate;\n    }\n  }\n\n  formResetCallback() {\n    this.checked = false;\n  }\n\n  formStateRestoreCallback(state: string) {\n    this.checked = state === this.value;\n  }\n}\n",":host {\n  font-family: var(--ff-body, inherit);\n}\n\n:host(.xv-link_inline) {\n  display: inline-block;\n  .xv-link {\n    text-decoration-line: underline;\n    text-decoration-style: solid;\n    text-decoration-skip-ink: none;\n    text-decoration-thickness: auto;\n    text-underline-offset: auto;\n    text-underline-position: from-font;\n  }\n}\n\n:host(.xv-link_standalone) {\n  display: block;\n  .xv-link {\n    text-decoration-line: none;\n  }\n}\n\n.xv-link {\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  color: var(--link-primary);\n  font-family: var(--ff-body);\n  font-style: normal;\n  font-weight: 400;\n  transition: color 200ms ease-in-out;\n\n  &:active {\n    color: var(--text-primary);\n  }\n\n  &:visited {\n    color: var(--link-visted);\n  }\n\n  &:hover {\n    color: var(--link-primary-hover);\n    cursor: pointer;\n  }\n\n  &:disabled, &_disabled, &::part(disabled) {\n    color: var(--text-disabled);\n    pointer-events: none;\n    cursor: initial;\n  }\n\n  &.sm {\n    font-size: var(--fz-sm);\n    line-height: 137.5%;\n  }\n\n  &.md {\n    font-size: var(--fz-md);\n    line-height: 128.571%;\n  }\n\n  &.lg {\n    font-size: var(--fz-lg);\n    line-height: 133.333%;\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-link-v2',\n  styleUrl: 'xv-link.scss',\n  shadow: true,\n})\nexport class XvLink {\n  @Prop() href: string;\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top';\n  @Prop() disabled: boolean = false;\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n  @Prop() variant: 'standalone' | 'inline' = 'inline';\n\n  preventLinkHandler(e: PointerEvent) {\n    if (!this.disabled) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  render() {\n    return (\n      <Host class={`xv-link_${this.variant}`}>\n        <a\n          href={this.href}\n          onClick={this.preventLinkHandler.bind(this)}\n          class={`xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`}\n          target={this.target}\n        >\n          <slot name=\"icon-left\"></slot>\n\n          <slot></slot>\n\n          <slot name=\"icon-right\"></slot>\n        </a>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  font-family: var(--ff-body, inherit);\n  overflow-x: auto;\n}\n","import { Component, Host, h, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'xv-progress-indicator-v2',\n  styleUrl: 'xv-progress-indicator.scss',\n  shadow: true,\n})\nexport class XvProgressIndicator {\n  @Element() el: HTMLElement;\n  @Prop() progress: number = 0;\n\n  // Update 'xv-progress-indicator-item' done status\n  @Watch('progress')\n  updateChildItems() {\n    const items = this.el.children;\n    const itemsCount = this.el.childElementCount;\n    const progressPerItem = 100 / itemsCount;\n\n    if (!items.length || !itemsCount) return;\n\n    Array.from(items).forEach((item, index) => {\n      const itemProgress = (index + 1) * progressPerItem;\n      const done = this.progress >= itemProgress;\n      (item as HTMLElement).setAttribute('done', done ? 'true' : 'false');\n    });\n  }\n\n  // Load initial done status\n  componentDidLoad() {\n    this.updateChildItems()\n  }\n\n  render() {\n    return (\n      <Host class=\"xv-progress-indicator\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n",":host(.xv-progress-indicator-item) {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  padding: 10px 16px;\n  &:before {\n    width: 100%;\n  }\n\n  &:before, .line {\n    content: '';\n    z-index: 1;\n    display: inline-block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    color: inherit;\n    background-color: var(--border-subtle-01, grey);\n  }\n\n  .line {\n    width: 0;\n    color: inherit;\n    transition: width 250ms ease;\n    background-color: var(--background-brand, currentColor);\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    max-width: 22px;\n    max-height: 22px;\n    border: 2px dashed var(--icon-primary, currentColor);\n    border-radius: 50%;\n    svg {\n      opacity: 0;\n      transition: opacity 500ms ease-in-out;\n    }\n  }\n\n  .label {\n    color: var(--text-primary);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 18px;\n    letter-spacing: 0.16px;\n  }\n}\n\n:host(.done) {\n  .icon {\n    border-color: var(--background-brand, currentColor);\n    color: var(--background-brand, inherit);\n    border-style: solid;\n    svg {\n      opacity: 1;\n    }\n  }\n\n  .line {\n    width: 100% !important;\n    background-color: var(--background-brand, currentColor);\n  }\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-progress-indicator-v2-item',\n  styleUrl: 'xv-progress-indicator-item.scss',\n  shadow: true,\n})\nexport class XvProgressIndicatorItem {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: false }) done: boolean = false;\n\n  render() {\n    return (\n      <Host class={`xv-progress-indicator-item ${this.done ? 'done' : ''}`}>\n        <span class=\"line\"/>\n        <span class=\"icon\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 448 512\"\n            width={14}\n            height={14}\n          >\n                <path\n                  fill=\"currentColor\"\n                  d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\n                />\n          </svg>\n        </span>\n        <p class=\"label\"><slot/></p>\n      </Host>\n    );\n  }\n}\n","export enum TABLE_COLOR_SCHEMA {\n  DEF = '',\n  ZEBRA = 'zebra',\n}\n\nexport enum TABLE_SIZE {\n  EXTRA_SMALL = 'xs',\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n  EXTRA_LARGE = 'xl',\n}\n\nexport type TableSelectionEvent = CustomEvent<{\n  name: string;\n  checked: boolean;\n  value?: string;\n}>;\n","@import \"vars\";\n\n:host {\n  @for $i from 1 through 20 {\n    ::slotted(#{$tag-name}-header-row[cols=\"#{$i}\"]),\n    ::slotted(#{$tag-name}-row[cols=\"#{$i}\"]) {\n      --xv-table-cols: #{$i};\n    }\n  }\n}\n\n:host([size=\"xs\"]) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    padding: $space-xs;\n  }\n}\n:host([size=\"sm\"]) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    padding: $space-sm;\n  }\n}\n:host([size=\"md\"]) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    padding: $space-md;\n  }\n}\n:host([size=\"lg\"]) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    padding: $space-lg;\n  }\n}\n:host([size=\"xl\"]) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    padding: $space-xl\n  }\n}\n\n:host([hoverable]) {\n  ::slotted(#{$tag-name}-row:hover),\n  ::slotted([highlighted])  {\n    background-color: var(--layer-hover-01, #E3E3E3);\n  }\n}\n\n:host(#{$tag-name}) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    grid-template-columns: 0 repeat(var(--xv-table-cols, 1), 1fr);\n  }\n\n  ::slotted(#{$tag-name}-row[collapsed]) {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .caption {\n    padding: $space-md $space-md $space-lg;\n    &_title,\n    &_description {\n      color: $color;\n      margin: 0;\n    }\n\n    &_title {\n      font-family: var(--ff-heading, \"Gill Sans\");\n      font-size: 21px;\n    }\n\n    &_description {\n      font-family: var(--ff-body, Tahoma);\n      font-size: $font-size-content;\n      line-height: 128.571%;\n      letter-spacing: 0.16px;\n    }\n  }\n}\n\n:host([expandable]) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    position: relative;\n    grid-template-columns: $expand-size repeat(var(--xv-table-cols, 1), 1fr);\n  }\n}\n:host([selectable]) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    position: relative;\n    grid-template-columns: $select-size repeat(var(--xv-table-cols, 1), 1fr);\n  }\n}\n:host([expandable][selectable]) {\n  ::slotted(#{$tag-name}-row),\n  ::slotted(#{$tag-name}-header-row) {\n    position: relative;\n    grid-template-columns: $expand-size + $select-size repeat(var(--xv-table-cols, 1), 1fr);\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Event, EventEmitter, State } from '@stencil/core';\nimport { TABLE_COLOR_SCHEMA, TABLE_SIZE, TableSelectionEvent } from './defs';\n\n@Component({\n  tag: 'xv-table-v2',\n  styleUrl: 'xv-table.scss',\n  shadow: true,\n})\nexport class XvTable {\n  @Element() el: HTMLElement;\n  /**\n   * Table caption description\n   */\n  @Prop() description: string;\n  /**\n   * Set current color schema type of enum TABLE_COLOR_SCHEMA\n   * Possible options 'zebra'\n   */\n  @Prop({ attribute: 'color-schema' }) colorSchema: TABLE_COLOR_SCHEMA = TABLE_COLOR_SCHEMA.DEF;\n  /**\n   * If table is expandable fields\n   */\n  @Prop() expandable: boolean = false;\n  /**\n   * Table size\n   * enum TABLE_SIZE\n   */\n  @Prop() size: TABLE_SIZE = TABLE_SIZE.MEDIUM;\n  /**\n   * Add checkbox selection to the table\n   */\n  @Prop() selectable: boolean = false;\n\n  @State() selectedRows = new Map<string, { name: string, value?: string }>();\n\n  @Event() changeSelection: EventEmitter<{ name: string, value?: any }[]>;\n\n  @Watch('colorSchema')\n  setRowPropsHandler() {\n    const rows = Array\n      .from(this.el.childNodes)\n      .filter((node) =>\n        node.nodeType === Node.ELEMENT_NODE &&\n        ((node as any)?.tagName === `${this.el.tagName}-ROW` || (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`)\n      );\n    let visualIndex = 0;\n\n    rows.forEach((node, i) => {\n      const row = (node as HTMLElement);\n      const isHeaderRow = (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`;\n\n      if (this.selectable) {\n        let name = row.getAttribute('selection-name');\n\n        if (!name) {\n          name = isHeaderRow ? 'header' : `xv-table-row-${i}`;\n          row.setAttribute('selection-name', name);\n        }\n\n        if (row.hasAttribute('checked')) {\n          this.selectedRows.set(name, {\n            name,\n            value: row.getAttribute('value') ?? undefined,\n          })\n        }\n      }\n\n      if (isHeaderRow) return;\n\n      switch (this.colorSchema) {\n        case TABLE_COLOR_SCHEMA.ZEBRA:\n          const stripe = visualIndex % 2 === 0 ? 'even' : 'odd';\n          if (row.hasAttribute('expandable') && rows[i + 1]) {\n            row.setAttribute(stripe, '');\n          } else {\n            visualIndex++;\n            row.setAttribute(stripe, '');\n          }\n          break;\n        default:\n          row.removeAttribute('odd');\n          row.removeAttribute('even');\n      }\n    });\n  }\n\n  private handleCheckedChange = (e: TableSelectionEvent) => {\n    const { name, value, checked } = e.detail;\n\n    if (checked) {\n      this.selectedRows.set(name, { name, value });\n    } else {\n      this.selectedRows.delete(name);\n    }\n\n    this.changeSelection.emit(Array.from(this.selectedRows.values()));\n  }\n\n    render() {\n    return (\n      <Host size={this.size} selectable={this.selectable}>\n        {(this.el.title || this.description) && (\n          <div class=\"caption\">\n            {this.el.title && <h5 class=\"caption_title\">{this.el.title}</h5>}\n            {this.description && <p class=\"caption_description\">{this.description}</p>}\n          </div>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  componentWillLoad() {\n    this.setRowPropsHandler();\n    this.el.addEventListener('checkedChange', this.handleCheckedChange as any);\n  }\n\n  disconnectedCallback() {\n    this.el.removeEventListener('checkedChange', this.handleCheckedChange as any);\n  }\n}\n","@import \"../vars\";\n\n:host {\n  display: block;\n  color: $color;\n  font-family: var(--ff-body, Tahoma);\n  font-size: $font-size-content;\n  line-height: 128.571%;\n  letter-spacing: 0.16px;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xv-table-v2-col',\n  styleUrl: 'xv-table-col.scss',\n  shadow: true,\n})\nexport class XvTableCol {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","@import \"../vars\";\n\n\n:host {\n  display: grid;\n  padding: $space-md $space-md $space-md * 2;\n  align-items: center;\n  transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\n  background: var(--layer-accent-01, #F7F7F7);\n  color: $color;\n  font-family: var(--ff-body, Tahoma);\n  font-size: $font-size-header;\n  font-weight: 700;\n  line-height: 128.571%;\n  letter-spacing: 0.16px;\n\n  .left-container {\n    @include left-container-styles;\n  }\n}\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'xv-table-v2-header-row',\n  styleUrl: 'xv-table-header-row.scss',\n  shadow: true,\n})\nexport class XvTableHeaderRow {\n  @Element() el: HTMLElement;\n  /**\n   * Checkbox row name\n   */\n  @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\n  /**\n   * Checkbox row selected partially\n   */\n  @Prop({ reflect: true }) partial?: boolean;\n  /**\n   * Checkbox row checked\n   */\n  @Prop({ reflect: true, mutable: true }) checked?: boolean = false;\n\n  @State() cols: number = 1;\n\n  @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\n\n  private slotChangeHandle = () => {\n    this.cols = this.el.childElementCount;\n  }\n\n  private checkboxChange = (e: CustomEvent<boolean>) => {\n    this.checked = e.detail;\n    this.checkedChange.emit({\n      name: this.selectionName,\n      checked: e.detail\n    });\n  }\n\n  render() {\n    return (\n      <Host cols={this.cols}>\n        <div class=\"left-container\">\n          {this.selectionName !== undefined && (\n            <xv-checkbox-v2\n              partial={true}\n              name={this.selectionName}\n              checked={this.checked}\n              onEventChange={this.checkboxChange}\n            />\n          )}\n        </div>\n        <slot onSlotchange={this.slotChangeHandle}></slot>\n      </Host>\n    );\n  }\n}\n","@import \"../vars\";\n\n:host(#{$tag-name}-row) {\n  display: grid;\n  padding: $space-md;\n  align-items: center;\n  transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\n  background: var(--layer-02, #FFF);\n  box-shadow: 0 0 0 1px #E3E3E3 inset;\n\n  .left-container {\n    @include left-container-styles;\n  }\n\n  .expand-btn {\n    @include expand-btn-styles;\n  }\n}\n\n:host([expanded]) {\n  block-size: auto;\n}\n\n:host([collapsed]) {\n  block-size: 0;\n  overflow: hidden;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n:host([odd]) {\n  background-color: var(--layer-selected-01, #E3E3E3);\n}\n\n:host([even]) {\n  background-color: #fff;\n}\n","import { Component, Host, h, Element, Prop, State, Watch, Method, Event, EventEmitter } from '@stencil/core';\nimport { uidGenerator } from '../../../utils/utils';\n\n@Component({\n  tag: 'xv-table-v2-row',\n  styleUrl: 'xv-table-row.scss',\n  shadow: true,\n})\nexport class XvTableRow {\n  @Element() el: HTMLElement;\n  /**\n   * Is row will be expandable\n   * If it's true then the next row will be collapsed\n   */\n  @Prop({ mutable: true }) expandable: boolean = false;\n  /**\n   * Default state of expandable\n   */\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n  /**\n   * Checkbox row name\n   */\n  @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\n  /**\n   * Checkbox row value\n   */\n  @Prop({ reflect: true }) value?: string;\n  /**\n   * Checkbox row status\n   */\n  @Prop({ reflect: true, mutable: true  }) checked?: boolean;\n\n  @State() prevRowExpanded: boolean = false;\n  @State() expandId?: string;\n  @State() id?: string;\n  @State() cols: number = 1;\n\n  @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\n\n  /**\n   * Called from outside (From expandable row)\n   */\n  @Method()\n  async setExpandRelation(id?: string, expanded?: boolean) {\n    this.expandId = id;\n    this.prevRowExpanded = !!expanded;\n    return this.prevRowExpanded;\n  }\n\n  /**\n   * Called from outside (From expandable row)\n   * to change then expand or collapse\n   */\n  @Method()\n  async toggleExpand(id?: string, expanded?: boolean) {\n    if (this.expandId !== id) return;\n    this.prevRowExpanded = expanded !== undefined ? expanded : !this.prevRowExpanded;\n  }\n\n  /**\n   * Watch for expandable\n   * When it's false needs to remove unnecessary properties\n   */\n  @Watch('expandable')\n  setExpandableRelationHandle(): Promise<any> {\n    const nextEl = this.el.nextElementSibling;\n\n    if (!nextEl || nextEl.tagName !== this.el.tagName) this.expandable = false;\n\n    if (!this.expandable) return;\n\n    if (!this.id) this.id = this.el.id || uidGenerator();\n\n    return (nextEl as any).setExpandRelation(this.id, this.expanded);\n  }\n\n  /**\n   * When user press on the expand button\n   */\n  private changeExpandHandle() {\n    const nextRow = this.el.nextElementSibling;\n\n    if (!nextRow || nextRow.tagName !== this.el.tagName) return;\n\n    this.expanded = !this.expanded;\n    // Call method from new row\n    (nextRow as any).toggleExpand(this.id, this.expanded);\n  }\n\n  /**\n   * Highlight the expanded row on hover\n   */\n  private hoverHandle(active: boolean) {\n    const prevRow = this.el.previousElementSibling as HTMLElement | null;\n    const nextRow = this.el.nextElementSibling as HTMLElement | null;\n\n    if (nextRow?.tagName === this.el.tagName && this.expandable) {\n      if (active) {\n        nextRow.setAttribute('highlighted', '');\n      } else {\n        nextRow.removeAttribute('highlighted');\n      }\n    }\n\n    if (prevRow?.tagName === this.el.tagName && prevRow.hasAttribute('expandable')) {\n      if (active) {\n        prevRow.setAttribute('highlighted', '');\n      } else {\n        prevRow.removeAttribute('highlighted');\n      }\n    }\n  }\n\n  private checkboxChange = (e: CustomEvent<boolean>) => {\n    this.checked = e.detail;\n    this.checkedChange.emit({\n      name: this.selectionName,\n      value: this.value,\n      checked: e.detail\n    });\n  }\n\n  async componentWillLoad(){\n    this.id = this.el.id;\n    this.cols = this.el.childElementCount;\n    await this.setExpandableRelationHandle();\n  }\n\n  render() {\n    return (\n      <Host\n        onMouseEnter={() => this.hoverHandle(true)}\n        onMouseLeave={() => this.hoverHandle(false)}\n        cols={this.cols}\n        expanded={this.expandId && this.prevRowExpanded}\n        collapsed={this.expandId && !this.prevRowExpanded}\n      >\n        <div class=\"left-container\">\n          {this.expandable && (\n            <button\n              class={`expand-btn ${this.expanded ? 'expanded' : ''}`}\n              onClick={() => this.changeExpandHandle()}\n            />\n          )}\n          {this.selectionName && (\n            <xv-checkbox-v2\n              name={this.selectionName}\n              value={this.value}\n              checked={this.checked}\n              onEventChange={this.checkboxChange}\n            />\n          )}\n        </div>\n        <slot />\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 1000px;\n  background-color: var(--background);\n  color: var(--text-primary);\n  font-family: var(--ff-body, inherit);\n\n  .xv-tag_content {\n    padding-left: 8px;\n    padding-right: 8px;\n    color: inherit;\n    font-family: var(--ff-body);\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px;\n    letter-spacing: 0.32px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .xv-tag_close {\n    box-sizing: border-box;\n    text-decoration: none;\n    border: none;\n    background-color: inherit;\n    outline: none;\n    border-spacing: 0;\n    list-style: none outside none;\n    margin: 0;\n    padding: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 62px;\n    width: 15px;\n    height: 15px;\n    text-align: left;\n    color: inherit;\n    text-indent: 0;\n    transition: opacity 300ms ease-in-out, filter 300ms ease-in-out;\n    &:hover {\n      cursor: pointer;\n      filter: brightness(80%);\n    }\n\n    &:active {\n      opacity: 0.7;\n    }\n\n    &:focus {\n      outline: 1px solid currentColor;\n    }\n\n    &:after {\n      overflow: hidden;\n      width: inherit;\n      height: inherit;\n      color: inherit;\n      font-size: 16px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      content: \"\\00d7\";\n    }\n  }\n}\n\n:host(.sm) {\n  font-size: var(--fz-sm);\n}\n\n:host(.md) {\n  font-size: var(--fz-md);\n  .xv-tag_content {\n    line-height: 24px;\n  }\n\n  .xv-tag_close {\n    height: 24px;\n    width: 24px;\n  }\n}\n\n:host(.lg) {\n  font-size: var(--fz-lg);\n  .xv-tag_content {\n    line-height: 26px;\n  }\n\n  .xv-tag_close {\n    height: 26px;\n    width: 26px;\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n  background-color: var(--layer-01);\n  color: var(--text-disabled);\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'xv-tag-v2',\n  styleUrl: 'xv-tag.scss',\n  shadow: true,\n})\nexport class XvTag {\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n  @Prop() color: string = '';\n  @Prop() bg: string = '';\n  @Prop() disabled: boolean = false;\n  @Prop() closeable: boolean = false;\n  @Event() closeClick: EventEmitter<PointerEvent>;\n\n  closeHandler(e: PointerEvent) {\n    if (this.disabled) return;\n\n    this.closeClick.emit(e);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{ color: this.color, background: this.bg }}\n        class={`xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}`}\n      >\n        <div class=\"xv-tag_content\">\n          <slot></slot>\n        </div>\n        {this.closeable && (\n          <button onClick={this.closeHandler.bind(this)} class=\"xv-tag_close\"></button>\n        )}\n      </Host>\n    );\n  }\n}\n",":host {\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  line-height: 0.5;\n}\n\n/* General styles for tooltip */\n:host::before,\n:host::after {\n  position: absolute;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n  z-index: 10;\n}\n\n/* Tooltip */\n:host::before {\n  content: attr(tooltip);\n  background: var(--background-inverse, #333);\n  color: var(--icon-inverse, #fff);\n  padding: var(--gap-sm, 5px) var(--gap-md, 16px);\n  border-radius: 2px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: max(70vw);\n  font-family: var(--fz-body, Tahoma);\n  font-size: var(fz-md, 14px);\n  font-weight: 400;\n  line-height: 18px;\n  letter-spacing: 0.16px;\n}\n\n/* Arrow */\n:host::after {\n  content: \"\";\n  border: 6px solid transparent;\n}\n\n/* Show Tooltip and arrow */\n:host(:hover)::before,\n:host(:hover)::after,\n:host(:focus)::before,\n:host(:focus)::after {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* Tooltip positions */\n:host(.xv-tooltip_top)::before {\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%) translateY(-5px);\n}\n:host(.xv-tooltip_top)::after {\n  bottom: 100%;\n  left: 50%;\n  border-top-color: var(--background-inverse, #333);\n  transform: translateX(-50%) translateY(5px);\n}\n\n:host(.xv-tooltip_top-left)::before {\n  bottom: 100%;\n  left: 0;\n  transform: translateY(-5px);\n}\n:host(.xv-tooltip_top-left)::after {\n  bottom: 100%;\n  left: 10px;\n  border-top-color: black;\n  transform: translateY(5px);\n}\n\n:host(.xv-tooltip_top-right)::before {\n  bottom: 100%;\n  right: 0;\n  transform: translateY(-5px);\n}\n:host(.xv-tooltip_top-right)::after {\n  bottom: 100%;\n  right: 10px;\n  border-top-color: var(--background-inverse, #333);\n  transform: translateY(5px);\n}\n\n:host(.xv-tooltip_bottom)::before {\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%) translateY(5px);\n}\n:host(.xv-tooltip_bottom)::after {\n  top: 100%;\n  left: 50%;\n  border-bottom-color: black;\n  transform: translateX(-50%) translateY(-5px);\n}\n\n:host(.xv-tooltip_bottom-left)::before {\n  top: 100%;\n  left: 0;\n  transform: translateY(5px);\n}\n:host(.xv-tooltip_bottom-left)::after {\n  top: 100%;\n  left: 10px;\n  border-bottom-color: var(--background-inverse, #333);\n  transform: translateY(-5px);\n}\n\n:host(.xv-tooltip_bottom-right)::before {\n  top: 100%;\n  right: 0;\n  transform: translateY(5px);\n}\n:host(.xv-tooltip_bottom-right)::after {\n  top: 100%;\n  right: 10px;\n  border-bottom-color: var(--background-inverse, #333);\n  transform: translateY(-5px);\n}\n\n:host(.xv-tooltip_left)::before {\n  right: 100%;\n  top: 50%;\n  transform: translateY(-50%) translateX(-5px);\n}\n:host(.xv-tooltip_left)::after {\n  right: 100%;\n  top: 50%;\n  border-left-color: var(--background-inverse, #333);\n  transform: translateY(-50%) translateX(5px);\n}\n\n:host(.xv-tooltip_right)::before {\n  left: 100%;\n  top: 50%;\n  transform: translateY(-50%) translateX(5px);\n}\n:host(.xv-tooltip_right)::after {\n  left: 100%;\n  top: 50%;\n  border-right-color: var(--background-inverse, #333);\n  transform: translateY(-50%) translateX(-5px);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-tooltip-v2',\n  styleUrl: 'xv-tooltip.scss',\n  shadow: true,\n})\nexport class XvTooltip {\n  /** Message what will be shown for tooltip **/\n  @Prop() message: string;\n  /**\n   * Tooltip and arrow position related to element\n   * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.\n   * By default, \"top\"\n   */\n  @Prop() position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right' = 'top';\n\n  render() {\n    return (\n      <Host tooltip={this.message} class={`xv-tooltip_${this.position}`}>\n        <slot>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" width={16} height={16}>\n            <path\n              fill=\"currentColor\"\n              d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\n            />\n          </svg>\n        </slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/xv-breadcrumbs-v2.cjs.entry.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-782b9733.js');
-
-const xvBreadcrumbsCss = ":host{display:block}";
-const XvBreadcrumbsV2Style0 = xvBreadcrumbsCss;
-
-const XvBreadcrumbs = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '5af11f456cfed9e3a853fa3ccdcf12d2d5d5e49f' }, index.h("slot", { key: 'ecef5ef84a97ceefda5cbcb54e23056e2adbdf99' })));
-    }
-};
-XvBreadcrumbs.style = XvBreadcrumbsV2Style0;
-
-exports.xv_breadcrumbs_v2 = XvBreadcrumbs;
-
-//# sourceMappingURL=xv-breadcrumbs-v2.cjs.entry.js.map

package/dist/cjs/xv-breadcrumbs-v2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"xv-breadcrumbs-v2.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAChD,8BAAe,gBAAgB;;MCMlB,aAAa;;;;IACxB,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/xv-breadcrumbs/xv-breadcrumbs.scss?tag=xv-breadcrumbs-v2&encapsulation=shadow","src/components/xv-breadcrumbs/xv-breadcrumbs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xv-breadcrumbs-v2',\n  styleUrl: 'xv-breadcrumbs.scss',\n  shadow: true,\n})\nexport class XvBreadcrumbs {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/xv-webcomponents.cjs.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-782b9733.js');
-const appGlobals = require('./app-globals-3a1e7e63.js');
-
-/*
- Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com
- */
-var patchBrowser = () => {
-  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('xv-webcomponents.cjs.js', document.baseURI).href));
-  const opts = {};
-  if (importMeta !== "") {
-    opts.resourcesUrl = new URL(".", importMeta).href;
-  }
-  return index.promiseResolve(opts);
-};
-
-patchBrowser().then(async (options) => {
-  await appGlobals.globalScripts();
-  return index.bootstrapLazy([["xv-breadcrumbs-v2.cjs",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_14.cjs",[[1,"xv-table-v2-header-row",{"selectionName":[513,"selection-name"],"partial":[516],"checked":[1540],"cols":[32]}],[1,"xv-table-v2-row",{"expandable":[1028],"expanded":[1540],"selectionName":[513,"selection-name"],"value":[513],"checked":[1540],"prevRowExpanded":[32],"expandId":[32],"id":[32],"cols":[32],"setExpandRelation":[64],"toggleExpand":[64]},null,{"expandable":["setExpandableRelationHandle"]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-button-v2",{"label":[1],"block":[4],"variant":[1],"disabled":[4]}],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-progress-indicator-v2",{"progress":[2]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"done":[4]}],[1,"xv-table-v2",{"description":[1],"colorSchema":[1,"color-schema"],"expandable":[4],"size":[1],"selectable":[4],"selectedRows":[32]},null,{"colorSchema":["setRowPropsHandler"]}],[1,"xv-table-v2-col"],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[1,"xv-tooltip-v2",{"message":[1],"position":[1]}],[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}]]]], options);
-});
-
-exports.setNonce = index.setNonce;
-
-//# sourceMappingURL=xv-webcomponents.cjs.js.map

package/dist/cjs/xv-webcomponents.cjs.js.map

@@ -1 +0,0 @@
-{"file":"xv-webcomponents.cjs.js","mappings":";;;;;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,kNAAe,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE,CAAC;AACxB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","globalScripts","bootstrapLazy"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -1,26 +0,0 @@
-{
-  "entries": [
-    "components/xv-accordion/xv-accordion.js",
-    "components/xv-accordion-item/xv-accordion-item.js",
-    "components/xv-breadcrumbs/xv-breadcrumbs.js",
-    "components/xv-button/xv-button.js",
-    "components/xv-card/xv-card.js",
-    "components/xv-checkbox/xv-checkbox.js",
-    "components/xv-link/xv-link.js",
-    "components/xv-progress-indicator/xv-progress-indicator.js",
-    "components/xv-progress-indicator-item/xv-progress-indicator-item.js",
-    "components/xv-table/xv-table.js",
-    "components/xv-table/xv-table-col/xv-table-col.js",
-    "components/xv-table/xv-table-header-row/xv-table-header-row.js",
-    "components/xv-table/xv-table-row/xv-table-row.js",
-    "components/xv-tag/xv-tag.js",
-    "components/xv-tooltip/xv-tooltip.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "4.27.1",
-    "typescriptVersion": "5.5.4"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/xv-accordion/xv-accordion.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/xv-accordion/xv-accordion.js

@@ -1,163 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { uidGenerator } from "../../utils/utils";
-export class XvAccordion {
-    constructor() {
-        this.multiple = false;
-        this.xvId = uidGenerator();
-        this.opened = new Set();
-    }
-    async toggleItem(value) {
-        if (this.opened.has(value)) {
-            this.opened.delete(value);
-        }
-        else {
-            if (!this.multiple)
-                this.opened.clear();
-            this.value = value;
-            this.opened.add(this.value);
-        }
-        this.accordionChange.emit({ opened: this.opened, id: this.xvId });
-        return { opened: this.opened, id: this.xvId };
-    }
-    componentWillLoad() {
-        if (this.value) {
-            return this.toggleItem(this.value);
-        }
-    }
-    render() {
-        return (h(Host, { key: '66ebac5125b765878f7e21225f60f254bde5e07f', class: "xv-accordion", "data-id": this.xvId }, h("slot", { key: 'b5081e54395f14436a7f066fee6e75a48c9b797f' })));
-    }
-    static get is() { return "xv-accordion-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-accordion.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-accordion.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "multiple": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "multiple",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "xvId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "xv-id",
-                "reflect": false,
-                "defaultValue": "uidGenerator()"
-            },
-            "value": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "value",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "opened": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "accordionChange",
-                "name": "accordionChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ opened: Set<string>, id: string }",
-                    "resolved": "{ opened: Set<string>; id: string; }",
-                    "references": {
-                        "Set": {
-                            "location": "global",
-                            "id": "global::Set"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "toggleItem": {
-                "complexType": {
-                    "signature": "(value: string) => Promise<{ opened: Set<string>; id: string; }>",
-                    "parameters": [{
-                            "name": "value",
-                            "type": "string",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "Set": {
-                            "location": "global",
-                            "id": "global::Set"
-                        }
-                    },
-                    "return": "Promise<{ opened: Set<string>; id: string; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}
-//# sourceMappingURL=xv-accordion.js.map

package/dist/collection/components/xv-accordion/xv-accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-accordion.js","sourceRoot":"","sources":["../../../src/components/xv-accordion/xv-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,MAAM,OAAO,WAAW;IALxB;QAMU,aAAQ,GAAY,KAAK,CAAC;QAC1B,SAAI,GAAW,YAAY,EAAE,CAAC;QAE7B,WAAM,GAAgB,IAAI,GAAG,EAAE,CAAC;KA+B1C;IA3BC,KAAK,CAAC,UAAU,CAAC,KAAa;QAC5B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAElE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,cAAc,aAAU,IAAI,CAAC,IAAI;YAC3C,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Event, EventEmitter, Method, State, Prop } from '@stencil/core';\nimport { uidGenerator } from '../../utils/utils';\n\n@Component({\n  tag: 'xv-accordion-v2',\n  styleUrl: 'xv-accordion.scss',\n  shadow: true,\n})\nexport class XvAccordion {\n  @Prop() multiple: boolean = false;\n  @Prop() xvId: string = uidGenerator();\n  @Prop({ mutable: true }) value: string;\n  @State() opened: Set<string> = new Set();\n  @Event() accordionChange: EventEmitter<{ opened: Set<string>, id: string }>;\n\n  @Method()\n  async toggleItem(value: string) {\n    if (this.opened.has(value)) {\n      this.opened.delete(value);\n    } else {\n      if (!this.multiple) this.opened.clear();\n      this.value = value;\n      this.opened.add(this.value);\n    }\n\n    this.accordionChange.emit({ opened: this.opened, id: this.xvId });\n\n    return { opened: this.opened, id: this.xvId };\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      return this.toggleItem(this.value);\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"xv-accordion\" data-id={this.xvId}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-accordion-item/xv-accordion-item.css

@@ -1,68 +0,0 @@
-:host {
-  border-top: 1px solid var(--border-subtle-01);
-  display: flex;
-  flex-direction: column;
-  font-family: var(--ff-body, inherit);
-}
-
-:host(.disabled) .label {
-  color: var(--text-disabled);
-}
-:host(.disabled) .label:hover {
-  cursor: initial;
-  background-color: transparent;
-}
-
-.label {
-  padding: 14px 16px;
-  display: inline-flex;
-  align-items: center;
-  column-gap: 20px;
-  justify-content: space-between;
-  text-align: left;
-  color: var(--text-primary);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-  letter-spacing: 0.16px;
-  background-color: transparent;
-  transition: background-color 200ms ease-in-out;
-}
-.label > span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-}
-.label:hover {
-  cursor: pointer;
-  background-color: var(--layer-hover-01);
-}
-.label:after {
-  content: "";
-  border: solid black;
-  border-width: 0 2px 2px 0;
-  display: inline-block;
-  padding: 4.66px;
-  transition: transform 100ms ease-in-out;
-  transform: rotate(45deg);
-}
-.label.opened:after {
-  transform: rotate(-135deg);
-}
-
-.content {
-  padding: 0 16px;
-  text-align: left;
-  color: var(--text-primary);
-  font-size: 14px;
-  overflow: hidden;
-  max-height: 0;
-  transition: max-height 300ms ease-in-out, padding 250ms ease 50ms;
-}
-.content.opened {
-  padding: 14px 16px;
-  max-height: 500px;
-}

package/dist/collection/components/xv-accordion-item/xv-accordion-item.js

@@ -1,132 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvAccordionItem {
-    constructor() {
-        this.disabled = false;
-        this.isOpen = false;
-    }
-    handleAccordionChange(event) {
-        var _a;
-        const parentAccordionId = (_a = this.el.closest('[data-id]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-id');
-        if (event.detail.id !== parentAccordionId)
-            return;
-        this.isOpen = event.detail.opened.has(this.value);
-    }
-    toggle() {
-        var _a, _b;
-        if (this.disabled)
-            return;
-        this.isOpen = !this.isOpen;
-        (_b = (_a = this.el.closest('xv-accordion-v2')) === null || _a === void 0 ? void 0 : _a.toggleItem) === null || _b === void 0 ? void 0 : _b.call(_a, this.value);
-    }
-    render() {
-        return (h(Host, { key: '7d536c27a29b4f1e5a54ffb38c485102a4b22301', class: `${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'bd35f139baa3fa9449e4391acb26ceffbeee61c4', class: `label ${this.isOpen ? 'opened' : 'closed'}`, onClick: this.toggle.bind(this) }, h("span", { key: '4b2a948ec962246557b480308e1a7df9712806a1' }, this.label)), h("div", { key: 'b88b7c9c9c724b6d6468c59df391c7ec41c99e97', class: `content ${this.isOpen ? 'opened' : 'closed'}` }, h("slot", { key: '61cb22aabcf159a31bab0a6cca01dc5478a580f1' }))));
-    }
-    static get is() { return "xv-accordion-v2-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-accordion-item.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-accordion-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "disabled",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label",
-                "reflect": false
-            },
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "value",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isOpen": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "itemToggle",
-                "name": "itemToggle",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get listeners() {
-        return [{
-                "name": "accordionChange",
-                "method": "handleAccordionChange",
-                "target": "body",
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=xv-accordion-item.js.map

package/dist/collection/components/xv-accordion-item/xv-accordion-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-accordion-item.js","sourceRoot":"","sources":["../../../src/components/xv-accordion-item/xv-accordion-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAOtG,MAAM,OAAO,eAAe;IAL5B;QAOU,aAAQ,GAAY,KAAK,CAAC;QAGzB,WAAM,GAAY,KAAK,CAAC;KA4BlC;IAxBC,qBAAqB,CAAC,KAAuD;;QAC3E,MAAM,iBAAiB,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,0CAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QAChF,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,iBAAiB;YAAE,OAAO;QAClD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;;QACJ,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAA,MAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,0CAAE,UAAU,mDAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/C,8DAAO,KAAK,EAAE,SAAS,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;gBACzF,+DAAO,IAAI,CAAC,KAAK,CAAQ,CACnB;YACR,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;gBACxD,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop, State, Listen, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'xv-accordion-v2-item',\n  styleUrl: 'xv-accordion-item.scss',\n  shadow: true,\n})\nexport class XvAccordionItem {\n  @Element() el: HTMLElement;\n  @Prop() disabled: boolean = false;\n  @Prop() label: string;\n  @Prop() value: string;\n  @State() isOpen: boolean = false;\n  @Event() itemToggle: EventEmitter;\n\n  @Listen('accordionChange', { target: 'body' })\n  handleAccordionChange(event: CustomEvent<{ opened: Set<string>, id: string }>) {\n    const parentAccordionId = this.el.closest('[data-id]')?.getAttribute('data-id');\n    if (event.detail.id !== parentAccordionId) return;\n    this.isOpen = event.detail.opened.has(this.value);\n  }\n\n  toggle() {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    this.el.closest('xv-accordion-v2')?.toggleItem?.(this.value);\n  }\n\n  render() {\n    return (\n      <Host class={`${this.disabled ? 'disabled' : ''}`}>\n        <label class={`label ${this.isOpen ? 'opened' : 'closed'}`} onClick={this.toggle.bind(this)}>\n          <span>{this.label}</span>\n        </label>\n        <div class={`content ${this.isOpen ? 'opened' : 'closed'}`}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}