@aquera/nile-elements 1.6.1 → 1.6.3

package/dist/src/nile-otp-input/nile-otp-input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-otp-input.test.js","sourceRoot":"","sources":["../../../src/nile-otp-input/nile-otp-input.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,kBAAkB,CAAC;AAG1B,MAAM,QAAQ,GAAG,CAAC,EAAgB,EAAE,EAAE,CACpC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAW,CAAC,gBAAgB,CAAmB,YAAY,CAAC,CAAC,CAAC;AAE9E,MAAM,SAAS,GAAG,KAAK,EAAE,EAAgB,EAAE,KAAa,EAAE,KAAa,EAAE,EAAE;IACzE,MAAM,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1E,MAAM,EAAE,CAAC,cAAc,CAAC;IACxB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,KAAK,EACpB,EAAgB,EAChB,KAAa,EACb,GAAW,EACX,OAAmC,EAAE,EACrC,EAAE;IACF,MAAM,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,CAAC,aAAa,CAChB,IAAI,aAAa,CAAC,SAAS,EAAE;QAC3B,GAAG;QACH,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,IAAI;QAChB,GAAG,IAAI;KACR,CAAC,CACH,CAAC;IACF,MAAM,EAAE,CAAC,cAAc,CAAC;IACxB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,EAAE,EAAgB,EAAE,KAAa,EAAE,IAAY,EAAE,EAAE;IACxE,MAAM,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE;QAC/B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,IAAI;KACjB,CAAmB,CAAC;IACrB,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,eAAe,EAAE;QAC5C,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE;KAC/B,CAAC,CAAC;IACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,cAAc,CAAC;AAC1B,CAAC,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,sBAAsB;IAEtB,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACpB,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,kDAAkD,CACvD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAClC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;YACnD,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;SAC3B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,8CAA8C,CACnD,CAAC;QACF,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAExC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QACd,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC9B,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,6DAA6D,CAClE,CAAC;QACF,MAAM,KAAK,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QACnE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvB,MAAM,CAAC,KAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,6BAA6B,iBAAiB,oBAAoB,CACvE,CAAC;QACF,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC1E,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,QAAS,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,iCAAiC,cAAc,oBAAoB,CACxE,CAAC;QACF,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;QAC9E,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,QAAS,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAe,IAAI,CAAA;sDACO,CAAC;KAClD,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,EAAE,CAAC,UAAW,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QACtE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAY,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAe,IAAI,CAAA;;;;;;KAM1C,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,EAAE,CAAC,UAAW,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QACtE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACtC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CACrB,MAAM,CAAC,CAAC,CAAC,WAAY,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,2BAA2B;IAE3B,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,SAAS,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAC5B,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,kDAAkD,CACvD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3B,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9B,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,GAAG;YACR,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE3B,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;QAC7E,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,gDAAgD,CACrD,CAAC;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,6DAA6D,CAClE,CAAC;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QAEF,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC;QAClB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;YACnD,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;SAC3B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,4CAA4C;IAE5C,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,8CAA8C,CACnD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE,KAAK,IAAI,EAAE;QACjF,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,8CAA8C,CACnD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAClB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,+CAA+C,CACpD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAClB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,gCAAgC;IAEhC,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,+CAA+C,CACpD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;QACnC,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,8CAA8C,CACnD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;QACnC,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACpC,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,+CAA+C,CACpD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QAChC,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,+CAA+C,CACpD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;QACnC,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,8CAA8C,CACnD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;QACpC,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAExD,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;QACpC,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,+CAA+C,CACpD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;QAC9B,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,+CAA+C,CACpD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QAC7B,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAEjB,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,GAAG;YACR,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE9B,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,kBAAkB;IAElB,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QAEF,MAAM,SAAS,CAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QAEjC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACpC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QACF,IAAI,UAAU,GAAG,EAAE,CAAC;QAEpB,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAQ,EAAE,EAAE;YAC7C,UAAU,GAAI,CAAiB,CAAC,MAAM,CAAC,KAAK,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,MAAM,SAAS,CAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QAEjC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4CAA4C,CACjD,CAAC;QAEF,MAAM,SAAS,CAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QAEjC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,0BAA0B;IAE1B,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,2CAA2C,CAChD,CAAC;QACF,MAAM,IAAI,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,CAAC,IAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QACF,MAAM,IAAI,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,CAAC,IAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,2CAA2C,CAChD,CAAC;QACF,MAAM,IAAI,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,CAAC,IAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4CAA4C,CACjD,CAAC;QACF,MAAM,IAAI,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,CAAC,IAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE7D,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9B,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC3E,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC9B,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,2DAA2D,CAChE,CAAC;QACF,MAAM,IAAI,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,CAAC,IAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE7D,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9B,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC3E,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,mBAAmB;IAEnB,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,qDAAqD,CAC1D,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,qDAAqD,CAC1D,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACvC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,8CAA8C,CACnD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,mBAAmB;IAEnB,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QACF,IAAI,WAAgB,CAAC;QACrB,IAAI,YAAiB,CAAC;QAEtB,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAQ,EAAE,EAAE;YAC7C,WAAW,GAAI,CAAiB,CAAC,MAAM,CAAC;QAC1C,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAQ,EAAE,EAAE;YAC9C,YAAY,GAAI,CAAiB,CAAC,MAAM,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACxB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAE3B,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACzC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,0DAA0D,CAC/D,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,IAAI,cAAc,GAAG,EAAE,CAAC;QAExB,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,CAAC,CAAQ,EAAE,EAAE;YAChD,cAAc,GAAI,CAAiB,CAAC,MAAM,CAAC,KAAK,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAE3B,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mCAAmC,CACxC,CAAC;QACF,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAE5D,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACxB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE3B,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACvB,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QACnB,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,2BAA2B;IAE3B,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,kDAAkD,CACvD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,2DAA2D,CAChE,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,kDAAkD,CACvD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,8CAA8C,CACnD,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,uBAAuB;IAEvB,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4CAA4C,CACjD,CAAC;QACF,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;QAChB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAEvC,EAAE,CAAC,KAAK,GAAG,QAAQ,CAAC;QACpB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,kDAAkD,CACvD,CAAC;QACF,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QACpC,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACvC,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAErD,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mEAAmE,CACxE,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAEvC,EAAE,CAAC,KAAK,GAAG,QAAQ,CAAC;QACpB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,6BAA6B;IAE7B,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;KAI/C,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,wBAAwB;IAExB,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAe,IAAI,CAAA;;KAE1C,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;QAC1E,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,mDAAmD,CACxD,CAAC;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;QAC1E,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,sBAAsB;IAEtB,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAe,IAAI,CAAA;;;oBAG3B,MAAM;wBACF,OAAO;;0BAEL,CAAC;;KAEtB,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvE,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7E,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7E,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/D,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/D,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACpE,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACjF,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACvF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { aTimeout, expect, fixture, html } from '@open-wc/testing';\nimport './nile-otp-input';\nimport type { NileOtpInput } from './nile-otp-input';\n\nconst getCells = (el: NileOtpInput) =>\n  Array.from(el.shadowRoot!.querySelectorAll<HTMLInputElement>('.otp__cell'));\n\nconst inputCell = async (el: NileOtpInput, index: number, value: string) => {\n  const cell = getCells(el)[index];\n  cell.value = value;\n  cell.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n  await el.updateComplete;\n  return cell;\n};\n\nconst pressKey = async (\n  el: NileOtpInput,\n  index: number,\n  key: string,\n  opts: Partial<KeyboardEventInit> = {}\n) => {\n  const cell = getCells(el)[index];\n  cell.dispatchEvent(\n    new KeyboardEvent('keydown', {\n      key,\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      ...opts,\n    })\n  );\n  await el.updateComplete;\n  return cell;\n};\n\nconst pasteInto = async (el: NileOtpInput, index: number, text: string) => {\n  const cell = getCells(el)[index];\n  const event = new Event('paste', {\n    bubbles: true,\n    composed: true,\n    cancelable: true,\n  }) as ClipboardEvent;\n  Object.defineProperty(event, 'clipboardData', {\n    value: { getData: () => text },\n  });\n  cell.dispatchEvent(event);\n  await el.updateComplete;\n};\n\ndescribe('NileOtpInput', () => {\n  // ---- Rendering ----\n\n  it('renders default 6 cells', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n    expect(el).to.exist;\n    expect(getCells(el).length).to.equal(6);\n  });\n\n  it('normalizes incoming value (strips non-numeric in numeric mode)', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"12A34B\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    expect(el.value).to.equal('1234');\n    expect(getCells(el).map(c => c.value)).to.deep.equal([\n      '1', '2', '3', '4', '', '',\n    ]);\n  });\n\n  it('supports configurable length and clamps below 4', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input length=\"8\"></nile-otp-input>`\n    );\n    expect(getCells(el).length).to.equal(8);\n\n    el.length = 2;\n    await el.updateComplete;\n    expect(el.length).to.equal(4);\n    expect(getCells(el).length).to.equal(4);\n  });\n\n  it('renders label when provided', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input label=\"Verification code\"></nile-otp-input>`\n    );\n    const label = el.shadowRoot!.querySelector('.form-control__label');\n    expect(label).to.exist;\n    expect(label!.textContent).to.contain('Verification code');\n  });\n\n  it('renders help text when provided', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input .helpText=${'Enter your code'}></nile-otp-input>`\n    );\n    const helpText = el.shadowRoot!.querySelector('.form-control__help-text');\n    expect(helpText).to.exist;\n    expect(helpText!.textContent).to.contain('Enter your code');\n  });\n\n  it('renders error message when provided', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input .errorMessage=${'Invalid code'}></nile-otp-input>`\n    );\n    const errorMsg = el.shadowRoot!.querySelector('.form-control__error-message');\n    expect(errorMsg).to.exist;\n    expect(errorMsg!.textContent).to.contain('Invalid code');\n  });\n\n  it('renders separators with separator-every', async () => {\n    const el = await fixture<NileOtpInput>(html`\n      <nile-otp-input separator=\"-\" .separatorEvery=${3}></nile-otp-input>\n    `);\n    const separators = el.shadowRoot!.querySelectorAll('.otp__separator');\n    expect(separators.length).to.equal(1);\n    expect(separators[0].textContent!.trim()).to.equal('-');\n  });\n\n  it('renders separators from separator-positions', async () => {\n    const el = await fixture<NileOtpInput>(html`\n      <nile-otp-input\n        length=\"8\"\n        separator=\"/\"\n        separator-positions=\"1, 3, 5\"\n      ></nile-otp-input>\n    `);\n    const separators = el.shadowRoot!.querySelectorAll('.otp__separator');\n    expect(separators.length).to.equal(3);\n    separators.forEach(s =>\n      expect(s.textContent!.trim()).to.equal('/')\n    );\n  });\n\n  // ---- Input behavior ----\n\n  it('auto-advances focus to next empty cell after typing', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n    const cells = getCells(el);\n\n    cells[0].focus();\n    await inputCell(el, 0, '1');\n    await aTimeout(0);\n\n    expect(el.value).to.equal('1');\n    expect(el.shadowRoot!.activeElement).to.equal(cells[1]);\n  });\n\n  it('typing a character on a filled cell replaces it and advances', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123456\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[2].focus();\n    await el.updateComplete;\n    await pressKey(el, 2, '9');\n    await aTimeout(0);\n\n    expect(el.value[2]).to.equal('9');\n  });\n\n  it('blocks invalid characters in numeric mode', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n    const first = getCells(el)[0];\n    first.focus();\n\n    const event = new KeyboardEvent('keydown', {\n      key: 'A',\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n    first.dispatchEvent(event);\n\n    expect(event.defaultPrevented).to.be.true;\n  });\n\n  it('allows alphanumeric values when alphanumeric attribute is set', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input alphanumeric></nile-otp-input>`\n    );\n    const cells = getCells(el);\n    cells[0].focus();\n    await el.updateComplete;\n\n    await pressKey(el, 0, 'A');\n    expect(el.value).to.equal('A');\n  });\n\n  it('alphanumeric overrides numeric-only', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input numeric-only alphanumeric></nile-otp-input>`\n    );\n    const cells = getCells(el);\n    cells[0].focus();\n    await el.updateComplete;\n\n    await pressKey(el, 0, 'B');\n    expect(el.value).to.equal('B');\n  });\n\n  it('supports controlled value updates', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n\n    el.value = '2468';\n    await el.updateComplete;\n\n    expect(getCells(el).map(c => c.value)).to.deep.equal([\n      '2', '4', '6', '8', '', '',\n    ]);\n  });\n\n  // ---- Focus management (ShadCN style) ----\n\n  it('focus() targets the first empty cell', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"12\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    el.focus();\n    await aTimeout(0);\n\n    expect(el.shadowRoot!.activeElement).to.equal(cells[2]);\n  });\n\n  it('clicking an empty cell beyond the cursor redirects to first empty', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"12\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[5].focus();\n    await aTimeout(0);\n    await el.updateComplete;\n\n    expect(el.shadowRoot!.activeElement).to.equal(cells[2]);\n  });\n\n  it('clicking a filled cell focuses it directly', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[1].focus();\n    await aTimeout(0);\n    await el.updateComplete;\n\n    expect(el.shadowRoot!.activeElement).to.equal(cells[1]);\n  });\n\n  // ---- Keyboard navigation ----\n\n  it('Backspace clears current cell and retreats', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[2].focus();\n    await pressKey(el, 2, 'Backspace');\n    await aTimeout(0);\n\n    expect(el.value).to.equal('12');\n    expect(el.shadowRoot!.activeElement).to.equal(cells[1]);\n  });\n\n  it('Backspace on empty cell clears previous and moves there', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"12\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[2].focus();\n    await pressKey(el, 2, 'Backspace');\n    await aTimeout(0);\n\n    expect(el.value).to.equal('1');\n    expect(cells[1].value).to.equal('');\n    expect(el.shadowRoot!.activeElement).to.equal(cells[1]);\n  });\n\n  it('Delete clears current cell without moving', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[1].focus();\n    await pressKey(el, 1, 'Delete');\n    await aTimeout(0);\n\n    expect(el.value).to.equal('13');\n    expect(el.shadowRoot!.activeElement).to.equal(cells[1]);\n  });\n\n  it('ArrowLeft moves focus back', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[2].focus();\n    await pressKey(el, 2, 'ArrowLeft');\n    await aTimeout(0);\n\n    expect(el.shadowRoot!.activeElement).to.equal(cells[1]);\n  });\n\n  it('ArrowRight cannot move past the first empty cell', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"12\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[1].focus();\n    await pressKey(el, 1, 'ArrowRight');\n    await aTimeout(0);\n\n    expect(el.shadowRoot!.activeElement).to.equal(cells[2]);\n\n    await pressKey(el, 2, 'ArrowRight');\n    await aTimeout(0);\n\n    expect(el.shadowRoot!.activeElement).to.equal(cells[2]);\n  });\n\n  it('Home goes to first cell', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[2].focus();\n    await pressKey(el, 2, 'Home');\n    await aTimeout(0);\n\n    expect(el.shadowRoot!.activeElement).to.equal(cells[0]);\n  });\n\n  it('End goes to first empty cell', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[0].focus();\n    await pressKey(el, 0, 'End');\n    await aTimeout(0);\n\n    expect(el.shadowRoot!.activeElement).to.equal(cells[3]);\n  });\n\n  it('Space is blocked', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n    const cells = getCells(el);\n    cells[0].focus();\n\n    const event = new KeyboardEvent('keydown', {\n      key: ' ',\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n    cells[0].dispatchEvent(event);\n\n    expect(event.defaultPrevented).to.be.true;\n  });\n\n  // ---- Paste ----\n\n  it('paste fills from position 0 and focuses next empty', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n\n    await pasteInto(el, 3, '987654');\n\n    expect(el.value).to.equal('987654');\n    expect(getCells(el).map(c => c.value).join('')).to.equal('987654');\n  });\n\n  it('paste emits nile-paste event', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n    let pasteValue = '';\n\n    el.addEventListener('nile-paste', (e: Event) => {\n      pasteValue = (e as CustomEvent).detail.value;\n    });\n\n    await pasteInto(el, 0, '123456');\n\n    expect(pasteValue).to.equal('123456');\n  });\n\n  it('paste is ignored when disabled', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input disabled></nile-otp-input>`\n    );\n\n    await pasteInto(el, 0, '123456');\n\n    expect(el.value).to.equal('');\n  });\n\n  // ---- Visual states ----\n\n  it('applies warning class', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input warning></nile-otp-input>`\n    );\n    const base = el.shadowRoot!.querySelector('.otp');\n    expect(base!.classList.contains('otp--warning')).to.be.true;\n  });\n\n  it('applies error class', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input error></nile-otp-input>`\n    );\n    const base = el.shadowRoot!.querySelector('.otp');\n    expect(base!.classList.contains('otp--error')).to.be.true;\n  });\n\n  it('applies success class', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input success></nile-otp-input>`\n    );\n    const base = el.shadowRoot!.querySelector('.otp');\n    expect(base!.classList.contains('otp--success')).to.be.true;\n  });\n\n  it('applies disabled class and blocks input', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input disabled></nile-otp-input>`\n    );\n    const base = el.shadowRoot!.querySelector('.otp');\n    expect(base!.classList.contains('otp--disabled')).to.be.true;\n\n    const first = getCells(el)[0];\n    first.value = '9';\n    first.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    await el.updateComplete;\n\n    expect(el.value).to.equal('');\n    expect(first.value).to.equal('');\n  });\n\n  it('applies readonly class and blocks input', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input readonly value=\"123456\"></nile-otp-input>`\n    );\n    const base = el.shadowRoot!.querySelector('.otp');\n    expect(base!.classList.contains('otp--readonly')).to.be.true;\n\n    const first = getCells(el)[0];\n    first.value = '9';\n    first.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    await el.updateComplete;\n\n    expect(el.value).to.equal('123456');\n  });\n\n  // ---- Masked ----\n\n  it('masked cells use type=\"password\" for filled non-active cells', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input masked value=\"12\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    expect(cells[0].type).to.equal('password');\n    expect(cells[1].type).to.equal('password');\n    expect(cells[2].type).to.equal('text');\n  });\n\n  it('active masked cell shows text while typing', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input masked value=\"12\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells[1].focus();\n    await el.updateComplete;\n\n    expect(cells[1].type).to.equal('text');\n    expect(cells[0].type).to.equal('password');\n  });\n\n  it('unmasked cells are always type=\"text\"', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"12\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    const cells = getCells(el);\n\n    cells.forEach(c => expect(c.type).to.equal('text'));\n  });\n\n  // ---- Events ----\n\n  it('emits nile-input and nile-change with value detail', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n    let inputDetail: any;\n    let changeDetail: any;\n\n    el.addEventListener('nile-input', (e: Event) => {\n      inputDetail = (e as CustomEvent).detail;\n    });\n    el.addEventListener('nile-change', (e: Event) => {\n      changeDetail = (e as CustomEvent).detail;\n    });\n\n    getCells(el)[0].focus();\n    await el.updateComplete;\n    await pressKey(el, 0, '7');\n\n    expect(inputDetail.value).to.equal('7');\n    expect(inputDetail.complete).to.be.false;\n    expect(changeDetail.value).to.equal('7');\n  });\n\n  it('emits nile-complete when all cells are filled', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input length=\"4\" value=\"123\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    let completedValue = '';\n\n    el.addEventListener('nile-complete', (e: Event) => {\n      completedValue = (e as CustomEvent).detail.value;\n    });\n\n    const cells = getCells(el);\n    cells[3].focus();\n    await el.updateComplete;\n    await pressKey(el, 3, '4');\n\n    expect(completedValue).to.equal('1234');\n  });\n\n  it('emits nile-focus when entering and nile-blur when leaving', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input></nile-otp-input>`\n    );\n    let focused = false;\n    let blurred = false;\n\n    el.addEventListener('nile-focus', () => { focused = true; });\n    el.addEventListener('nile-blur', () => { blurred = true; });\n\n    getCells(el)[0].focus();\n    await el.updateComplete;\n    expect(focused).to.be.true;\n\n    getCells(el)[0].blur();\n    await aTimeout(50);\n    expect(blurred).to.be.true;\n  });\n\n  // ---- Public methods ----\n\n  it('clear() empties all cells', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123456\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n\n    el.clear();\n    await el.updateComplete;\n\n    expect(el.value).to.equal('');\n    getCells(el).forEach(c => expect(c.value).to.equal(''));\n  });\n\n  it('clear() is blocked when disabled', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input disabled value=\"123456\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n\n    el.clear();\n    await el.updateComplete;\n\n    expect(el.value).to.equal('123456');\n  });\n\n  it('complete getter returns true when all cells filled', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123456\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    expect(el.complete).to.be.true;\n  });\n\n  it('complete getter returns false when cells are empty', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"12\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    expect(el.complete).to.be.false;\n  });\n\n  // ---- Validation ----\n\n  it('validates required and exact length using checkValidity', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input required></nile-otp-input>`\n    );\n    el.value = '12';\n    await el.updateComplete;\n    expect(el.checkValidity()).to.be.false;\n\n    el.value = '123456';\n    await el.updateComplete;\n    expect(el.checkValidity()).to.be.true;\n  });\n\n  it('supports custom validity messaging', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input value=\"123456\"></nile-otp-input>`\n    );\n    el.setCustomValidity('Invalid OTP');\n    await el.updateComplete;\n\n    expect(el.checkValidity()).to.be.false;\n    expect(el.validationMessage).to.equal('Invalid OTP');\n\n    el.setCustomValidity('');\n    await el.updateComplete;\n    expect(el.checkValidity()).to.be.true;\n  });\n\n  it('validates against custom pattern', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input pattern=\"[0-9]{6}\" value=\"1234\"></nile-otp-input>`\n    );\n    await el.updateComplete;\n    expect(el.checkValidity()).to.be.false;\n\n    el.value = '123456';\n    await el.updateComplete;\n    expect(el.checkValidity()).to.be.true;\n  });\n\n  // ---- Form integration ----\n\n  it('participates in form data submission', async () => {\n    const form = await fixture<HTMLFormElement>(html`\n      <form id=\"otp-form\">\n        <nile-otp-input name=\"otp\" value=\"321654\"></nile-otp-input>\n      </form>\n    `);\n    const data = new FormData(form);\n\n    expect(data.get('otp')).to.equal('321654');\n  });\n\n  // ---- Placeholder ----\n\n  it('shows no placeholder by default', async () => {\n    const el = await fixture<NileOtpInput>(html`\n      <nile-otp-input value=\"12\"></nile-otp-input>\n    `);\n\n    const placeholders = getCells(el).map(c => c.getAttribute('placeholder'));\n    expect(placeholders).to.deep.equal([null, null, null, null, null, null]);\n  });\n\n  it('moves custom placeholder to active cell on focus', async () => {\n    const el = await fixture<NileOtpInput>(\n      html`<nile-otp-input placeholder=\"0\"></nile-otp-input>`\n    );\n    const cells = getCells(el);\n\n    cells[0].focus();\n    await el.updateComplete;\n\n    const placeholders = getCells(el).map(c => c.getAttribute('placeholder'));\n    expect(placeholders[0]).to.equal('0');\n    expect(placeholders.slice(1).every(p => p === null)).to.be.true;\n  });\n\n  // ---- CSS parts ----\n\n  it('exposes all required CSS parts', async () => {\n    const el = await fixture<NileOtpInput>(html`\n      <nile-otp-input\n        label=\"Test\"\n        .helpText=${'Help'}\n        .errorMessage=${'Error'}\n        separator=\"-\"\n        .separatorEvery=${3}\n      ></nile-otp-input>\n    `);\n\n    expect(el.shadowRoot!.querySelector('[part=\"form-control\"]')).to.exist;\n    expect(el.shadowRoot!.querySelector('[part=\"form-control-label\"]')).to.exist;\n    expect(el.shadowRoot!.querySelector('[part=\"form-control-input\"]')).to.exist;\n    expect(el.shadowRoot!.querySelector('[part=\"base\"]')).to.exist;\n    expect(el.shadowRoot!.querySelector('[part=\"cell\"]')).to.exist;\n    expect(el.shadowRoot!.querySelector('[part=\"separator\"]')).to.exist;\n    expect(el.shadowRoot!.querySelector('[part=\"form-control-help-text\"]')).to.exist;\n    expect(el.shadowRoot!.querySelector('[part=\"form-control-error-message\"]')).to.exist;\n  });\n});\n"]}

package/dist/src/nile-pagination/nile-pagination.css.js

@@ -21,6 +21,13 @@ export const styles = css `
     pointer-events: none;
   }
 
+  :host([disabled]) .range-text,
+  :host([disabled]) .page-size-label,
+  :host([disabled]) .mini-showing-label,
+  :host([disabled]) .mini-of-label {
+    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
+  }
+
   .pagination-wrapper {
     display: flex;
     align-items: center;

package/dist/src/nile-pagination/nile-pagination.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-pagination.css.js","sourceRoot":"","sources":["../../../src/nile-pagination/nile-pagination.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6WxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Pagination CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  :host([disabled]) {\n    cursor: not-allowed;\n  }\n\n  :host([disabled]) .pagination-wrapper,\n  :host([disabled]) .pagination-wrapper.mini {\n    pointer-events: none;\n  }\n\n  .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) ;\n  }\n\n \n  .pagination-wrapper.mini .pager-container {\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl)); \n  }\n\n  .pagination-wrapper.mini .range-text {\n    margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var( --ng-colors-text-primary-900));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  .pagination-wrapper.mini {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .mini-showing-label,\n  .mini-of-label {\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    white-space: nowrap;\n    line-height: 32px;\n  }\n\n  .mini-page-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .mini-scroll-wrapper {\n    max-height: 164px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n  nile-button.mini-page-btn::part(base) {\n    min-width: auto;\n    height: 10px;\n    padding: 0px 4px;\n    gap: 2px;\n    border: none ;\n    box-shadow: none ;\n    background: transparent ;\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n  }\n\n  nile-button.mini-page-btn::part(base):hover,\n  nile-button.mini-page-btn::part(base):active {\n    min-width: auto;\n    height: 10px;\n    padding: 0px 4px;\n    gap: 2px;\n    border: none ;\n    background: transparent ;\n  }\n\n  .mini-page-dropdown {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  nile-button.mini-prev-button::part(base),\n  nile-button.mini-next-button::part(base) {\n    border: none ;\n  }\n\n  nile-button.mini-prev-button::part(base):hover,\n  nile-button.mini-next-button::part(base):hover {\n    border: none ;\n  }\n\n  nile-button.mini-prev-button::part(base):active,\n  nile-button.mini-next-button::part(base):active {\n    border: none ;\n  }\n\n  .mini-page-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n\n  .mini-page-dropdown .mini-page-btn.open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .mini-nav {\n    display: inline-flex;\n    align-items: center;\n    margin-left: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n  }\n\n  .mini-pagination {\n    display: inline-flex;\n    align-items: center;\n    gap: 0;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n \n  .pagination-wrapper.compact {\n    min-width: 324px;\n    justify-content: space-between;\n  }\n\n\n\n.pagination-wrapper.compact .range-text {\n  margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  white-space: nowrap;\n}\n\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n  .pagination-wrapper.compact .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown ::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0 6px;\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .pagination-wrapper.compact ul.pagination:not(.compact-pagination) {\n    display: none;\n  }\n\n  .compact-pagination {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .page-dropdown .current-page-btn {\n    padding: 2px;\n    font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));\n  }\n\n  nile-button.current-page-btn::part(base){\n    min-width: 51px;\n  }\n\n  nile-button.current-page-btn::part(base):active {\n  min-width: 51px;\n}\n\n  .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) ;\n}\n\n  .range-text {\n    font-size: var(--nile-font-size-small,  var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-900,var( --ng-colors-text-primary-900) );\n    white-space: nowrap;\n  }\n\n  .page-size-select {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  ul.pagination {\n    display: flex;\n    list-style: none;\n    padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    gap: var(--nile-radius-radius-xxs, var(--ng-radius-xxs));\n  }\n\n  ul.pagination li {\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n  }\n\n  .ellipsis-scroll-wrapper {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 66px;\n  }\n    .down-scroll-wrapper {\n    max-height: 150px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n\n    .compact-scroll-wrapper {\n    max-height: 160px;\n    overflow-y: auto;\n    width: 60px;\n  }\n  .compact-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .page-size-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n      .compact-scroll-wrapper1 {\n    max-height: 164px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n  .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n\n  .ellipsis-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .page-size-menu {\n    max-height: 144px;\n    overflow-y: auto;\n  }\n\n.pagination-wrapper.fluid ul.pagination li:first-child {\n  margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n}\n.pagination-wrapper.fluid ul.pagination li:last-child {\n  margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n  .page-size-label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-primary-500));\n    margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular)); \n  }\n\n  nile-button::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n  }\n  \n   nile-button.down::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  nile-button.down::part(base):active {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n\n  nile-button.current-page-btn::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary)); \n  }\n\n  nile-button.current-page-btn::part(base):active {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n  \n  nile-button::part(base):active {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n    border: none;\n  }\n\n  nile-button.down::part(base) {\n    min-width: 62px;\n  }\n\n  nile-button.compactbtn:part(base){\n    background-color: red;\n  }\n  .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n \n  .pagination-wrapper.compact .compact-dropdown .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .compact-dropdown .down.open .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .current-page-btn.open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .prev-button::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  .next-button::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-pagination.css.js","sourceRoot":"","sources":["../../../src/nile-pagination/nile-pagination.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoXxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Pagination CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  :host([disabled]) {\n    cursor: not-allowed;\n  }\n\n  :host([disabled]) .pagination-wrapper,\n  :host([disabled]) .pagination-wrapper.mini {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .range-text,\n  :host([disabled]) .page-size-label,\n  :host([disabled]) .mini-showing-label,\n  :host([disabled]) .mini-of-label {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) ;\n  }\n\n \n  .pagination-wrapper.mini .pager-container {\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl)); \n  }\n\n  .pagination-wrapper.mini .range-text {\n    margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var( --ng-colors-text-primary-900));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  .pagination-wrapper.mini {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .mini-showing-label,\n  .mini-of-label {\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    white-space: nowrap;\n    line-height: 32px;\n  }\n\n  .mini-page-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .mini-scroll-wrapper {\n    max-height: 164px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n  nile-button.mini-page-btn::part(base) {\n    min-width: auto;\n    height: 10px;\n    padding: 0px 4px;\n    gap: 2px;\n    border: none ;\n    box-shadow: none ;\n    background: transparent ;\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n  }\n\n  nile-button.mini-page-btn::part(base):hover,\n  nile-button.mini-page-btn::part(base):active {\n    min-width: auto;\n    height: 10px;\n    padding: 0px 4px;\n    gap: 2px;\n    border: none ;\n    background: transparent ;\n  }\n\n  .mini-page-dropdown {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  nile-button.mini-prev-button::part(base),\n  nile-button.mini-next-button::part(base) {\n    border: none ;\n  }\n\n  nile-button.mini-prev-button::part(base):hover,\n  nile-button.mini-next-button::part(base):hover {\n    border: none ;\n  }\n\n  nile-button.mini-prev-button::part(base):active,\n  nile-button.mini-next-button::part(base):active {\n    border: none ;\n  }\n\n  .mini-page-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n\n  .mini-page-dropdown .mini-page-btn.open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .mini-nav {\n    display: inline-flex;\n    align-items: center;\n    margin-left: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n  }\n\n  .mini-pagination {\n    display: inline-flex;\n    align-items: center;\n    gap: 0;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n \n  .pagination-wrapper.compact {\n    min-width: 324px;\n    justify-content: space-between;\n  }\n\n\n\n.pagination-wrapper.compact .range-text {\n  margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  white-space: nowrap;\n}\n\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n  .pagination-wrapper.compact .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown ::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0 6px;\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .pagination-wrapper.compact ul.pagination:not(.compact-pagination) {\n    display: none;\n  }\n\n  .compact-pagination {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .page-dropdown .current-page-btn {\n    padding: 2px;\n    font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));\n  }\n\n  nile-button.current-page-btn::part(base){\n    min-width: 51px;\n  }\n\n  nile-button.current-page-btn::part(base):active {\n  min-width: 51px;\n}\n\n  .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) ;\n}\n\n  .range-text {\n    font-size: var(--nile-font-size-small,  var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-900,var( --ng-colors-text-primary-900) );\n    white-space: nowrap;\n  }\n\n  .page-size-select {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  ul.pagination {\n    display: flex;\n    list-style: none;\n    padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    gap: var(--nile-radius-radius-xxs, var(--ng-radius-xxs));\n  }\n\n  ul.pagination li {\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n  }\n\n  .ellipsis-scroll-wrapper {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 66px;\n  }\n    .down-scroll-wrapper {\n    max-height: 150px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n\n    .compact-scroll-wrapper {\n    max-height: 160px;\n    overflow-y: auto;\n    width: 60px;\n  }\n  .compact-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .page-size-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n      .compact-scroll-wrapper1 {\n    max-height: 164px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n  .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n\n  .ellipsis-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .page-size-menu {\n    max-height: 144px;\n    overflow-y: auto;\n  }\n\n.pagination-wrapper.fluid ul.pagination li:first-child {\n  margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n}\n.pagination-wrapper.fluid ul.pagination li:last-child {\n  margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n  .page-size-label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-primary-500));\n    margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular)); \n  }\n\n  nile-button::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n  }\n  \n   nile-button.down::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  nile-button.down::part(base):active {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n\n  nile-button.current-page-btn::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary)); \n  }\n\n  nile-button.current-page-btn::part(base):active {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n  \n  nile-button::part(base):active {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n    border: none;\n  }\n\n  nile-button.down::part(base) {\n    min-width: 62px;\n  }\n\n  nile-button.compactbtn:part(base){\n    background-color: red;\n  }\n  .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n \n  .pagination-wrapper.compact .compact-dropdown .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .compact-dropdown .down.open .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .current-page-btn.open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .prev-button::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  .next-button::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-radio/nile-radio.css.js

@@ -126,6 +126,10 @@ export const styles = css `
     border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));
   }
 
+  .radio--disabled .radio__label {
+    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
+  }
+
   /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
   .radio:not(.radio--checked) svg circle {
     opacity: 0;

package/dist/src/nile-radio/nile-radio.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-radio.css.js","sourceRoot":"","sources":["../../../src/nile-radio/nile-radio.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIxB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    vertical-align: middle;\n    cursor: pointer;\n    margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))\n  }\n\n  .radio__checked-icon {\n    display: var(--nile-display-inline-flex, var(--ng-display-block));\n    width: var(--nile-radio-inner-width, var(--ng-width-2));\n    height: var(--nile-radio-inner-width, var(--ng-height-8px));\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));\n  }\n\n  .radio__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-radio-outer-width, var(--ng-width-4));\n    height: var(--nile-radio-outer-height, var(--ng-height-16px));\n    border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));\n    color: transparent;\n    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-neutral));\n    background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n    border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-bg-brand-solid));\n    background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-bg-brand-solid-hover));\n    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n    outline-offset: 1px;\n  }\n\n  .radio__control:focus-visible {\n    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n    outline-offset: 2px;\n  }\n\n /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .radio__control {\n  outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));\n  outline-offset: 1px;\n}\n\n  /* Disabled */\n  .radio--disabled {\n    \n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-disabled-subtle)); // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n    border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n    user-select: none;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n  }\n  .radio__label_border {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-xl));\n    border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n`;\n"]}
+{"version":3,"file":"nile-radio.css.js","sourceRoot":"","sources":["../../../src/nile-radio/nile-radio.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6IxB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    vertical-align: middle;\n    cursor: pointer;\n    margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))\n  }\n\n  .radio__checked-icon {\n    display: var(--nile-display-inline-flex, var(--ng-display-block));\n    width: var(--nile-radio-inner-width, var(--ng-width-2));\n    height: var(--nile-radio-inner-width, var(--ng-height-8px));\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));\n  }\n\n  .radio__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-radio-outer-width, var(--ng-width-4));\n    height: var(--nile-radio-outer-height, var(--ng-height-16px));\n    border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));\n    color: transparent;\n    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-neutral));\n    background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n    border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-bg-brand-solid));\n    background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-bg-brand-solid-hover));\n    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n    outline-offset: 1px;\n  }\n\n  .radio__control:focus-visible {\n    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n    outline-offset: 2px;\n  }\n\n /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .radio__control {\n  outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));\n  outline-offset: 1px;\n}\n\n  /* Disabled */\n  .radio--disabled {\n    \n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-disabled-subtle)); // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n    border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));\n  }\n\n  .radio--disabled .radio__label {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n    user-select: none;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n  }\n  .radio__label_border {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-xl));\n    border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n`;\n"]}

package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js

@@ -1,6 +1,7 @@
 import { css } from 'lit';
 export const styles = css `
-  .editor { all: revert; }
+  .editor { all: revert;
+  -webkit-user-modify: read-write; }
 
   nile-rich-text-editor {
     position: relative;
@@ -57,9 +58,10 @@ export const styles = css `
 
   nile-rich-text-editor[disabled] .rte-container .editor {
     background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));
-    pointer-events: none ;
+    pointer-events: none;
     user-select: none;
     -webkit-user-select: none;
+    -webkit-user-modify: read-only;
     border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));
     color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));
   }
@@ -153,10 +155,10 @@ nile-rte-preview {
   }
  
   .editor ul,
-.editor ol {
-  list-style-position: inside;  
-  padding: 0px;
-}
+  .editor ol {
+    list-style-position: outside;
+    padding-inline-start: 24px;
+  }
 
 
  

package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-rich-text-editor.css.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rich-text-editor.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoNxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":[" \nimport { css } from 'lit';\n\nexport const styles = css`\n  .editor { all: revert; }\n\n  nile-rich-text-editor {\n    position: relative;\n    display: block;\n    font-family: inherit;\n  }\n\n\n  .rte-container {\n    width: 100%;\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-sizing: border-box;\n  }\n\n \n  .rte-container nile-rte-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px;\n  border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n  background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  border-radius: 8px 8px 0 0;\n  width: 100%;            \n  box-sizing: border-box; \n}\n\n  .rte-container .editor {\n    min-height: 160px;\n    width: 100%;\n    padding: 12px;\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: 0 0 8px 8px;\n    outline: none;\n    tab-size: 4;\n    -moz-tab-size: 4;\n    word-break: break-word;\n    box-sizing: border-box;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n  }\n\n  nile-rich-text-editor[disabled] .rte-container {\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    cursor: not-allowed !important;\n    background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  nile-rich-text-editor[disabled] .rte-container nile-rte-toolbar {\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    cursor: not-allowed !important;\n  }  \n\n  nile-rich-text-editor[disabled] .rte-container .editor {\n    background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    pointer-events: none ;\n    user-select: none;\n    -webkit-user-select: none;\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n  }\n\nnile-rte-preview {\n  display: block;\n  width: 100%;\n  margin-top: 16px;       \n  padding: 12px;\n  border: 1px dashed var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n  border-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n  background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  box-sizing: border-box;\n  word-wrap: break-word;\n}\n\n  nile-rich-text-editor[disabled] nile-rte-preview {\n  background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  cursor: not-allowed ;\n  border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n  user-select: none;\n  -webkit-user-select: none;\n  color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n}\n\n  nile-rte-toolbar-item nile-button::part(base) {\n    width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    border: none;\n  }\n\n  nile-rte-toolbar-item > button,\n  nile-rte-toolbar button {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md));\n    cursor: pointer;\n  }\n\n  nile-rte-toolbar-item > button nile-icon { pointer-events: none; }\n\n  nile-rte-toolbar-item > button.active {\n    border-color: #2563eb;\n    background: var(--nile-colors-white-base);\n  }\n\n  .editor p { margin: 1em 0; }\n  .editor h1, .preview h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n    font-weight: bold;\n  }\n  .editor h2, .preview h2 {\n    font-size: 1.5em;\n    margin: 0.83em 0;\n    font-weight: bold;\n  }\n  .editor h3 { font-size: 1.17em; }\n  .editor h4 { font-size: 1em; }\n  .editor h5 { font-size: 0.83em; }\n  .editor h6 { font-size: 0.67em; }\n\n\n  .editor.single-line {\n    min-height: 50px;\n    max-height: 50px;\n    line-height: 1.2;\n    overflow-x: auto;\n    white-space: nowrap;\n    padding: 0px 12px 0px 12px;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n  }\n  nile-rte-preview.single-line {\n    min-height: 50px;\n    max-height: 50px;\n    line-height: 1.2;\n    padding: 0px 12px 0px 12px;\n    overflow-x: auto;\n    white-space: nowrap;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n  }\n  nile-rte-divider { \n  margin: 0 4px;\n  display: inline-block;\n  height: 24px;\n  width: 1px;\n  background: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n  }\n \n  .editor ul,\n.editor ol {\n  list-style-position: inside;  \n  padding: 0px;\n}\n\n\n \n \n\n  nile-rte-toolbar-item  nile-button[data-active]::part(base) {\n  background-color: var(--nile-colors-primary-400, var(--ng-componentcolors-utility-blue-400));\n}\n\nnile-rte-toolbar-item nile-button[data-active]::part(base):hover {\n  background-color: var(--nile-colors-primary-500, var(--ng-componentcolors-utility-blue-500));  \n}\n\nnile-rte-link nile-button[data-active]::part(base) {\n  background-color: var(--nile-colors-primary-400, var(--ng-componentcolors-utility-blue-400));\n}\n\nnile-rte-link nile-button[data-active]::part(base):hover {\n  background-color: var(--nile-colors-primary-500, var(--ng-componentcolors-utility-blue-500));\n}\n\n.editor a {\n  color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-tertiary-600));\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.editor a:hover {\n  text-decoration: none;\n}\n\nnile-rich-text-editor[disabled] .editor a {\n  color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.editor.empty::before {\n  content: attr(data-placeholder);\n  color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary));\n  position: absolute;\n  font-family: var(var(--nile-font-family-sans-serif), var(--ng-font-family-body));\n  pointer-events: none;\n  user-select: none;\n  padding-top: 16px;\n  opacity: 0.7;\n}\n\n\n\n \n\n\n\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-rich-text-editor.css.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rich-text-editor.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsNxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":[" \nimport { css } from 'lit';\n\nexport const styles = css`\n  .editor { all: revert;\n  -webkit-user-modify: read-write; }\n\n  nile-rich-text-editor {\n    position: relative;\n    display: block;\n    font-family: inherit;\n  }\n\n\n  .rte-container {\n    width: 100%;\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-sizing: border-box;\n  }\n\n \n  .rte-container nile-rte-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px;\n  border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n  background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  border-radius: 8px 8px 0 0;\n  width: 100%;            \n  box-sizing: border-box; \n}\n\n  .rte-container .editor {\n    min-height: 160px;\n    width: 100%;\n    padding: 12px;\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: 0 0 8px 8px;\n    outline: none;\n    tab-size: 4;\n    -moz-tab-size: 4;\n    word-break: break-word;\n    box-sizing: border-box;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n  }\n\n  nile-rich-text-editor[disabled] .rte-container {\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    cursor: not-allowed !important;\n    background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  nile-rich-text-editor[disabled] .rte-container nile-rte-toolbar {\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    cursor: not-allowed !important;\n  }  \n\n  nile-rich-text-editor[disabled] .rte-container .editor {\n    background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    pointer-events: none;\n    user-select: none;\n    -webkit-user-select: none;\n    -webkit-user-modify: read-only;\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n  }\n\nnile-rte-preview {\n  display: block;\n  width: 100%;\n  margin-top: 16px;       \n  padding: 12px;\n  border: 1px dashed var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n  border-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n  background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  box-sizing: border-box;\n  word-wrap: break-word;\n}\n\n  nile-rich-text-editor[disabled] nile-rte-preview {\n  background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  cursor: not-allowed ;\n  border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n  user-select: none;\n  -webkit-user-select: none;\n  color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n}\n\n  nile-rte-toolbar-item nile-button::part(base) {\n    width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    border: none;\n  }\n\n  nile-rte-toolbar-item > button,\n  nile-rte-toolbar button {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md));\n    cursor: pointer;\n  }\n\n  nile-rte-toolbar-item > button nile-icon { pointer-events: none; }\n\n  nile-rte-toolbar-item > button.active {\n    border-color: #2563eb;\n    background: var(--nile-colors-white-base);\n  }\n\n  .editor p { margin: 1em 0; }\n  .editor h1, .preview h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n    font-weight: bold;\n  }\n  .editor h2, .preview h2 {\n    font-size: 1.5em;\n    margin: 0.83em 0;\n    font-weight: bold;\n  }\n  .editor h3 { font-size: 1.17em; }\n  .editor h4 { font-size: 1em; }\n  .editor h5 { font-size: 0.83em; }\n  .editor h6 { font-size: 0.67em; }\n\n\n  .editor.single-line {\n    min-height: 50px;\n    max-height: 50px;\n    line-height: 1.2;\n    overflow-x: auto;\n    white-space: nowrap;\n    padding: 0px 12px 0px 12px;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n  }\n  nile-rte-preview.single-line {\n    min-height: 50px;\n    max-height: 50px;\n    line-height: 1.2;\n    padding: 0px 12px 0px 12px;\n    overflow-x: auto;\n    white-space: nowrap;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n  }\n  nile-rte-divider { \n  margin: 0 4px;\n  display: inline-block;\n  height: 24px;\n  width: 1px;\n  background: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n  }\n \n  .editor ul,\n  .editor ol {\n    list-style-position: outside;\n    padding-inline-start: 24px;\n  }\n\n\n \n \n\n  nile-rte-toolbar-item  nile-button[data-active]::part(base) {\n  background-color: var(--nile-colors-primary-400, var(--ng-componentcolors-utility-blue-400));\n}\n\nnile-rte-toolbar-item nile-button[data-active]::part(base):hover {\n  background-color: var(--nile-colors-primary-500, var(--ng-componentcolors-utility-blue-500));  \n}\n\nnile-rte-link nile-button[data-active]::part(base) {\n  background-color: var(--nile-colors-primary-400, var(--ng-componentcolors-utility-blue-400));\n}\n\nnile-rte-link nile-button[data-active]::part(base):hover {\n  background-color: var(--nile-colors-primary-500, var(--ng-componentcolors-utility-blue-500));\n}\n\n.editor a {\n  color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-tertiary-600));\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.editor a:hover {\n  text-decoration: none;\n}\n\nnile-rich-text-editor[disabled] .editor a {\n  color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.editor.empty::before {\n  content: attr(data-placeholder);\n  color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary));\n  position: absolute;\n  font-family: var(var(--nile-font-family-sans-serif), var(--ng-font-family-body));\n  pointer-events: none;\n  user-select: none;\n  padding-top: 16px;\n  opacity: 0.7;\n}\n\n\n\n \n\n\n\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-rich-text-editor/nile-rich-text-editor.d.ts

@@ -45,6 +45,8 @@ export declare class NileRichTextEditor extends LitElement {
     private unwrapMention;
     private scrubBrokenMentions;
     private onEditorClick;
+    private onEditorPaste;
+    private onEditorDrop;
     private onEditorInput;
     private onEditorMouseup;
     private onEditorKeyup;

package/dist/src/nile-rich-text-editor/nile-rich-text-editor.js

@@ -65,11 +65,25 @@ let NileRichTextEditor = class NileRichTextEditor extends LitElement {
         this.linkEl = null;
         this.mentionsEl = null;
         this.onEditorClick = (e) => {
+            if (this.disabled) {
+                e.preventDefault();
+                return;
+            }
             const anchor = e.target.closest?.('a');
             if (anchor)
                 e.preventDefault();
         };
+        this.onEditorPaste = (e) => {
+            if (this.disabled)
+                e.preventDefault();
+        };
+        this.onEditorDrop = (e) => {
+            if (this.disabled)
+                e.preventDefault();
+        };
         this.onEditorInput = () => {
+            if (this.disabled)
+                return;
             this.ensureAtLeastOneParagraph();
             this.scrubBrokenMentions();
             this.updateContent();
@@ -93,6 +107,10 @@ let NileRichTextEditor = class NileRichTextEditor extends LitElement {
             }
         };
         this.onEditorKeydown = (e) => {
+            if (this.disabled) {
+                e.preventDefault();
+                return;
+            }
             if (this.singleLineEditor && e.key === 'Enter' && e.shiftKey) {
                 e.preventDefault();
                 return;
@@ -333,6 +351,8 @@ let NileRichTextEditor = class NileRichTextEditor extends LitElement {
         this.editorEl.addEventListener('mouseup', this.onEditorMouseup);
         this.editorEl.addEventListener('keyup', this.onEditorKeyup);
         this.editorEl.addEventListener('keydown', this.onEditorKeydown);
+        this.editorEl.addEventListener('paste', this.onEditorPaste);
+        this.editorEl.addEventListener('drop', this.onEditorDrop);
     }
     unwireEditor() {
         if (!this.editorEl)
@@ -342,6 +362,8 @@ let NileRichTextEditor = class NileRichTextEditor extends LitElement {
         this.editorEl.removeEventListener('mouseup', this.onEditorMouseup);
         this.editorEl.removeEventListener('keyup', this.onEditorKeyup);
         this.editorEl.removeEventListener('keydown', this.onEditorKeydown);
+        this.editorEl.removeEventListener('paste', this.onEditorPaste);
+        this.editorEl.removeEventListener('drop', this.onEditorDrop);
     }
     wireAuthoredToolbar(tb) {
         this.buttonMap.clear();
@@ -517,6 +539,17 @@ let NileRichTextEditor = class NileRichTextEditor extends LitElement {
         const onlyWhitespace = (el.textContent ?? '').replace(/\u200B/g, '').trim() === '';
         if (el.childNodes.length === 0 || onlyWhitespace) {
             el.innerHTML = '<p><br></p>';
+            const p = el.querySelector('p');
+            if (p) {
+                const range = document.createRange();
+                range.setStart(p, 0);
+                range.collapse(true);
+                const sel = window.getSelection();
+                if (sel) {
+                    sel.removeAllRanges();
+                    sel.addRange(range);
+                }
+            }
             return;
         }
         const hasBlock = el.querySelector('p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre');
@@ -538,6 +571,8 @@ let NileRichTextEditor = class NileRichTextEditor extends LitElement {
     }
     // ---------- Toolbar/commands ----------
     onToolbarCommand(cmd) {
+        if (this.disabled)
+            return;
         this.focusAndRestore();
         switch (cmd) {
             case 'bold':
@@ -741,6 +776,10 @@ let NileRichTextEditor = class NileRichTextEditor extends LitElement {
         this.ensureAtLeastOneParagraph();
         const isEmpty = (this.editorEl.textContent ?? '').trim() === '';
         this.editorEl.classList.toggle('empty', isEmpty);
+        const sel = window.getSelection();
+        const caretRange = sel && sel.rangeCount > 0 && this.editorEl.contains(sel.getRangeAt(0).startContainer)
+            ? sel.getRangeAt(0).cloneRange()
+            : null;
         const clone = this.editorEl.cloneNode(true);
         if (!this.noStyles) {
             const origWalker = document.createTreeWalker(this.editorEl, NodeFilter.SHOW_ELEMENT);
@@ -761,6 +800,10 @@ let NileRichTextEditor = class NileRichTextEditor extends LitElement {
         else {
             clone.querySelectorAll('[style]').forEach(el => el.removeAttribute('style'));
         }
+        if (caretRange && sel && this.editorEl.contains(caretRange.startContainer)) {
+            sel.removeAllRanges();
+            sel.addRange(caretRange);
+        }
         this.content = clone.innerHTML;
         if (this.previewEl)
             this.previewEl.innerHTML = this.content;