kemet-ui 3.1.0 → 4.0.1

package/dist/components/kemet-carousel/kemet-carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kemet-carousel.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/kemet-carousel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,EACL,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAM1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAGY,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAoGnD;QACE,KAAK,EAAE,CAAC;QAjGV,UAAK,GAAW,CAAC,CAAC;QAGlB,UAAK,GAAW,CAAC,CAAC;QAGlB,gBAAW,GAAW,MAAM,CAAC;QAG7B,qBAAgB,GAAW,GAAG,CAAC;QAG/B,UAAK,GAAY,KAAK,CAAC;QAGvB,WAAM,GAAY,KAAK,CAAC;QAGxB,YAAO,GAAW;YAChB,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;YACV,GAAG,EAAE,EAAE;YACP,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,KAAK;SACd,CAAC;QAGF,gBAAW,GAAW;YACpB,GAAG,EAAE;gBACH,OAAO,EAAE,CAAC;gBACV,GAAG,EAAE,EAAE;gBACP,MAAM,EAAE,KAAK;aACd;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,GAAG;gBACZ,MAAM,EAAE,IAAI;aACb;SACF,CAAC;QAEF,gBAAgB;QAEhB,WAAM,GAAyB,EAAE,CAAC;QAElC,gBAAgB;QAEhB,UAAK,GAAwB,EAAE,CAAC;QAqD9B,WAAW;QACX,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3E,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACzE,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACzE,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACzE,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,YAAY;;QACV,WAAW;QACX,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QAE3E,SAAS;QACT,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrC,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,MAAA,IAAI,CAAC,aAAa,0CAAE,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAE3F,UAAU;QACV,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;YACzB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,KAAa,CAAC;YAElB,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;gBACvB,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YACtB,CAAC;YACD,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAE7C,IAAI,CAAC,gBAAgB,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,UAAU,IAAI,CAAC;QAC/E,CAAC,CAAC;QAEF,QAAQ;QACR,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,CAAC,SAA6B;QACnC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,IAAI,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACtC,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;oBACpC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;oBACjC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACjC,CAAC;YACL,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;sCACuB,IAAI,CAAC,YAAY;;;;;;uBAMhC,IAAI,CAAC,UAAU;qBACjB,IAAI,CAAC,QAAQ;wBACV,IAAI,CAAC,UAAU;sBACjB,IAAI,CAAC,QAAQ;wBACX,IAAI,CAAC,UAAU;;uEAEgC,IAAI,CAAC,WAAW,0BAA0B,IAAI,CAAC,gBAAgB;+CACvF,IAAI,CAAC,gBAAgB;;;UAG1D,IAAI,CAAC,WAAW,EAAE;;sCAEU,IAAI,CAAC,YAAY;KAClD,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,KAA8B;QACvC,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;QAED,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACnD,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,QAAQ,CAAC,KAA8B;QACrC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1C,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC7D,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC;IAED,WAAW,CAAC,KAA8B;QACxC,IAAI,KAAa,CAAC;QAElB,IAAI,gBAAgB,IAAI,KAAK,EAAE,CAAC;YAC9B,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACxC,CAAC;aAAM,CAAC;YACN,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACtB,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACzD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACjC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;QAEhD,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAErB,IAAI,YAAY,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1C,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC7E,CAAC;QAED,IAAI,YAAY,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC9C,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,UAAU;QACR,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC7D,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC;IAED,YAAY;;QACV,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,WAAqB,IAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAE3F,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;YAC1D,KAAK,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;YAC3D,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,GAAG,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC;IACjE,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACtC,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;YAC7C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;QACjD,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAA;;;;OAIV,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,gBAAgB;QACd,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,CAAmC,CAAC;QAC/F,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAkC,CAAC;QAE5F,gBAAgB;QAChB,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;QAC3B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;QAEnC,eAAe;QACf,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC3C,CAAC;IAED,UAAU;QACR,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAEtD,IAAI,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YACnC,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC7B,QAAQ,GAAG,CAAC,CAAC;YACf,CAAC;iBAAM,CAAC;gBACN,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,CAAC;QACH,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC;IAED,UAAU;QACR,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAEtD,8BAA8B;QAC9B,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC7B,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YACpC,CAAC;iBAAM,CAAC;gBACN,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,CAAC;QACH,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC;IAED,WAAW,CAAC,QAAgB;QAC1B,IAAI,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEvC,iCAAiC;QACjC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,wDAAwD;QACxD,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,CAAC;QAED,+BAA+B;QAC/B,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC9B,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAEjD,8BAA8B;YAC9B,IAAI,QAAQ,GAAG,CAAC,CAAC,IAAI,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;gBACnD,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,4FAA4F,CAAC,CAAC;gBAC3G,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACjB,CAAC;YAED,OAAO;YACP,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAE3B,mBAAmB;YACnB,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACvC,YAAY,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;YAElD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC5B,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;YACzB,CAAC,CAAC,CAAC;YAEH,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;YAE7B,mCAAmC;YACnC,SAAS,CAAC,IAAI,EAAE,6BAA6B,EAAE,IAAI,CAAC,CAAC;YAErD,6BAA6B;YAC7B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAErF,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,kBAAkB,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;YACrE,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,kBAAkB,CAAC,SAAS,GAAG,EAAE,CAAC;YACzC,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS,CAAC,KAAa;QACrB,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;YACtC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;YACxD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACvC,IAAI,CAAC,gBAAgB,GAAG,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC;QACjG,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;QAChE,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,wBAAwB,CAAyB,CAAC;QAE5F,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC1C,CAAC;QAED,SAAS,CAAC,IAAI,EAAE,gCAAgC,EAAE,IAAI,CAAC,CAAC;IAC1D,CAAC;IAED,UAAU,CAAC,KAAkB;QAC3B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,SAAS,CAAC,MAAc;QACtB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAClD,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEjC,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;YACjC,IAAI,MAAM,CAAC,UAAU,CAAC,eAAe,UAAU,KAAK,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,CAAC;gBACpH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;YAC/C,CAAC;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC;;AAzaM,oBAAM,GAAG,CAAC,cAAc,CAAC,AAAnB,CAAoB;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACT;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACE;AAG7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDACI;AAG/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACpB;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CACnB;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAQzB;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAWzB;AAIF;IADC,KAAK,EAAE;6CAC0B;AAIlC;IADC,KAAK,EAAE;4CACwB;AAIhC;IADC,KAAK,EAAE;yDAC+B;AAIvC;IADC,KAAK,EAAE;yDAC+B;AAIvC;IADC,KAAK,EAAE;gDAC4C;AAIpD;IADC,KAAK,EAAE;sDACoB;AAI5B;IADC,KAAK,EAAE;kDACY;AAIpB;IADC,KAAK,EAAE;6CACO;AAIf;IADC,KAAK,EAAE;iDACW;AAInB;IADC,KAAK,EAAE;sDACqB;AAI7B;IADC,KAAK,CAAC,YAAY,CAAC;uDACU;AAI9B;IADC,KAAK,CAAC,SAAS,CAAC;oDACU;AAI3B;IADC,KAAK,CAAC,SAAS,CAAC;oDACU;AAI3B;IADC,KAAK,CAAC,UAAU,CAAC;qDACU;AAlGT,aAAa;IADjC,aAAa,CAAC,gBAAgB,CAAC;GACX,aAAa,CA2ajC;eA3aoB,aAAa","sourcesContent":["import { html, LitElement } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n} from 'lit/decorators.js';\nimport { emitEvent } from '../../utilities/misc/events';\nimport { stylesCarousel } from './styles';\n\nimport type KemetCarouselCurrent from './kemet-carousel-current';\nimport type KemetCarouselLink from './kemet-carousel-link';\nimport type KemetCarouselSlide from './kemet-carousel-slide';\n\n/**\n *\n * @since 1.1.0\n * @status stable\n *\n * @tagname kemet-carousel\n * @summary The Carousel allows you to click or swipe through content.\n *\n * @prop {number} index - The current slide index.\n * @prop {number} total - The total amount of slides.\n * @prop {string} sliderWidth - The width of the slider.\n * @prop {string} sliderTranslateX - The X position of the slider.\n * @prop {boolean} inner - Displays the toolbar inside the carousel container.\n * @prop {boolean} arrows - Determines whether to display arrows.\n * @prop {object} options - Default options for the carousel.\n * @prop {object} breakpoints - Options at different breakpoints for the carousel. Is mobile first.\n *\n * @event kemet-carousel-change-start - Fires when the slide has begun to change.\n * @event kemet-carousel-change-finished - Fires when a slide has changed and finished animating\n *\n * @slot slides - Place the slide elements here.\n * @slot toolbar - Allows you to construct a toolbar within the carousel. Place things like pagination here.\n * @slot prev - A slot for the previous arrow.\n * @slot next - A slot for the next arrow.\n * @slot information - Allows you to enter custom HTML such as a slide description to be used in the toolbar.\n *\n * @cssproperty --kemet-carousel-width - The width of the carousel.\n * @cssproperty --kemet-carousel-height - The height of the carousel.\n * @cssproperty --kemet-carousel-toolbar-gap - The space between items in the toolbar.\n * @cssproperty --kemet-carousel-toolbar-justify-content - The cross axis alignment of the toolbar.\n * @cssproperty --kemet-carousel-toolbar-padding - The padding of the toolbar.\n * @cssproperty --kemet-carousel-toolbar-inner-width - The inner toolbar width.\n * @cssproperty --kemet-carousel-toolbar-inner-bottom - The bottom position of the inner toolbar.\n * @cssproperty --kemet-carousel-toolbar-inner-top - The top position of the inner toolbar.\n * @cssproperty --kemet-carousel-toolbar-inner-color - The inner toolbar text color.\n * @cssproperty --kemet-carousel-toolbar-inner-background-color - The inner toolbar background color.\n * @cssproperty --kemet-carousel-slides-border - The border around the slides.\n * @cssproperty --kemet-carousel-transition-speed - The transition speed of the slides.\n * @cssproperty --kemet-carousel-arrows-opacity - The arrows start opacity.\n * @cssproperty --kemet-carousel-arrows-opacity-hover - The arrows however opacity.\n * @cssproperty --kemet-carousel-arrows-transition-speed - The arrows transition speed.\n *\n * @csspart container - Contains the slides and toolbar.\n * @csspart slides - Wrapper for the slider.\n * @csspart slider - Contains the slides.\n * @csspart toolbar - Contains the toolbar.\n *\n */\n\n@customElement('kemet-carousel')\nexport default class KemetCarousel extends LitElement {\n  static styles = [stylesCarousel];\n\n  @property({ type: Number, reflect: true })\n  index: number = 0;\n\n  @property({ type: Number })\n  total: number = 0;\n\n  @property({ type: String })\n  sliderWidth: string = 'auto';\n\n  @property({ type: String })\n  sliderTranslateX: string = '0';\n\n  @property({ type: Boolean, reflect: true })\n  inner: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  arrows: boolean = false;\n\n  @property({ type: Object })\n  options: object = {\n    perView: 1,\n    perMove: 1,\n    gap: 12,\n    slideshow: 0,\n    rewind: true,\n    center: false,\n  };\n\n  @property({ type: Object })\n  breakpoints: object = {\n    768: {\n      perView: 2,\n      gap: 24,\n      rewind: false,\n    },\n    1280: {\n      perView: 2.5,\n      center: true,\n    },\n  };\n\n  /** @internal */\n  @state()\n  slides: KemetCarouselSlide[] = [];\n\n  /** @internal */\n  @state()\n  links: KemetCarouselLink[] = [];\n\n  /** @internal */\n  @state()\n  toolbarSlotElement: HTMLElement | null;\n\n  /** @internal */\n  @state()\n  informationElement: HTMLElement | null;\n\n  /** @internal */\n  @state()\n  swipeMove: (event: TouchEvent | MouseEvent) => void;\n\n  /** @internal */\n  @state()\n  handleSlideShow: () => void;\n\n  /** @internal */\n  @state()\n  slideShowID: number;\n\n  /** @internal */\n  @state()\n  startX: number;\n\n  /** @internal */\n  @state()\n  slideWidth: number;\n\n  /** @internal */\n  @state()\n  informationSlot: HTMLElement;\n\n  /** @internal */\n  @query('#container')\n  containerElement: HTMLElement;\n\n  /** @internal */\n  @query('#slides')\n  slidesElement: HTMLElement;\n\n  /** @internal */\n  @query('#slider')\n  sliderElement: HTMLElement;\n\n  /** @internal */\n  @query('#toolbar')\n  toolbarElement: HTMLElement;\n\n  constructor() {\n    super();\n\n    // bindings\n    this.addEventListener('kemet-carousel-first', this.handleFirst.bind(this));\n    this.addEventListener('kemet-carousel-last', this.handleLast.bind(this));\n    this.addEventListener('kemet-carousel-next', this.handleNext.bind(this));\n    this.addEventListener('kemet-carousel-prev', this.handlePrev.bind(this));\n    this.addEventListener('kemet-carousel-link', this.handleLink.bind(this));\n  }\n\n  firstUpdated() {\n    // elements\n    this.toolbarSlotElement = this.querySelector('[slot=\"toolbar\"]');\n    this.informationElement = this.querySelector('kemet-carousel-information');\n\n    // events\n    window.addEventListener('resize', () => {\n      this.setSlideSize();\n      this.setToolbarSize();\n      this.updateIndex(this.index);\n    });\n\n    this.sliderElement?.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n\n    // methods\n    this.swipeMove = (event) => {\n      event.preventDefault();\n      let pageX: number;\n\n      if ('touches' in event) {\n        pageX = event.touches[0].pageX;\n      } else {\n        pageX = event.pageX;\n      }\n      const currentSlide = this.slides[this.index];\n\n      this.sliderTranslateX = `${pageX - this.startX - currentSlide.offsetLeft}px`;\n    };\n\n    // setup\n    this.setSlideSize();\n    this.goToSlide(this.index);\n  }\n\n  updated(prevProps: Map<string, never>) {\n    this.setSlideSize();\n    this.setToolbarSize();\n\n    if (prevProps.has('index')) {\n      this.updateIndex(this.index);\n      this.slideShowID = window.setTimeout(() => {\n          if (this.getOption('slideshow') > 0) {\n            this.updateIndex(this.index + 1);\n            clearTimeout(this.slideShowID);\n          }\n      }, this.getOption('slideshow') * 1000);\n    }\n  }\n\n  render() {\n    return html`\n      <slot name=\"prev\" @slotchange=${this.handleArrows}></slot>\n      <div id=\"container\" class=\"container\" part=\"container\">\n        <section\n          id=\"slides\"\n          class=\"slides\"\n          part=\"slides\"\n          @mousedown=${this.swipeStart}\n          @mouseup=${this.swipeEnd}\n          @touchstart=${this.swipeStart}\n          @touchend=${this.swipeEnd}\n          @mouseleave=${this.swipeLeave}\n        >\n          <div id=\"slider\" class=\"slider\" part=\"slider\" style=\"width:${this.sliderWidth}; transform:translateX(${this.sliderTranslateX});\">\n            <slot name=\"slides\" @slotchange=\"${this.handleSlotChange}\"></slot>\n          </div>\n        </section>\n        ${this.makeToolbar()}\n      </div>\n      <slot name=\"next\" @slotchange=${this.handleArrows}></slot>\n    `;\n  }\n\n  swipeStart(event: TouchEvent | MouseEvent) {\n    if ('touches' in event) {\n      this.startX = event.touches[0].pageX;\n    } else {\n      this.startX = event.pageX;\n    }\n\n    this.addEventListener('mousemove', this.swipeMove);\n    this.addEventListener('touchmove', this.swipeMove);\n  }\n\n  swipeEnd(event: TouchEvent | MouseEvent) {\n    this.updateIndex(this.swipeUpdate(event));\n    this.removeEventListener('mousemove', this.swipeMove, false);\n    this.removeEventListener('touchmove', this.swipeMove, false);\n  }\n\n  swipeUpdate(event: TouchEvent | MouseEvent) {\n    let pageX: number;\n\n    if ('changedTouches' in event) {\n      pageX = event.changedTouches[0].pageX;\n    } else {\n      pageX = event.pageX;\n    }\n\n    const direction = this.startX > pageX ? 'right' : 'left';\n    const threshold = this.slidesElement.offsetWidth / 3;\n    const diff = this.startX - pageX;\n    const shouldUpdate = Math.abs(diff) > threshold;\n\n    let { index } = this;\n\n    if (shouldUpdate && direction === 'right') {\n      index = this.index >= this.slides.length - 1 ? this.index : this.index + 1;\n    }\n\n    if (shouldUpdate && direction === 'left') {\n      index = this.index < 1 ? 0 : this.index - 1;\n    }\n\n    return index;\n  }\n\n  swipeLeave() {\n    this.updateIndex(this.index);\n    this.removeEventListener('mousemove', this.swipeMove, false);\n    this.removeEventListener('touchmove', this.swipeMove, false);\n  }\n\n  setSlideSize() {\n    this.slideWidth = this.containerElement?.offsetWidth as number / this.getOption('perView');\n\n    this.slides.forEach((slide) => {\n      slide.style.marginLeft = `${this.getOption('gap') / 2}px`;\n      slide.style.marginRight = `${this.getOption('gap') / 2}px`;\n      slide.style.width = `${this.slideWidth - this.getOption('gap')}px`;\n    });\n\n    this.sliderWidth = `${this.slideWidth * this.slides.length}px`;\n  }\n\n  setToolbarSize() {\n    if (this.inner && this.toolbarElement) {\n      const width = this.slidesElement.offsetWidth;\n      this.toolbarElement.style.width = `${width}px`;\n    }\n  }\n\n  makeToolbar() {\n    if (this.toolbarSlotElement) {\n      return html`\n        <section id=\"toolbar\" class=\"toolbar\" part=\"toolbar\">\n          <slot name=\"toolbar\"></slot>\n        </section>\n      `;\n    }\n\n    return null;\n  }\n\n  handleSlotChange() {\n    const slides = this.querySelectorAll('kemet-carousel-slide') as NodeListOf<KemetCarouselSlide>;\n    const links = this.querySelectorAll('kemet-carousel-link') as NodeListOf<KemetCarouselLink>;\n\n    // handle slides\n    slides.forEach((slide) => {\n      this.slides.push(slide);\n    });\n\n    this.updateInformation();\n    this.total = slides.length;\n    slides[this.index].selected = true;\n\n    // handle links\n    links.forEach((link) => {\n      this.links.push(link);\n    });\n  }\n\n  handleArrows() {\n    this.arrows = true;\n  }\n\n  handleFirst() {\n    this.updateIndex(0);\n  }\n\n  handleLast() {\n    this.updateIndex(this.slides.length - 1);\n  }\n\n  handleNext() {\n    let newIndex = this.index + this.getOption('perMove');\n\n    if (newIndex >= this.slides.length) {\n      if (this.getOption('rewind')) {\n        newIndex = 0;\n      } else {\n        newIndex = this.index;\n      }\n    }\n\n    this.updateIndex(newIndex);\n  }\n\n  handlePrev() {\n    let newIndex = this.index - this.getOption('perMove');\n\n    // send them to the last slide\n    if (newIndex < 0) {\n      if (this.getOption('rewind')) {\n        newIndex = this.slides.length - 1;\n      } else {\n        newIndex = this.index;\n      }\n    }\n\n    this.updateIndex(newIndex);\n  }\n\n  updateIndex(newIndex: number) {\n    let currentSlide = this.slides[this.index];\n    let currentLink = this.links[newIndex];\n\n    // remove selected from all links\n    this.links.forEach((link) => {\n      link.selected = false;\n    });\n\n    // if current link is invalid assume it's the first link\n    if (!currentLink) {\n      [currentLink] = this.links;\n    }\n\n    // add selected to current link\n    if (currentLink) {\n      currentLink.selected = true;\n    }\n\n    if (currentSlide) {\n      currentSlide.setAttribute('aria-hidden', 'true');\n\n      // correct for invalid indexes\n      if (newIndex > -1 && newIndex < this.slides.length) {\n        this.index = newIndex;\n      } else {\n        // eslint-disable-next-line no-console\n        console.warn('An invalid index number was entered. The kemet-carousel has been reset to the first slide.');\n        this.index = 0;\n      }\n\n      // move\n      this.goToSlide(this.index);\n\n      // update new slide\n      currentSlide = this.slides[this.index];\n      currentSlide.setAttribute('aria-hidden', 'false');\n\n      this.slides.forEach((slide) => {\n        slide.selected = false;\n      });\n\n      currentSlide.selected = true;\n\n      // notify consumers of slide change\n      emitEvent(this, 'kemet-carousel-change-start', this);\n\n      // update information element\n      this.updateInformation();\n    }\n  }\n\n  updateInformation() {\n    this.informationSlot = this.slides[this.index].querySelector('[slot=\"information\"]');\n\n    if (this.informationElement) {\n      if (this.informationSlot) {\n        this.informationElement.innerHTML = this.informationSlot.outerHTML;\n      } else {\n        this.informationElement.innerHTML = '';\n      }\n    }\n  }\n\n  goToSlide(index: number) {\n    if (this.getOption('center') === true) {\n      const slidesCenter = this.slidesElement.offsetWidth / 2;\n      const slideX = this.slideWidth * index;\n      this.sliderTranslateX = `${slideX - (slideX - slidesCenter) - this.slideWidth / 2 - slideX}px`;\n    } else {\n      this.sliderTranslateX = `${(this.slideWidth * index) * -1}px`;\n    }\n  }\n\n  handleTransitionEnd() {\n    const currentElement = this.querySelector('kemet-carousel-current') as KemetCarouselCurrent;\n\n    if (currentElement) {\n      currentElement.current = this.index + 1;\n    }\n\n    emitEvent(this, 'kemet-carousel-change-finished', this);\n  }\n\n  handleLink(event: CustomEvent) {\n    this.updateIndex(event.detail.slide);\n  }\n\n  getOption(option: string) {\n    const breakpoints = Object.keys(this.breakpoints);\n    let value = this.options[option];\n\n    breakpoints.forEach((breakpoint) => {\n      if (window.matchMedia(`(min-width: ${breakpoint}px)`).matches && this.breakpoints[breakpoint][option] !== undefined) {\n        value = this.breakpoints[breakpoint][option];\n      }\n\n      return value;\n    });\n\n    return value;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-carousel': KemetCarousel\n  }\n}\n"]}

package/dist/components/kemet-carousel/spec.d.ts

@@ -1,10 +0,0 @@
-import './kemet-carousel';
-import './kemet-carousel-slide';
-import './kemet-carousel-current';
-import './kemet-carousel-total';
-import './kemet-carousel-next';
-import './kemet-carousel-prev';
-import './kemet-carousel-first';
-import './kemet-carousel-last';
-import './kemet-carousel-link';
-import '../kemet-icon/kemet-icon';

package/dist/components/kemet-carousel/spec.js

@@ -1,168 +0,0 @@
-import { html, render } from 'lit';
-import { expect } from '@wdio/globals';
-import { getByText, waitFor } from '@testing-library/dom';
-import userEvent from '@testing-library/user-event';
-import './kemet-carousel';
-import './kemet-carousel-slide';
-import './kemet-carousel-current';
-import './kemet-carousel-total';
-import './kemet-carousel-next';
-import './kemet-carousel-prev';
-import './kemet-carousel-first';
-import './kemet-carousel-last';
-import './kemet-carousel-link';
-import '../kemet-icon/kemet-icon';
-describe('Carousel', () => {
-    const templates = {
-        default: html `
-      <kemet-carousel>
-        <kemet-carousel-slide slot="slides">Slide 1</kemet-carousel-slide>
-        <kemet-carousel-slide slot="slides">Slide 2</kemet-carousel-slide>
-        <kemet-carousel-slide slot="slides">Slide 3</kemet-carousel-slide>
-      </kemet-carousel>
-    `,
-        descriptionBar: html `
-      <kemet-carousel>
-        <kemet-carousel-slide slot="slides">Slide 1</kemet-carousel-slide>
-        <kemet-carousel-slide slot="slides">Slide 2</kemet-carousel-slide>
-        <kemet-carousel-slide slot="slides">Slide 3</kemet-carousel-slide>
-        <div slot="toolbar">
-          <div>
-            <kemet-carousel-current></kemet-carousel-current>
-            &nbsp;of&nbsp;
-            <kemet-carousel-total></kemet-carousel-total>
-            :&nbsp;
-            <kemet-carousel-information>
-              <span slot="information"><a href="https://google.com" target="_blank">Title</a>. An image of slide 1.</span>
-            </kemet-carousel-information>
-          </div>
-          <kemet-carousel-prev>
-            <kemet-badge circle>
-              <kemet-icon icon="chevron-left"></kemet-icon>
-            </kemet-badge>
-          </kemet-carousel-prev>
-          <kemet-carousel-next>
-            <kemet-badge circle>
-              <kemet-icon icon="chevron-right"></kemet-icon>
-            </kemet-badge>
-          </kemet-carousel-next>
-        </div>
-      </kemet-carousel>
-    `,
-        paginationBar: html `
-      <kemet-carousel>
-        <kemet-carousel-slide slot="slides" selected>
-          <figure>
-            <h3>Slide 1</h3>
-            <img src="https://via.placeholder.com/1920x1080" alt="a placeholder" />
-            <figcaption>An image in a carousel.</figcaption>
-          </figure>
-          <span slot="information"><a href="https://google.com" target="_blank">Title</a>. An image of slide 1. </span>
-        </kemet-carousel-slide>
-
-        <kemet-carousel-slide slot="slides" selected>
-          <figure>
-            <h3>Slide 2</h3>
-            <img src="https://via.placeholder.com/1920x1080" alt="a placeholder" />
-            <figcaption>An image in a carousel.</figcaption>
-          </figure>
-          <span slot="information"><a href="https://google.com" target="_blank">Title</a>. An image of slide 2. </span>
-        </kemet-carousel-slide>
-
-        <kemet-carousel-slide slot="slides" selected>
-          <figure>
-            <h3>Slide 3</h3>
-            <img src="https://via.placeholder.com/1920x1080" alt="a placeholder" />
-            <figcaption>An image in a carousel.</figcaption>
-          </figure>
-          <span slot="information"><a href="https://google.com" target="_blank">Title</a>. An image of slide 3.</span>
-        </kemet-carousel-slide>
-
-        <kemet-carousel-first slot="toolbar">
-          <kemet-icon icon="chevron-double-left"></kemet-icon>
-        </kemet-carousel-first>
-        <kemet-carousel-prev slot="toolbar">
-          <kemet-icon icon="chevron-left"></kemet-icon>
-        </kemet-carousel-prev>
-
-        <kemet-carousel-link slot="toolbar" slide="0">1</kemet-carousel-link>
-        <kemet-carousel-link slot="toolbar" slide="1">2</kemet-carousel-link>
-        <kemet-carousel-link slot="toolbar" slide="2">3</kemet-carousel-link>
-
-        <kemet-carousel-next slot="toolbar">
-          <kemet-icon icon="chevron-right"></kemet-icon>
-        </kemet-carousel-next>
-        <kemet-carousel-last slot="toolbar">
-          <kemet-icon icon="chevron-double-right"></kemet-icon>
-        </kemet-carousel-last>
-      </kemet-carousel>
-    `,
-    };
-    it('displays a carousel', async () => {
-        render(templates.descriptionBar, document.body);
-        const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');
-        expect(carousel).toBeTruthy();
-    });
-    describe('Navigation', () => {
-        it('handles navigation to the next slide', async () => {
-            render(templates.paginationBar, document.body);
-            const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');
-            await waitFor(async () => {
-                const next = carousel.querySelector('kemet-carousel-next').shadowRoot.querySelector('button');
-                await userEvent.click(next);
-                next.focus();
-                await userEvent.keyboard('[Enter]');
-                expect(carousel.index).toBe(2);
-            });
-        });
-        it('handles navigation to the previous slide', async () => {
-            render(templates.paginationBar, document.body);
-            const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');
-            carousel.index = 2;
-            await waitFor(async () => {
-                const prev = carousel.querySelector('kemet-carousel-prev').shadowRoot.querySelector('button');
-                await userEvent.click(prev);
-                prev.focus();
-                await userEvent.keyboard('[Enter]');
-                expect(carousel.index).toBe(0);
-            });
-        });
-        it('handles navigation to the last slide', async () => {
-            render(templates.paginationBar, document.body);
-            const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');
-            await waitFor(async () => {
-                const last = carousel.querySelector('kemet-carousel-last').shadowRoot.querySelector('button');
-                await userEvent.click(last);
-                last.focus();
-                await userEvent.keyboard('[Enter]');
-                expect(carousel.index).toBe(2);
-            });
-        });
-        it('handles navigation to the first slide', async () => {
-            render(templates.paginationBar, document.body);
-            const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');
-            carousel.index = 2;
-            await waitFor(async () => {
-                const first = carousel.querySelector('kemet-carousel-first').shadowRoot.querySelector('button');
-                await userEvent.click(first);
-                first.focus();
-                await userEvent.keyboard('[Enter]');
-                expect(carousel.index).toBe(0);
-            });
-        });
-        it('handles navigation a specific slide', async () => {
-            render(templates.paginationBar, document.body);
-            const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');
-            carousel.index = 2;
-            await waitFor(async () => {
-                const links = carousel.querySelectorAll('kemet-carousel-link');
-                const second = links[1].shadowRoot.querySelector('button');
-                await userEvent.click(second);
-                second.focus();
-                await userEvent.keyboard('[Enter]');
-                expect(carousel.index).toBe(1);
-            });
-        });
-    });
-});
-//# sourceMappingURL=spec.js.map

package/dist/components/kemet-carousel/spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, render } from 'lit';\nimport { expect } from '@wdio/globals';\nimport { getByText, waitFor } from '@testing-library/dom';\nimport userEvent from '@testing-library/user-event';\n\nimport './kemet-carousel';\nimport './kemet-carousel-slide';\nimport './kemet-carousel-current';\nimport './kemet-carousel-total';\nimport './kemet-carousel-next';\nimport './kemet-carousel-prev';\nimport './kemet-carousel-first';\nimport './kemet-carousel-last';\nimport './kemet-carousel-link';\nimport '../kemet-icon/kemet-icon';\n\ndescribe('Carousel', () => {\n  const templates = {\n    default: html`\n      <kemet-carousel>\n        <kemet-carousel-slide slot=\"slides\">Slide 1</kemet-carousel-slide>\n        <kemet-carousel-slide slot=\"slides\">Slide 2</kemet-carousel-slide>\n        <kemet-carousel-slide slot=\"slides\">Slide 3</kemet-carousel-slide>\n      </kemet-carousel>\n    `,\n    descriptionBar: html`\n      <kemet-carousel>\n        <kemet-carousel-slide slot=\"slides\">Slide 1</kemet-carousel-slide>\n        <kemet-carousel-slide slot=\"slides\">Slide 2</kemet-carousel-slide>\n        <kemet-carousel-slide slot=\"slides\">Slide 3</kemet-carousel-slide>\n        <div slot=\"toolbar\">\n          <div>\n            <kemet-carousel-current></kemet-carousel-current>\n            &nbsp;of&nbsp;\n            <kemet-carousel-total></kemet-carousel-total>\n            :&nbsp;\n            <kemet-carousel-information>\n              <span slot=\"information\"><a href=\"https://google.com\" target=\"_blank\">Title</a>. An image of slide 1.</span>\n            </kemet-carousel-information>\n          </div>\n          <kemet-carousel-prev>\n            <kemet-badge circle>\n              <kemet-icon icon=\"chevron-left\"></kemet-icon>\n            </kemet-badge>\n          </kemet-carousel-prev>\n          <kemet-carousel-next>\n            <kemet-badge circle>\n              <kemet-icon icon=\"chevron-right\"></kemet-icon>\n            </kemet-badge>\n          </kemet-carousel-next>\n        </div>\n      </kemet-carousel>\n    `,\n    paginationBar: html`\n      <kemet-carousel>\n        <kemet-carousel-slide slot=\"slides\" selected>\n          <figure>\n            <h3>Slide 1</h3>\n            <img src=\"https://via.placeholder.com/1920x1080\" alt=\"a placeholder\" />\n            <figcaption>An image in a carousel.</figcaption>\n          </figure>\n          <span slot=\"information\"><a href=\"https://google.com\" target=\"_blank\">Title</a>. An image of slide 1. </span>\n        </kemet-carousel-slide>\n\n        <kemet-carousel-slide slot=\"slides\" selected>\n          <figure>\n            <h3>Slide 2</h3>\n            <img src=\"https://via.placeholder.com/1920x1080\" alt=\"a placeholder\" />\n            <figcaption>An image in a carousel.</figcaption>\n          </figure>\n          <span slot=\"information\"><a href=\"https://google.com\" target=\"_blank\">Title</a>. An image of slide 2. </span>\n        </kemet-carousel-slide>\n\n        <kemet-carousel-slide slot=\"slides\" selected>\n          <figure>\n            <h3>Slide 3</h3>\n            <img src=\"https://via.placeholder.com/1920x1080\" alt=\"a placeholder\" />\n            <figcaption>An image in a carousel.</figcaption>\n          </figure>\n          <span slot=\"information\"><a href=\"https://google.com\" target=\"_blank\">Title</a>. An image of slide 3.</span>\n        </kemet-carousel-slide>\n\n        <kemet-carousel-first slot=\"toolbar\">\n          <kemet-icon icon=\"chevron-double-left\"></kemet-icon>\n        </kemet-carousel-first>\n        <kemet-carousel-prev slot=\"toolbar\">\n          <kemet-icon icon=\"chevron-left\"></kemet-icon>\n        </kemet-carousel-prev>\n\n        <kemet-carousel-link slot=\"toolbar\" slide=\"0\">1</kemet-carousel-link>\n        <kemet-carousel-link slot=\"toolbar\" slide=\"1\">2</kemet-carousel-link>\n        <kemet-carousel-link slot=\"toolbar\" slide=\"2\">3</kemet-carousel-link>\n\n        <kemet-carousel-next slot=\"toolbar\">\n          <kemet-icon icon=\"chevron-right\"></kemet-icon>\n        </kemet-carousel-next>\n        <kemet-carousel-last slot=\"toolbar\">\n          <kemet-icon icon=\"chevron-double-right\"></kemet-icon>\n        </kemet-carousel-last>\n      </kemet-carousel>\n    `,\n  };\n\n  it('displays a carousel', async () => {\n    render(templates.descriptionBar, document.body);\n    const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');\n    expect(carousel).toBeTruthy();\n  });\n\n  describe('Navigation', () => {\n    it('handles navigation to the next slide', async () => {\n      render(templates.paginationBar, document.body);\n      const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');\n\n      await waitFor(async () => {\n          const next = carousel.querySelector('kemet-carousel-next').shadowRoot.querySelector('button');\n          await userEvent.click(next);\n          next.focus();\n          await userEvent.keyboard('[Enter]');\n          expect(carousel.index).toBe(2);\n      });\n    });\n\n    it('handles navigation to the previous slide', async () => {\n      render(templates.paginationBar, document.body);\n      const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');\n      carousel.index = 2;\n\n      await waitFor(async () => {\n          const prev = carousel.querySelector('kemet-carousel-prev').shadowRoot.querySelector('button');\n          await userEvent.click(prev);\n          prev.focus();\n          await userEvent.keyboard('[Enter]');\n          expect(carousel.index).toBe(0);\n      });\n    });\n\n    it('handles navigation to the last slide', async () => {\n      render(templates.paginationBar, document.body);\n      const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');\n\n      await waitFor(async () => {\n          const last = carousel.querySelector('kemet-carousel-last').shadowRoot.querySelector('button');\n          await userEvent.click(last);\n          last.focus();\n          await userEvent.keyboard('[Enter]');\n          expect(carousel.index).toBe(2);\n      });\n    });\n\n    it('handles navigation to the first slide', async () => {\n      render(templates.paginationBar, document.body);\n      const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');\n      carousel.index = 2;\n\n      await waitFor(async () => {\n          const first = carousel.querySelector('kemet-carousel-first').shadowRoot.querySelector('button');\n          await userEvent.click(first);\n          first.focus();\n          await userEvent.keyboard('[Enter]');\n          expect(carousel.index).toBe(0);\n      });\n    });\n\n    it('handles navigation a specific slide', async () => {\n      render(templates.paginationBar, document.body);\n      const carousel = getByText(document.body, 'Slide 1').closest('kemet-carousel');\n      carousel.index = 2;\n\n      await waitFor(async () => {\n          const links = carousel.querySelectorAll('kemet-carousel-link');\n          const second = links[1].shadowRoot.querySelector('button');\n          await userEvent.click(second);\n          second.focus();\n          await userEvent.keyboard('[Enter]');\n          expect(carousel.index).toBe(1);\n      });\n    });\n  });\n});\n"]}

package/dist/components/kemet-carousel/styles.d.ts

@@ -1 +0,0 @@
-export declare const stylesCarousel: import("lit").CSSResult;

package/dist/components/kemet-carousel/styles.js

@@ -1,82 +0,0 @@
-import { css } from 'lit';
-export const stylesCarousel = css `
-  :host,
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  :host {
-    --kemet-carousel-width: 100%;
-    --kemet-carousel-height: auto;
-    --kemet-carousel-toolbar-gap: 1rem;
-    --kemet-carousel-toolbar-justify-content: center;
-    --kemet-carousel-toolbar-padding: 1rem;
-    --kemet-carousel-toolbar-inner-width: 100%;
-    --kemet-carousel-toolbar-inner-bottom: 0;
-    --kemet-carousel-toolbar-inner-top: auto;
-    --kemet-carousel-toolbar-inner-color: rgb(var(--kemet-color-white));
-    --kemet-carousel-toolbar-inner-background-color: rgb(var(--kemet-color-black) / 40%);
-    --kemet-carousel-slides-border: 1px solid rgb(var(--kemet-color-gray-50));
-    --kemet-carousel-transition-speed: 300ms;
-    --kemet-carousel-arrows-opacity: 0.25;
-    --kemet-carousel-arrows-transition-speed: 300ms;
-    --kemet-carousel-arrows-opacity-hover: 1;
-
-    position: relative;
-    display: grid;
-    grid-template-columns: minmax(0, 1fr);
-    align-items: center;
-    width: var(--kemet-carousel-width);
-    height: var(--kemet-carousel-height);
-    overflow: visible;
-  }
-
-  :host([arrows]) {
-    grid-template-columns: auto minmax(0, 1fr) auto;
-  }
-
-  .toolbar {
-    display: flex;
-    gap: var(--kemet-carousel-toolbar-gap);
-    align-items: center;
-    justify-content: var(--kemet-carousel-toolbar-justify-content);
-    line-height: 1;
-    padding: var(--kemet-carousel-toolbar-padding);
-  }
-
-  :host([inner]) .toolbar {
-    width: var(--kemet-carousel-toolbar-inner-width);
-    position: absolute;
-    bottom: var(--kemet-carousel-toolbar-inner-bottom);
-    top: var(--kemet-carousel-toolbar-inner-top);
-    color: var(--kemet-carousel-toolbar-inner-color);
-    background-color: var(--kemet-carousel-toolbar-inner-background-color);
-  }
-
-  .slides {
-    overflow: hidden;
-    position: relative;
-    padding: 1rem 0;
-    border: var(--kemet-carousel-slides-border);
-  }
-
-  .slider {
-    display: flex;
-    flex-wrap: nowrap;
-    transition: transform var(--kemet-carousel-transition-speed) ease;
-  }
-
-  ::slotted([slot='next']),
-  ::slotted([slot='prev']) {
-    opacity: var(--kemet-carousel-arrows-opacity);
-    transition: opacity var(--kemet-carousel-arrows-transition-speed) ease-in-out;
-  }
-
-  :host(:hover) ::slotted([slot='next']),
-  :host(:hover) ::slotted([slot='prev']) {
-    opacity: var(--kemet-carousel-arrows-opacity-hover);
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/components/kemet-carousel/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/kemet-carousel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EhC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const stylesCarousel = css`\n  :host,\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  :host {\n    --kemet-carousel-width: 100%;\n    --kemet-carousel-height: auto;\n    --kemet-carousel-toolbar-gap: 1rem;\n    --kemet-carousel-toolbar-justify-content: center;\n    --kemet-carousel-toolbar-padding: 1rem;\n    --kemet-carousel-toolbar-inner-width: 100%;\n    --kemet-carousel-toolbar-inner-bottom: 0;\n    --kemet-carousel-toolbar-inner-top: auto;\n    --kemet-carousel-toolbar-inner-color: rgb(var(--kemet-color-white));\n    --kemet-carousel-toolbar-inner-background-color: rgb(var(--kemet-color-black) / 40%);\n    --kemet-carousel-slides-border: 1px solid rgb(var(--kemet-color-gray-50));\n    --kemet-carousel-transition-speed: 300ms;\n    --kemet-carousel-arrows-opacity: 0.25;\n    --kemet-carousel-arrows-transition-speed: 300ms;\n    --kemet-carousel-arrows-opacity-hover: 1;\n\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    align-items: center;\n    width: var(--kemet-carousel-width);\n    height: var(--kemet-carousel-height);\n    overflow: visible;\n  }\n\n  :host([arrows]) {\n    grid-template-columns: auto minmax(0, 1fr) auto;\n  }\n\n  .toolbar {\n    display: flex;\n    gap: var(--kemet-carousel-toolbar-gap);\n    align-items: center;\n    justify-content: var(--kemet-carousel-toolbar-justify-content);\n    line-height: 1;\n    padding: var(--kemet-carousel-toolbar-padding);\n  }\n\n  :host([inner]) .toolbar {\n    width: var(--kemet-carousel-toolbar-inner-width);\n    position: absolute;\n    bottom: var(--kemet-carousel-toolbar-inner-bottom);\n    top: var(--kemet-carousel-toolbar-inner-top);\n    color: var(--kemet-carousel-toolbar-inner-color);\n    background-color: var(--kemet-carousel-toolbar-inner-background-color);\n  }\n\n  .slides {\n    overflow: hidden;\n    position: relative;\n    padding: 1rem 0;\n    border: var(--kemet-carousel-slides-border);\n  }\n\n  .slider {\n    display: flex;\n    flex-wrap: nowrap;\n    transition: transform var(--kemet-carousel-transition-speed) ease;\n  }\n\n  ::slotted([slot='next']),\n  ::slotted([slot='prev']) {\n    opacity: var(--kemet-carousel-arrows-opacity);\n    transition: opacity var(--kemet-carousel-arrows-transition-speed) ease-in-out;\n  }\n\n  :host(:hover) ::slotted([slot='next']),\n  :host(:hover) ::slotted([slot='prev']) {\n    opacity: var(--kemet-carousel-arrows-opacity-hover);\n  }\n`;\n"]}

package/dist/components/kemet-checkbox/docs/stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-import '../kemet-checkbox';
-import '../../kemet-tabs/kemet-tabs';
-import '../../kemet-tabs/kemet-tab';
-import '../../kemet-tabs/kemet-tab-panel';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Standard: Story;
-export declare const Indeterminate: Story;
-export declare const Disabled: Story;
-export declare const Rounded: Story;
-export declare const Filled: Story;

package/dist/components/kemet-checkbox/docs/stories.js

@@ -1,45 +0,0 @@
-import { html } from 'lit';
-import '../kemet-checkbox';
-import '../../kemet-tabs/kemet-tabs';
-import '../../kemet-tabs/kemet-tab';
-import '../../kemet-tabs/kemet-tab-panel';
-const meta = {
-    title: 'Components / Checkbox',
-    component: 'kemet-checkbox',
-    args: {
-        label: 'Label',
-    },
-};
-export default meta;
-const Template = (args) => html `
-  <kemet-checkbox label=${args.label} ?checked=${args.checked} ?indeterminate=${args.indeterminate} ?disabled=${args.disabled} ?rounded=${args.rounded} ?filled=${args.filled}></kemet-checkbox>
-`;
-export const Standard = {
-    render: args => Template(args),
-};
-export const Indeterminate = {
-    render: args => Template(args),
-    args: {
-        indeterminate: true,
-    }
-};
-export const Disabled = {
-    render: args => Template(args),
-    args: {
-        disabled: true,
-    }
-};
-export const Rounded = {
-    render: args => Template(args),
-    args: {
-        rounded: true,
-    }
-};
-export const Filled = {
-    render: args => Template(args),
-    args: {
-        checked: true,
-        filled: true,
-    }
-};
-//# sourceMappingURL=stories.js.map

package/dist/components/kemet-checkbox/docs/stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/kemet-checkbox/docs/stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,mBAAmB,CAAC;AAE3B,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;KACf;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;0BACL,IAAI,CAAC,KAAK,aAAa,IAAI,CAAC,OAAO,mBAAmB,IAAI,CAAC,aAAa,cAAc,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,OAAO,YAAY,IAAI,CAAC,MAAM;CAC5K,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,aAAa,EAAE,IAAI;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9B,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;KACb;CACF,CAAC","sourcesContent":["import { html } from 'lit';\nimport type { Meta, StoryObj } from '@storybook/web-components';\n\nimport '../kemet-checkbox';\n\nimport '../../kemet-tabs/kemet-tabs';\nimport '../../kemet-tabs/kemet-tab';\nimport '../../kemet-tabs/kemet-tab-panel';\n\nconst meta: Meta = {\n  title: 'Components / Checkbox',\n  component: 'kemet-checkbox',\n  args: {\n    label: 'Label',\n  },\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst Template = (args) => html`\n  <kemet-checkbox label=${args.label} ?checked=${args.checked} ?indeterminate=${args.indeterminate} ?disabled=${args.disabled} ?rounded=${args.rounded} ?filled=${args.filled}></kemet-checkbox>\n`;\n\nexport const Standard: Story = {\n  render: args => Template(args),\n};\n\nexport const Indeterminate: Story = {\n  render: args => Template(args),\n  args: {\n    indeterminate: true,\n  }\n};\n\nexport const Disabled: Story = {\n  render: args => Template(args),\n  args: {\n    disabled: true,\n  }\n};\n\nexport const Rounded: Story = {\n  render: args => Template(args),\n  args: {\n    rounded: true,\n  }\n};\n\nexport const Filled: Story = {\n  render: args => Template(args),\n  args: {\n    checked: true,\n    filled: true,\n  }\n};\n"]}

package/dist/components/kemet-checkbox/kemet-checkbox.d.ts

@@ -1,71 +0,0 @@
-import { LitElement } from 'lit';
-import { FormSubmitController } from '../../utilities/controllers/forms';
-import { TypeStatus } from './types';
-/**
- * @since 1.0.0
- * @status stable
- *
- * @tagname kemet-checkbox
- * @summary An enhanced checkbox.
- *
- * @prop {string} label - Label text for the checkbox
- * @prop {boolean} checked - Determines if the checkbox is selected
- * @prop {boolean} indeterminate - An indeterminate selection status
- * @prop {string} name - Name of the checkbox
- * @prop {string} value - Value of the checkbox
- * @prop {boolean} disabled - Determines if a checkbox is disabled
- * @prop {boolean} required - Determines if a checkbox is required
- * @prop {boolean} focused - Is true when the checkbox is focused
- * @prop {boolean} rounded - Gives the checkbox rounded edges
- * @prop {boolean} filled - Fills the checkbox with color
- * @prop {string} status - The status of the checkbox
- * @prop {string} message - Message associated with checkbox status
- *
- * @csspart label - The label element.
- * @csspart text - The label's text.
- * @csspart mark - The icon of the check mark.
- *
- * @cssproperty --kemet-checkbox-size - The width and height of the checkbox.
- * @cssproperty --kemet-checkbox-color - The color of the checkbox mark.
- * @cssproperty --kemet-checkbox-border - The border of the checkbox.
- * @cssproperty --kemet-checkbox-border-radius - The border radius of the checkbox.
- * @cssproperty --kemet-checkbox-filled-color - The filled color of the checkbox mark.
- * @cssproperty --kemet-checkbox-filled-background-color - The filled background color.
- *
- * @event kemet-checkbox-change - Fires when the state of the checkbox changes
- * @event kemet-checkbox-focused - Fires when the checkbox loses or receives focus
- *
- */
-export default class KemetCheckbox extends LitElement {
-    /** @internal */
-    formSubmitController: FormSubmitController;
-    static styles: import("lit").CSSResult[];
-    label: string;
-    checked: boolean;
-    indeterminate: boolean;
-    name: string;
-    value: boolean;
-    disabled: boolean;
-    required: boolean;
-    focused: boolean;
-    rounded: boolean;
-    filled: boolean;
-    status: TypeStatus;
-    message: string;
-    input: HTMLInputElement;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-    click(): void;
-    handleClick(): void;
-    handleBlur(): void;
-    handleFocus(): void;
-    handleChange(): void;
-    makeMessage(): import("lit-html").TemplateResult<1>;
-    makeCheckMark(): import("lit-html").TemplateResult<1>;
-    checkValidity(): boolean;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-checkbox': KemetCheckbox;
-    }
-}