@siemens/ix 2.6.1 → 2.7.0

package/dist/collection/components/select/test/select-keyboard.ct.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-keyboard.ct.js","sourceRoot":"","sources":["../../../../src/components/select/test/select-keyboard.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAW,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,SAAS,gBAAgB,CAAC,MAAe;IACvC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QACjC,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;QACjD,CAAC;QACD,MAAM,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAC5C,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO;QACL,KAAK,CAAC,oBAAoB;YACxB,MAAM,eAAe,CAAC,KAAK,EAAE,CAAC;YAC9B,MAAM,eAAe,EAAE,CAAC;QAC1B,CAAC;QACD,KAAK,CAAC,SAAS,CAAC,IAAY;YAC1B,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,KAAK,CAAC,UAAU;YACd,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;YACpB,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC;QACD,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,KAAK;YACvC,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,MAAM,eAAe,EAAE,CAAC;YAC1B,CAAC;YACD,MAAM,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACjE,CAAC;QACD,KAAK,CAAC,OAAO,CAAC,iBAAiB,GAAG,KAAK;YACrC,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,MAAM,eAAe,EAAE,CAAC;YAC1B,CAAC;YACD,MAAM,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/D,CAAC;QACD,KAAK,CAAC,UAAU;YACd,MAAM,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC9C,CAAC;QACD,KAAK,CAAC,uBAAuB,CAAC,WAAW,GAAG,KAAK;YAC/C,IAAI,QAAQ,GAAG,gBAAgB,CAAC;YAEhC,IAAI,WAAW,EAAE,CAAC;gBAChB,QAAQ,IAAI,eAAe,CAAC;YAC9B,CAAC;YAED,MAAM,eAAe,EAAE,CAAC;YACxB,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;QACxC,CAAC;QACD,KAAK,CAAC,2BAA2B;YAC/B,MAAM,eAAe,EAAE,CAAC;YAExB,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CACtC,6CAA6C,CAC9C,CAAC;YACF,OAAO,iBAAiB,CAAC;QAC3B,CAAC;QAED,KAAK,CAAC,6BAA6B;YACjC,MAAM,eAAe,EAAE,CAAC;YAExB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;YAC9D,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC;YAEpD,IAAI,CAAC,aAAa,EAAE,CAAC;gBACnB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;YACjD,CAAC;YACD,MAAM,aAAa,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;YAClD,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,KAAK,CAAC,qBAAqB;YACzB,MAAM,eAAe,EAAE,CAAC;YACxB,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;YAChE,MAAM,iBAAiB,GAAG,MAAM,WAAW,CAAC,aAAa,EAAE,CAAC;YAE5D,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;YACjD,CAAC;YAED,MAAM,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;YAExD,OAAO,WAAW,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACzC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QAC9B,IAAI,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACtD,MAAM,KAAK,CAAC;;;;;OAKX,CAAC,CAAC;YAEH,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACzC,MAAM,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAE5C,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,aAAa,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACjE,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,2BAA2B,EAAE,CAAC;YAEjE,MAAM,CAAC,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACtC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YACtC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,sBAAsB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACrD,MAAM,KAAK,CAAC;;;;;OAKX,CAAC,CAAC;YAEH,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAE/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YACvC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAE9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YAExC,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,aAAa,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACjE,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,2BAA2B,EAAE,CAAC;YAEjE,MAAM,CAAC,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACtC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YACtC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACtD,MAAM,KAAK,CAAC;;MAEZ,CAAC,CAAC;YAEF,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAE/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAEvC,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,oBAAoB,GACxB,MAAM,UAAU,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;YACjD,MAAM,CAAC,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAE7C,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,6BAA6B,EAAE,CAAC;YACjE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;YACpC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,mBAAmB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YAClD,MAAM,KAAK,CAAC;;OAEX,CAAC,CAAC;YAEH,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YACvC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YACxC,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,KAAK,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACzD,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAE9B,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,2BAA2B,EAAE,CAAC;YACjE,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YACtC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACjD,MAAM,KAAK,CAAC;;;;;OAKX,CAAC,CAAC;YAEH,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YAEnC,MAAM,CAAC,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAEnE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,MAAM,CACV,MAAM,UAAU,CAAC,6BAA6B,EAAE,CACjD,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACzD,MAAM,KAAK,CAAC;;;;OAIX,CAAC,CAAC;YAEH,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACrC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAE9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YACxC,MAAM,UAAU,CAAC,qBAAqB,EAAE,CAAC;YAEzC,MAAM,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAC/B,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,MAAM,CACV,MAAM,UAAU,CAAC,6BAA6B,EAAE,CACjD,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YAC5D,MAAM,KAAK,CAAC;;;;MAIZ,CAAC,CAAC;YAEF,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACrC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAE9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YAExC,MAAM,CAAC,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAEnE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,qBAAqB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACzE,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAChE,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC7D,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YAEzD,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACxE,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC/D,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACxD,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC9D,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,yBAAyB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACxD,MAAM,KAAK,CAAC;;;;MAIZ,CAAC,CAAC;YAEF,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,6BAA6B,EAAE,CAAC;YAEjE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;YAEpC,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACxE,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACxD,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iCAAiC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YAChE,MAAM,KAAK,CAAC;;MAEZ,CAAC,CAAC;YAEF,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACrC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAE9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YACxC,MAAM,UAAU,CAAC,qBAAqB,EAAE,CAAC;YAEzC,MAAM,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAC/B,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,6BAA6B,EAAE,CAAC;YAEjE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;YAEpC,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACxE,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACxD,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;QAC5B,IAAI,CAAC,sBAAsB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACrD,MAAM,KAAK,CAAC;;;;SAIT,CAAC,CAAC;YAEL,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAChC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAE9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YACxC,MAAM,UAAU,CAAC,qBAAqB,EAAE,CAAC;YAEzC,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,qBAAqB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACzE,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACzD,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAE3D,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;YAE3B,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACxE,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACxD,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACjD,MAAM,KAAK,CAAC;;;;SAIT,CAAC,CAAC;YAEL,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,6BAA6B,EAAE,CAAC;YAEjE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;YAEpC,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;YAE3B,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACxE,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACxD,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACzD,MAAM,KAAK,CAAC;;QAEV,CAAC,CAAC;YAEJ,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACrC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAE9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YACxC,MAAM,UAAU,CAAC,qBAAqB,EAAE,CAAC;YAEzC,MAAM,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAC/B,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,6BAA6B,EAAE,CAAC;YAEjE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;YAEpC,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;YAE3B,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACxE,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACxD,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YAC5D,MAAM,KAAK,CAAC;;;;MAIZ,CAAC,CAAC;YAEF,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACrC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAE9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YAExC,MAAM,CAAC,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAEnE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,qBAAqB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACzE,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAChE,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACzD,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAE7D,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;YAE3B,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACxE,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC/D,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC5D,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QAC1D,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,yBAAyB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACxD,MAAM,KAAK,CAAC;;;;QAIV,CAAC,CAAC;YAEJ,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,6BAA6B,EAAE,CAAC;YAEjE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,qBAAqB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACzE,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAChE,MAAM,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YAEzD,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;YAE3B,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iCAAiC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YAChE,MAAM,KAAK,CAAC;;QAEV,CAAC,CAAC;YAEJ,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAC9B,MAAM,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACrC,MAAM,UAAU,CAAC,UAAU,EAAE,CAAC;YAE9B,MAAM,UAAU,CAAC,oBAAoB,EAAE,CAAC;YACxC,MAAM,UAAU,CAAC,qBAAqB,EAAE,CAAC;YAEzC,MAAM,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAC/B,MAAM,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,6BAA6B,EAAE,CAAC;YAEjE,MAAM,UAAU,CAAC,SAAS,EAAE,CAAC;YAE7B,MAAM,oBAAoB,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;YACxE,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;YACxD,MAAM,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAE/D,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;YAE3B,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect, Locator } from '@playwright/test';\nimport { test } from '@utils/test';\n\nfunction selectController(select: Locator) {\n  const input = select.locator('input');\n  const dropdown = select.locator('ix-dropdown');\n  const dropdownChevron = select.locator('ix-icon-button');\n\n  const dropdownVisible = async () => {\n    const element = await dropdown.elementHandle();\n    if (!element) {\n      throw new Error('Dropdown has no open handle');\n    }\n    await element.waitForElementState('stable');\n    await expect(dropdown).toBeVisible();\n  };\n\n  return {\n    async clickDropdownChevron() {\n      await dropdownChevron.click();\n      await dropdownVisible();\n    },\n    async fillInput(text: string) {\n      await input.fill(text);\n    },\n    async focusInput() {\n      await input.click();\n      await expect(input).toBeFocused();\n    },\n    async arrowDown(skipDropdownCheck = false) {\n      if (!skipDropdownCheck) {\n        await dropdownVisible();\n      }\n      await select.page().keyboard.press('ArrowDown', { delay: 50 });\n    },\n    async arrowUp(skipDropdownCheck = false) {\n      if (!skipDropdownCheck) {\n        await dropdownVisible();\n      }\n      await select.page().keyboard.press('ArrowUp', { delay: 50 });\n    },\n    async pressEnter() {\n      await select.page().keyboard.press('Enter');\n    },\n    async getDropdownItemsLocator(onlyVisible = false) {\n      let selector = 'ix-select-item';\n\n      if (onlyVisible) {\n        selector += ':not(.d-none)';\n      }\n\n      await dropdownVisible();\n      return select.locator(selector).all();\n    },\n    async getFocusDropdownItemLocator() {\n      await dropdownVisible();\n\n      const focusDropdownItem = select.locator(\n        'ix-select-item .dropdown-item:focus-visible'\n      );\n      return focusDropdownItem;\n    },\n\n    async getAddItemDropdownItemLocator() {\n      await dropdownVisible();\n\n      const addItem = dropdown.locator('ix-dropdown-item.add-item');\n      const addItemHandle = await addItem.elementHandle();\n\n      if (!addItemHandle) {\n        throw new Error('Dropdown has no open handle');\n      }\n      await addItemHandle.waitForElementState('stable');\n      return addItem;\n    },\n\n    async getItemCheckedLocator() {\n      await dropdownVisible();\n      const itemChecked = select.locator('ix-select-item .checkmark');\n      const itemCheckedHandle = await itemChecked.elementHandle();\n\n      if (!itemCheckedHandle) {\n        throw new Error('Dropdown has no open handle');\n      }\n\n      expect(itemCheckedHandle.waitForElementState('stable'));\n\n      return itemChecked;\n    },\n  };\n}\n\ntest.describe('arrow key navigation', () => {\n  test.describe('ArrowDown', () => {\n    test('input -> slotted item', async ({ mount, page }) => {\n      await mount(`\n        <ix-select>\n          <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n          <ix-select-item value=\"2\" label=\"Item 2\"></ix-select-item>\n        </ix-select>\n      `);\n\n      const select = page.locator('ix-select');\n      const selectCtrl = selectController(select);\n\n      await selectCtrl.focusInput();\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      const dropdownItems = await selectCtrl.getDropdownItemsLocator();\n      const focusItem = await selectCtrl.getFocusDropdownItemLocator();\n\n      expect(dropdownItems).toHaveLength(2);\n      await expect(focusItem).toBeFocused();\n      await expect(focusItem).toHaveText('Item 2');\n    });\n\n    test('slot -> dynamic item', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable>\n          <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n          <ix-select-item value=\"2\" label=\"Item 2\"></ix-select-item>\n        </ix-select>\n      `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('New Item');\n      await selectCtrl.pressEnter();\n\n      await selectCtrl.clickDropdownChevron();\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      const dropdownItems = await selectCtrl.getDropdownItemsLocator();\n      const focusItem = await selectCtrl.getFocusDropdownItemLocator();\n\n      expect(dropdownItems).toHaveLength(3);\n      await expect(focusItem).toBeFocused();\n      await expect(focusItem).toHaveText('New Item');\n    });\n\n    test('input -> dynamic item', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable></ix-select>\n     `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('New Item');\n\n      await selectCtrl.arrowDown();\n\n      const visibleDropdownItems =\n        await selectCtrl.getDropdownItemsLocator(true);\n      expect(visibleDropdownItems).toHaveLength(0);\n\n      const addItem = await selectCtrl.getAddItemDropdownItemLocator();\n      await expect(addItem).toBeFocused();\n      await expect(addItem).toHaveText('New Item');\n    });\n\n    test('input -> add item', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable></ix-select>\n      `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('New Item');\n      await selectCtrl.pressEnter();\n      await selectCtrl.clickDropdownChevron();\n      await selectCtrl.arrowDown();\n\n      const items = await selectCtrl.getDropdownItemsLocator();\n      expect(items).toHaveLength(1);\n\n      const focusItem = await selectCtrl.getFocusDropdownItemLocator();\n      await expect(focusItem).toBeFocused();\n      await expect(focusItem).toHaveText('New Item');\n    });\n\n    test('slot -> add item', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable>\n          <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n          <ix-select-item value=\"2\" label=\"Item 2\"></ix-select-item>\n        </ix-select>\n      `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('Item');\n\n      expect(await selectCtrl.getDropdownItemsLocator()).toHaveLength(2);\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      await expect(\n        await selectCtrl.getAddItemDropdownItemLocator()\n      ).toBeFocused();\n    });\n\n    test('dynamic item -> add item', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable>\n          <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n        </ix-select>\n      `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('Item 2');\n      await selectCtrl.pressEnter();\n\n      await selectCtrl.clickDropdownChevron();\n      await selectCtrl.getItemCheckedLocator();\n\n      await selectCtrl.fillInput('');\n      await selectCtrl.fillInput('I');\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      await expect(\n        await selectCtrl.getAddItemDropdownItemLocator()\n      ).toBeFocused();\n    });\n\n    test('wrap - dynamic item -> slot', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable>\n          <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n        </ix-select>\n     `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('Item 2');\n      await selectCtrl.pressEnter();\n\n      await selectCtrl.clickDropdownChevron();\n\n      expect(await selectCtrl.getDropdownItemsLocator()).toHaveLength(2);\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      const itemsBeforeNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsBeforeNavigation.at(1)!).toHaveText('Item 2');\n      await expect(itemsBeforeNavigation.at(0)!).not.toBeFocused();\n      await expect(itemsBeforeNavigation.at(1)!).toBeFocused();\n\n      await selectCtrl.arrowDown();\n\n      const itemsAfterNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsAfterNavigation.at(0)!).toHaveText('Item 1');\n      await expect(itemsAfterNavigation.at(0)!).toBeFocused();\n      await expect(itemsAfterNavigation.at(1)!).not.toBeFocused();\n    });\n\n    test('wrap - add item -> slot', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable>\n          <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n        </ix-select>\n     `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('I');\n\n      const addItem = await selectCtrl.getAddItemDropdownItemLocator();\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      await expect(addItem).toBeFocused();\n\n      await selectCtrl.arrowDown();\n\n      const itemsAfterNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsAfterNavigation.at(0)!).toBeFocused();\n      await expect(itemsAfterNavigation.at(0)!).toHaveText('Item 1');\n    });\n\n    test('wrap - add item -> dynamic item', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable></ix-select>\n     `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('Item 1');\n      await selectCtrl.pressEnter();\n\n      await selectCtrl.clickDropdownChevron();\n      await selectCtrl.getItemCheckedLocator();\n\n      await selectCtrl.fillInput('');\n      await selectCtrl.fillInput('I');\n\n      const addItem = await selectCtrl.getAddItemDropdownItemLocator();\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      await expect(addItem).toBeFocused();\n\n      await selectCtrl.arrowDown();\n\n      const itemsAfterNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsAfterNavigation.at(0)!).toBeFocused();\n      await expect(itemsAfterNavigation.at(0)!).toHaveText('Item 1');\n    });\n  });\n\n  test.describe('ArrowUp', () => {\n    test('dynamic item -> slot', async ({ mount, page }) => {\n      await mount(`\n          <ix-select editable>\n            <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n          </ix-select>\n        `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('I');\n      await selectCtrl.pressEnter();\n\n      await selectCtrl.clickDropdownChevron();\n      await selectCtrl.getItemCheckedLocator();\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      const itemsBeforeNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsBeforeNavigation.at(1)!).toBeFocused();\n      await expect(itemsBeforeNavigation.at(1)!).toHaveText('I');\n\n      await selectCtrl.arrowUp();\n\n      const itemsAfterNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsAfterNavigation.at(0)!).toBeFocused();\n      await expect(itemsAfterNavigation.at(0)!).toHaveText('Item 1');\n    });\n\n    test('add item -> slot', async ({ mount, page }) => {\n      await mount(`\n          <ix-select editable>\n            <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n          </ix-select>\n        `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('I');\n\n      const addItem = await selectCtrl.getAddItemDropdownItemLocator();\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      await expect(addItem).toBeFocused();\n\n      await selectCtrl.arrowUp();\n\n      const itemsAfterNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsAfterNavigation.at(0)!).toBeFocused();\n      await expect(itemsAfterNavigation.at(0)!).toHaveText('Item 1');\n    });\n\n    test('add item -> dynamic item', async ({ mount, page }) => {\n      await mount(`\n          <ix-select editable></ix-select>\n       `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('Item 1');\n      await selectCtrl.pressEnter();\n\n      await selectCtrl.clickDropdownChevron();\n      await selectCtrl.getItemCheckedLocator();\n\n      await selectCtrl.fillInput('');\n      await selectCtrl.fillInput('I');\n\n      const addItem = await selectCtrl.getAddItemDropdownItemLocator();\n\n      await selectCtrl.arrowDown();\n      await selectCtrl.arrowDown();\n\n      await expect(addItem).toBeFocused();\n\n      await selectCtrl.arrowUp();\n\n      const itemsAfterNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsAfterNavigation.at(0)!).toBeFocused();\n      await expect(itemsAfterNavigation.at(0)!).toHaveText('Item 1');\n    });\n\n    test('wrap - slot -> dynamic item', async ({ mount, page }) => {\n      await mount(`\n        <ix-select editable>\n          <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n        </ix-select>\n     `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('Item 2');\n      await selectCtrl.pressEnter();\n\n      await selectCtrl.clickDropdownChevron();\n\n      expect(await selectCtrl.getDropdownItemsLocator()).toHaveLength(2);\n\n      await selectCtrl.arrowDown();\n\n      const itemsBeforeNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsBeforeNavigation.at(0)!).toHaveText('Item 1');\n      await expect(itemsBeforeNavigation.at(0)!).toBeFocused();\n      await expect(itemsBeforeNavigation.at(1)!).not.toBeFocused();\n\n      await selectCtrl.arrowUp();\n\n      const itemsAfterNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsAfterNavigation.at(1)!).toHaveText('Item 2');\n      await expect(itemsAfterNavigation.at(0)!).not.toBeFocused();\n      await expect(itemsAfterNavigation.at(1)!).toBeFocused();\n    });\n\n    test('wrap - slot -> add-item', async ({ mount, page }) => {\n      await mount(`\n          <ix-select editable>\n            <ix-select-item value=\"1\" label=\"Item 1\"></ix-select-item>\n          </ix-select>\n       `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('I');\n\n      const addItem = await selectCtrl.getAddItemDropdownItemLocator();\n\n      await selectCtrl.arrowDown();\n\n      const itemsBeforeNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsBeforeNavigation.at(0)!).toHaveText('Item 1');\n      await expect(itemsBeforeNavigation.at(0)!).toBeFocused();\n\n      await selectCtrl.arrowUp();\n\n      await expect(addItem).toBeFocused();\n    });\n\n    test('wrap - dynamic item -> add item', async ({ mount, page }) => {\n      await mount(`\n          <ix-select editable></ix-select>\n       `);\n\n      const selectCtrl = selectController(page.locator('ix-select'));\n      await selectCtrl.focusInput();\n      await selectCtrl.fillInput('Item 1');\n      await selectCtrl.pressEnter();\n\n      await selectCtrl.clickDropdownChevron();\n      await selectCtrl.getItemCheckedLocator();\n\n      await selectCtrl.fillInput('');\n      await selectCtrl.fillInput('I');\n\n      const addItem = await selectCtrl.getAddItemDropdownItemLocator();\n\n      await selectCtrl.arrowDown();\n\n      const itemsAfterNavigation = await selectCtrl.getDropdownItemsLocator();\n      await expect(itemsAfterNavigation.at(0)!).toBeFocused();\n      await expect(itemsAfterNavigation.at(0)!).toHaveText('Item 1');\n\n      await selectCtrl.arrowUp();\n\n      await expect(addItem).toBeFocused();\n    });\n  });\n});\n"]}

package/dist/collection/components/select/test/select.ct.js

@@ -278,264 +278,6 @@ test('pass object as value and check if it is selectable', async ({ mount, page,
     await expect(page.getByRole('button', { name: 'Item 3' })).toBeVisible();
     await expect(page.getByRole('button', { name: 'Item 3' }).locator('ix-icon')).toBeVisible();
 });
-test.describe('arrow key navigation', () => {
-    const expectFocusMoved = async (direction, pattern, page) => {
-        const selector = `.dropdown-item:nth-of-type(${pattern}):focus-visible`;
-        await page.keyboard.press(direction);
-        await page.locator(selector);
-        await expect(page.locator(selector)).toBeFocused();
-    };
-    test.describe('ArrowDown', () => {
-        test('input -> slotted item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-          <ix-select-item value="2" label="Item 2">Test</ix-select-item>
-        </ix-select>
-      `);
-            await page.locator('ix-select input').click();
-            await expectFocusMoved('ArrowDown', '1', page);
-        });
-        test('input -> dynamic item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable></ix-select>
-     `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('I');
-            await page.waitForSelector('.add-item');
-            await expectFocusMoved('ArrowDown', '1', page);
-        });
-        test('input -> add item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable></ix-select>
-      `);
-            await page.waitForSelector('ix-select');
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('I');
-            await page.keyboard.down('Enter');
-            await page.locator('ix-icon-button').click();
-            await page.waitForSelector('.checkmark');
-            await expectFocusMoved('ArrowDown', '1', page);
-        });
-        test('slot -> dynamic item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-          <ix-select-item value="2" label="Item 2">Test</ix-select-item>
-        </ix-select>
-      `);
-            await page.waitForSelector('ix-select');
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await page.keyboard.down('I');
-            await page.keyboard.down('Enter');
-            await page.locator('ix-icon-button').click();
-            await page.waitForSelector('ix-dropdown');
-            await expectFocusMoved('ArrowDown', '1', page);
-            await expectFocusMoved('ArrowDown', 'odd', page);
-            await page.keyboard.down('ArrowDown');
-            const itemThree = page.locator('ix-select-item').last();
-            await expect(itemThree).toBeFocused();
-        });
-        test('slot -> add item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-          <ix-select-item value="2" label="Item 2">Test</ix-select-item>
-        </ix-select>
-      `);
-            await page.waitForSelector('ix-select');
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await page.keyboard.down('I');
-            await page.waitForSelector('.dropdown-item-icon');
-            await expectFocusMoved('ArrowDown', '1', page);
-            await expectFocusMoved('ArrowDown', 'odd', page);
-            await page.keyboard.press('ArrowDown');
-            const addItem = page.locator('.add-item');
-            await expect(addItem).toBeFocused();
-        });
-        test('dynamic item -> add item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-        </ix-select>
-      `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('Item 2');
-            await page.keyboard.down('Enter');
-            await page.locator('ix-icon-button').click();
-            await page.waitForSelector('.checkmark');
-            await input.clear();
-            await input.fill('I');
-            await page.waitForSelector('.add-item');
-            await expectFocusMoved('ArrowDown', '1', page);
-            await expectFocusMoved('ArrowDown', 'odd', page);
-            await page.keyboard.down('ArrowDown');
-            const addItem = page.locator('.add-item');
-            await expect(addItem).toBeFocused();
-        });
-        test('wrap - dynamic item -> slot', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-        </ix-select>
-     `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('Item 2');
-            await page.keyboard.press('Enter');
-            await input.clear();
-            await page.keyboard.down('ArrowDown');
-            await page.waitForSelector('ix-dropdown');
-            await page.keyboard.down('ArrowDown');
-            const itemTwo = page.locator('ix-select-item').nth(1);
-            await expect(itemTwo).toBeFocused();
-            await expectFocusMoved('ArrowDown', '1', page);
-        });
-        test('wrap - add item -> slot', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-        </ix-select>
-     `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('I');
-            await page.waitForSelector('.add-item');
-            await page.keyboard.down('ArrowDown');
-            await page.keyboard.down('ArrowDown');
-            const addItem = page.locator('.add-item');
-            await expect(addItem).toBeFocused();
-            await expectFocusMoved('ArrowDown', '1', page);
-        });
-        test('wrap - add item -> dynamic item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable></ix-select>
-     `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('Item 1');
-            await page.keyboard.press('Enter');
-            await page.locator('ix-icon-button').click();
-            await page.waitForSelector('.checkmark');
-            await input.clear();
-            await input.fill('I');
-            await page.waitForSelector('.add-item');
-            await page.keyboard.down('ArrowDown');
-            await page.keyboard.down('ArrowDown');
-            const addItem = page.locator('.add-item');
-            await expect(addItem).toBeFocused();
-            await expectFocusMoved('ArrowDown', '1', page);
-        });
-    });
-    test.describe('ArrowUp', () => {
-        test('dynamic item -> slot', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-        </ix-select>
-      `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('I');
-            await page.keyboard.down('Enter');
-            await page.locator('ix-icon-button').click();
-            await page.waitForSelector('.checkmark');
-            await expectFocusMoved('ArrowDown', '1', page);
-            await expectFocusMoved('ArrowDown', 'odd', page);
-            await expectFocusMoved('ArrowUp', '1', page);
-        });
-        test('add item -> slot', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-        </ix-select>
-      `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('I');
-            await page.waitForSelector('.add-item');
-            await expectFocusMoved('ArrowDown', '1', page);
-            await page.keyboard.down('ArrowDown');
-            const addItem = page.locator('.add-item');
-            await expect(addItem).toBeFocused();
-            await expectFocusMoved('ArrowUp', '1', page);
-        });
-        test('add item -> dynamic item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable></ix-select>
-      `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('Item 1');
-            await page.keyboard.press('Enter');
-            await page.locator('ix-icon-button').click();
-            await page.waitForSelector('.checkmark');
-            await input.clear();
-            await input.fill('I');
-            await page.waitForSelector('.add-item');
-            await expectFocusMoved('ArrowDown', '1', page);
-            await page.keyboard.down('ArrowDown');
-            const addItem = page.locator('.add-item');
-            await expect(addItem).toBeFocused();
-            await expectFocusMoved('ArrowUp', '1', page);
-        });
-        test('wrap - slot -> dynamic item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-        </ix-select>
-     `);
-            const input = page.locator('input');
-            await input.focus();
-            await input.fill('Item 2');
-            await page.keyboard.press('Enter');
-            await page.locator('ix-icon-button').click();
-            await page.locator('input').clear();
-            await page.keyboard.down('ArrowDown');
-            await page.keyboard.down('ArrowUp');
-            const itemTwo = page.locator('ix-select-item').last();
-            await expect(itemTwo).toBeFocused();
-        });
-        test('wrap - slot -> add-item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable>
-          <ix-select-item value="1" label="Item 1">Test</ix-select-item>
-        </ix-select>
-     `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('I');
-            await page.waitForSelector('.add-item');
-            await expectFocusMoved('ArrowDown', '1', page);
-            await page.keyboard.down('ArrowUp');
-            const addItem = page.locator('.add-item');
-            await expect(addItem).toBeFocused();
-        });
-        test('wrap - dynamic item -> add item', async ({ mount, page }) => {
-            await mount(`
-        <ix-select editable></ix-select>
-     `);
-            const input = page.locator('ix-select input');
-            await input.focus();
-            await input.fill('Item 1');
-            await page.keyboard.press('Enter');
-            await page.locator('ix-icon-button').click();
-            await page.waitForSelector('.checkmark');
-            await input.clear();
-            await input.fill('I');
-            await page.waitForSelector('.add-item');
-            await expectFocusMoved('ArrowDown', '1', page);
-            await page.keyboard.down('ArrowUp');
-            const addItem = page.locator('.add-item');
-            await expect(addItem).toBeFocused();
-        });
-    });
-});
 test('form-ready', async ({ mount, page }) => {
     await mount(`
     <form>
@@ -642,4 +384,110 @@ test('async set content and check input value', async ({ mount, page }) => {
     const input = page.locator('input');
     await expect(input).toHaveValue('Item 1');
 });
+test.describe('Enter selection with non-existing and existing items', () => {
+    test('editable', async ({ mount, page }) => {
+        await mount(`
+      <ix-select editable>
+        <ix-select-item value="1" label="Item 1">Test</ix-select-item>
+        <ix-select-item value="2" label="Item 2">Test</ix-select-item>
+      </ix-select>
+    `);
+        const selectElement = page.locator('ix-select');
+        const input = selectElement.locator('input');
+        await input.fill('Item 1');
+        await page.keyboard.press('Enter');
+        await expect(input).toHaveValue('Item 1');
+        await input.fill('Item 3');
+        await page.keyboard.press('Enter');
+        await expect(input).toHaveValue('Item 3');
+    });
+    test('non-editable', async ({ mount, page }) => {
+        await mount(`
+      <ix-select>
+        <ix-select-item value="1" label="Item 1">Test</ix-select-item>
+        <ix-select-item value="2" label="Item 2">Test</ix-select-item>
+      </ix-select>
+    `);
+        const selectElement = page.locator('ix-select');
+        const input = selectElement.locator('input');
+        await input.fill('Item 1');
+        await page.keyboard.press('Enter');
+        await expect(input).toHaveValue('Item 1');
+        await input.fill('Item 3');
+        await page.keyboard.press('Enter');
+        await expect(input).toHaveValue('Item 1');
+    });
+});
+test.describe('Dropdown width', () => {
+    test('should be 25rem when dropdown-width is set to 35rem and dropdown-max-width to 25rem', async ({ mount, page, }) => {
+        await mount(`<ix-select value="1" dropdown-width="35rem" dropdown-max-width="25rem">
+      <ix-select-item label="this is an example for a very long selection option. this is an example for a very long selection option." value="1"></ix-select-item>
+    </ix-select>`);
+        const select = page.locator('ix-select');
+        await page.locator('[data-select-dropdown]').click();
+        const dropdown = select.locator('ix-dropdown');
+        await expect(dropdown).toBeVisible();
+        const box = await dropdown.boundingBox();
+        expect(box === null || box === void 0 ? void 0 : box.width).toBe(16 * 25);
+    });
+    test('should be 25rem when dropdown-width is set to 25 and dropdown-max-width to 35rem', async ({ mount, page, }) => {
+        await mount(`<ix-select value="1" dropdown-width="25rem" dropdown-max-width="35rem">
+      <ix-select-item label="this is an example for a very long selection option. this is an example for a very long selection option." value="1"></ix-select-item>
+    </ix-select>`);
+        const select = page.locator('ix-select');
+        await page.locator('[data-select-dropdown]').click();
+        const dropdown = select.locator('ix-dropdown');
+        await expect(dropdown).toBeVisible();
+        const box = await dropdown.boundingBox();
+        expect(box === null || box === void 0 ? void 0 : box.width).toBe(16 * 25);
+    });
+    test('should be 25rem when dropdown-width is set to 25 and dropdown-max-width is not set', async ({ mount, page, }) => {
+        await mount(`<ix-select value="1" dropdown-width="25rem">
+      <ix-select-item label="this is an example for a very long selection option. this is an example for a very long selection option." value="1"></ix-select-item>
+    </ix-select>`);
+        const select = page.locator('ix-select');
+        await page.locator('[data-select-dropdown]').click();
+        const dropdown = select.locator('ix-dropdown');
+        await expect(dropdown).toBeVisible();
+        const box = await dropdown.boundingBox();
+        expect(box === null || box === void 0 ? void 0 : box.width).toBe(16 * 25);
+    });
+    test('should be 35rem when dropdown-width is not set and dropdown-max-width is set to 35rem', async ({ mount, page, }) => {
+        await mount(`<ix-select value="1" dropdown-max-width="35rem">
+      <ix-select-item label="this is an example for a very long selection option. this is an example for a very long selection option." value="1"></ix-select-item>
+    </ix-select>`);
+        const select = page.locator('ix-select');
+        await page.locator('[data-select-dropdown]').click();
+        const dropdown = select.locator('ix-dropdown');
+        await expect(dropdown).toBeVisible();
+        const box = await dropdown.boundingBox();
+        expect(box === null || box === void 0 ? void 0 : box.width).toBe(16 * 35);
+    });
+    test('should be 100% when dropdown-width and dropdown-max-width are not set', async ({ mount, page, }) => {
+        var _a;
+        await mount(`<ix-select value="1">
+      <ix-select-item label="this is an example for a very long selection option. this is an example for a very long selection option. this is an example for a very long selection option. this is an example for a very long selection option. this is an example for a very long selection option." value="1"></ix-select-item>
+    </ix-select>`);
+        const select = page.locator('ix-select');
+        await page.locator('[data-select-dropdown]').click();
+        const dropdown = select.locator('ix-dropdown');
+        await expect(dropdown).toBeVisible();
+        const box = await dropdown.boundingBox();
+        const pageWidth = (_a = page.viewportSize()) === null || _a === void 0 ? void 0 : _a.width;
+        expect(box === null || box === void 0 ? void 0 : box.width).toBe(pageWidth);
+    });
+});
+test('should be 100% when dropdown-max-width is greater than the viewport width', async ({ mount, page, }) => {
+    var _a;
+    await mount(`<ix-select value="1" dropdown-max-width="10000rem">
+    <ix-select-item label="this is an example for a very long selection option. this is an example for a very long selection option. this is an example for a very long selection option. this is an example for a very long selection option. this is an example for a very long selection option." value="1"></ix-select-item>
+  </ix-select>`);
+    const select = page.locator('ix-select');
+    await page.locator('[data-select-dropdown]').click();
+    const dropdown = select.locator('ix-dropdown');
+    await expect(dropdown).toBeVisible();
+    const box = await dropdown.boundingBox();
+    const pageWidth = (_a = page.viewportSize()) === null || _a === void 0 ? void 0 : _a.width;
+    expect(box === null || box === void 0 ? void 0 : box.width).toBe(pageWidth);
+});
 //# sourceMappingURL=select.ct.js.map