@malva-ui/core 0.1.12

package/esm2022/search-field/lib/search-field/search-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../../../../../libs/core/search-field/src/lib/search-field/search-field.ts","../../../../../../../libs/core/search-field/src/lib/search-field/search-field.html"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,eAAe,EACf,MAAM,EACN,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EACL,SAAS,EACT,aAAa,EACb,cAAc,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;;;AAoEtE;;;GAGG;AACH,MAAM,eAAe,GAAG,IAAI,GAAG,CAA0C;IACvE,CAAC,SAAS,EAAE,IAAI,CAAC;IACjB,CAAC,WAAW,EAAE,MAAM,CAAC;IACrB,CAAC,MAAM,EAAE,MAAM,CAAC;IAChB,CAAC,KAAK,EAAE,KAAK,CAAC;IACd,CAAC,QAAQ,EAAE,QAAQ,CAAC;IACpB,CAAC,UAAU,EAAE,UAAU,CAAC;CACzB,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAkC;IACnE,IAAI;IACJ,MAAM;IACN,QAAQ;IACR,UAAU;CACX,CAAC,CAAC;AAEH;;;GAGG;AAqCH,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IACpD,gEAAgE;IACvD,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC,CAAC;IAEnC;;;OAGG;IACM,OAAO,GAAG,KAAK,CAAwB,MAAM;gFAAC,CAAC;IAExD;;;;OAIG;IACM,QAAQ,GAAG,KAAK,CAA0B,GAAG,gFACpD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,GAC9D,CAAC;IAEH,yEAAyE;IAChE,WAAW,GAAG,KAAK,CAAqB,SAAS;oFAAC,CAAC;IAE5D,2EAA2E;IAClE,SAAS,GAAG,KAAK,CAAqB,SAAS;kFAAC,CAAC;IAE1D,6DAA6D;IACpD,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFACpD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;OAIG;IACM,OAAO,GAAG,KAAK,CAAwB,KAAK,+EACnD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;;;;OAOG;IACM,UAAU,GAAG,KAAK,CAAwB,IAAI,kFACrD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH,mEAAmE;IAC1D,SAAS,GAAG,KAAK,CAAwB,IAAI,iFACpD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;;OAKG;IACM,aAAa,GAAG,KAAK,CAAwB,IAAI,qFACxD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;OAIG;IACM,YAAY,GAAG,KAAK,CAA6B,OAAO;qFAAC,CAAC;IAEnE;;;;;;;;;OASG;IACM,OAAO,GAAG,KAAK,CAAwB,KAAK,+EACnD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;;;;;;;;;;;;;;;OAkBG;IACM,IAAI,GAAG,KAAK,CAAqB,WAAW;6EAAC,CAAC;IAEvD;;;OAGG;IACM,YAAY,GAAG,KAAK,CAAgB,IAAI;qFAAC,CAAC;IAEnD;;;;OAIG;IACM,oBAAoB,GAAG,KAAK,CAAgB,IAAI;6FAAC,CAAC;IAE3D;;;;OAIG;IACM,gBAAgB,GAAG,KAAK,CAC/B,IAAI;yFACL,CAAC;IAEF;;;;;;OAMG;IACM,YAAY,GAAG,KAAK,CAAiB,IAAI;qFAAC,CAAC;IAEpD,0EAA0E;IAC1E,yEAAyE;IACzE,8EAA8E;IAC9E,4DAA4D;IACnD,MAAM,GAAG,MAAM,EAAU,CAAC;IAEnC;;;;;;;;;;;;OAYG;IACM,QAAQ,GAAG,MAAM,EAA+B,CAAC;IAE1D;;;;;;;;;;;;;OAaG;IACM,MAAM,GAAG,MAAM,EAA6B,CAAC;IAEtD,2DAA2D;IACxC,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAEzD,8EAA8E;IAC3D,kBAAkB,GAAG,YAAY,CAClD,0BAA0B;2FAC3B,CAAC;IAEF,yEAAyE;IACtD,gBAAgB,GACjC,SAAS,CAAuB,iBAAiB;yFAAC,CAAC;IAErD;;;OAGG;IACgB,eAAe,GAAG,QAAQ,CAC3C,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,MAAM;wFACvD,CAAC;IAEF,qEAAqE;IAClD,eAAe,GAAG,QAAQ,CAC3C,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE;QACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;QACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;QACvB,WAAW,EAAE,IAAI,CAAC,oBAAoB,EAAE;QACxC,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAAE;QACpC,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QACvD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;QACvC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1B,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;KAC1B,CAAC;wFACH,CAAC;IAEF,6EAA6E;IAC1D,oBAAoB,GAAG,QAAQ,CAChD,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW;6FACrD,CAAC;IAEF,6EAA6E;IAC1D,kBAAkB,GAAG,QAAQ,CAC9C,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM;2FAC9C,CAAC;IAEF;;;;;OAKG;IACgB,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC/C,IAAI,CAAC,IAAI,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;sFAC/C,CAAC;IAEF;;;;;OAKG;IACgB,qBAAqB,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;8FAC7D,CAAC;IAEF,wEAAwE;IACrD,UAAU,GAAG,QAAQ,CACtC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;mFACtE,CAAC;IAEF;;;;;OAKG;IACgB,iBAAiB,GAAG,QAAQ,CAC7C,GAAG,EAAE,CACH,IAAI,CAAC,OAAO,EAAE,KAAK,QAAQ;QAC3B,IAAI,CAAC,UAAU,EAAE;QACjB,CAAC,IAAI,CAAC,eAAe,EAAE;0FAC1B,CAAC;IAEF;;;;;;OAMG;IACgB,gBAAgB,GAAG,QAAQ,CAC5C,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE;yFAChC,CAAC;IAEF;;;;;OAKG;IACgB,qBAAqB,GAAG,QAAQ,CACjD,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;8FAClD,CAAC;IAEF,6EAA6E;IACrE,cAAc,GAAkB,IAAI,CAAC;IAE7C,0EAA0E;IAClE,iBAAiB,CAAqB;IAE9C,4EAA4E;IACpE,aAAa,GAAyC,IAAI,CAAC;IAEnE,wEAAwE;IAC5C,cAAc,GAAG,4BAA4B,CAAC;IAE1E,sDAAsD;IACnC,mBAAmB;QACpC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACjC,CAAC;IAED,kFAAkF;IAC/D,sBAAsB;QACvC,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC;IAC3C,CAAC;IAED,qFAAqF;IAClE,wBAAwB;QACzC,OAAO;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,gCAAgC;SAC7C,CAAC;IACJ,CAAC;IAED,gEAAgE;IAChE;QACE,KAAK,EAAE,CAAC;QAER,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAC3B,IAAI,IAAI,CAAC,iBAAiB,KAAK,KAAK,EAAE,CAAC;gBACrC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;gBACnC,OAAO;YACT,CAAC;YAED,qEAAqE;YACrE,oEAAoE;YACpE,4BAA4B;YAC5B,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;YACnC,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,0EAA0E;IAChE,YAAY;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE;YAAE,OAAO;QAExE,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED;;;;;;;;;;;OAWG;IACO,eAAe,CAAC,KAAY;QACpC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,YAAY,gBAAgB,CAAC;YAAE,OAAO;QAExD,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;;;;OAKG;IACO,eAAe,CAAC,KAAY;QACpC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAEvD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;;;;;OAMG;IACO,kBAAkB;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;YAChC,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,gFAAgF;IACtE,eAAe,CAAC,KAAY;QACpC,IAAI,CAAC,CAAC,KAAK,YAAY,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW;YAAE,OAAO;QAEnE,uEAAuE;QACvE,0CAA0C;QAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,iFAAiF;IACvE,cAAc,CAAC,KAAa;QACpC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAE5B,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,MAAM,EAAE,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED;;;;;;;OAOG;IACO,QAAQ,CAAC,KAAY;QAC7B,IAAI,CAAC,CAAC,KAAK,YAAY,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW;YAAE,OAAO;QAEnE,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC;YAAE,OAAO;QAE/C,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,QAAQ;YAAE,OAAO;QAExC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED;;;;;OAKG;IACO,gBAAgB,CAAC,KAAY;QACrC,IAAI,CAAC,CAAC,KAAK,YAAY,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW;YAAE,OAAO;QACnE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAE1D,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACjD,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO;QAEpC,IAAI,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACvC,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,gFAAgF;IACtE,cAAc,CAAC,KAAiB;QACxC,IAAI,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC;YAAE,OAAO;QAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED;;;;;;OAMG;IACK,sBAAsB,CAAC,KAAiC;QAC9D,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE;YAAE,OAAO,KAAK,CAAC;QAEpD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QACjD,OAAO,KAAK,CAAC,gBAAgB,CAAC;IAChC,CAAC;IAED,0EAA0E;IAChE,OAAO;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;YACrE,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,4EAA4E;IAClE,MAAM;QACd,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAE5B,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,+EAA+E;IACvE,aAAa,CAAC,KAAa;QACjC,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;gBAClD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;IAED,2EAA2E;IACnE,SAAS,CAAC,KAAa;QAC7B,IAAI,KAAK,KAAK,IAAI,CAAC,cAAc;YAAE,OAAO;QAE1C,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,uFAAuF;IAC/E,oBAAoB,CAAC,KAAa;QACxC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,kEAAkE;IAC1D,cAAc;QACpB,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI;YAAE,OAAO;QAExC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;uGAphBU,cAAc;2FAAd,cAAc,o5FAqLvB,0BAA0B,4NCjW9B,giJAkJA,ypHD0Ba,cAAc,oYAjCvB,QAAQ,waACR,SAAS,sJACT,aAAa,iFACb,SAAS,yNACT,YAAY,mFACZ,qBAAqB,yFACrB,oBAAoB,wFACpB,cAAc,6HACd,QAAQ,qIACR,gBAAgB;gBAChB,0EAA0E;gBAC1E,4EAA4E;gBAC5E,UAAU;;2FAqBD,cAAc;kBApC1B,SAAS;+BACE,kBAAkB,WACnB;wBACP,QAAQ;wBACR,SAAS;wBACT,aAAa;wBACb,SAAS;wBACT,YAAY;wBACZ,qBAAqB;wBACrB,oBAAoB;wBACpB,cAAc;wBACd,QAAQ;wBACR,gBAAgB;wBAChB,0EAA0E;wBAC1E,4EAA4E;wBAC5E,UAAU;wBACV,wEAAwE;wBACxE,yEAAyE;wBACzE,gDAAgD;wBAChD,UAAU,CAAC,GAAG,EAAE,eAAe,CAAC;qBACjC,iBAGc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,kBAAkB;wBACzB,oCAAoC,EAAE,YAAY;wBAClD,mCAAmC,EAAE,WAAW;wBAChD,kCAAkC,EAAE,wBAAwB;wBAC5D,gCAAgC,EAAE,2BAA2B;wBAC7D,2CAA2C,EAAE,mBAAmB;wBAChE,wCAAwC,EAAE,UAAU;wBACpD,kBAAkB,EAAE,mBAAmB;qBACxC;w+DAuLC,0BAA0B,2EAKM,iBAAiB","sourcesContent":["import type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport type { PositionStrategy } from '@angular/cdk/overlay';\nimport type { OverlayConfig } from '@angular/cdk/overlay';\nimport type { TemplateRef } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  forwardRef,\n  DestroyRef,\n  effect,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  output,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { LucideSearch } from '@lucide/angular';\nimport { MlvClick } from '@malva-ui/cdk/accessibility';\nimport {\n  MlvButton,\n  MlvButtonIcon,\n  MlvButtonClose,\n} from '@malva-ui/core/button';\nimport {\n  MlvFormControlAppend,\n  MlvFormControlPrepend,\n} from '@malva-ui/core/form-utils';\nimport { MlvInput } from '@malva-ui/core/input';\nimport { MlvLoader } from '@malva-ui/core/loader';\nimport { MlvOverlayHostBase } from '@malva-ui/cdk/overlay';\nimport { MLV_SEARCH_FIELD_I18N } from '@malva-ui/i18n';\nimport { MlvSearchOverlayContentDef } from './search-overlay-content';\nimport type { MlvSearchOverlayContentContext } from './search-overlay-content';\n\n/** Controls when a search field commits the current query. */\nexport type MlvSearchFieldTrigger = 'live' | 'submit';\n\n/**\n * How the field presents itself before an overlay search is opened.\n *\n * - `'field'` — the standard input. With `overlay`, clicking or focusing it\n *   opens the overlay instead of typing inline.\n * - `'icon'` — a circular icon button only. Implies `overlay`, since an icon has\n *   nowhere to type.\n */\nexport type MlvSearchFieldPresentation = 'field' | 'icon';\n\n/**\n * ARIA role applied to the field's underlying `<input>`.\n *\n * - `'searchbox'` (default) — leaves the native `<input type=\"search\">` role\n *   implicit and emits no {@link MlvSearchField.navigate} events.\n * - `'combobox'` — the field drives a popup listbox owned by the consumer.\n *   Stamps `role=\"combobox\"` on the input and turns on the arrow-key hooks.\n */\nexport type MlvSearchFieldRole = 'searchbox' | 'combobox';\n\n/** Values accepted by `aria-autocomplete` on a combobox input. */\nexport type MlvSearchFieldAriaAutocomplete = 'none' | 'list' | 'both';\n\n/** One of the option-navigation keys reported by {@link MlvSearchField.navigate}. */\nexport type MlvSearchFieldNavigateDirection =\n  | 'up'\n  | 'down'\n  | 'home'\n  | 'end'\n  | 'pageUp'\n  | 'pageDown';\n\n/**\n * Payload of {@link MlvSearchField.navigate} — an option-navigation key pressed\n * while the field is acting as a combobox.\n */\nexport interface MlvSearchFieldNavigateEvent {\n  /** Which navigation key was pressed. */\n  readonly direction: MlvSearchFieldNavigateDirection;\n  /**\n   * The originating key event. `up`/`down`/`pageUp`/`pageDown` arrive already\n   * `preventDefault`ed; `home`/`end` do not — call `preventDefault()` on this\n   * event to take the caret keys over as well.\n   */\n  readonly event: KeyboardEvent;\n}\n\n/**\n * Payload of {@link MlvSearchField.commit} — the user asked to act on the\n * current query, through Enter or the submit action.\n */\nexport interface MlvSearchFieldCommitEvent {\n  /** The query at the moment of the commit. */\n  readonly value: string;\n  /**\n   * The originating event. Call `preventDefault()` on it to take the commit\n   * over: the field then skips its own `search` emission and leaves the key\n   * consumed, so a combobox consumer can resolve the active option instead.\n   */\n  readonly event: KeyboardEvent | MouseEvent;\n}\n\n/**\n * Keys that move through a popup listbox, mapped to the direction reported by\n * {@link MlvSearchField.navigate}.\n */\nconst NAVIGATION_KEYS = new Map<string, MlvSearchFieldNavigateDirection>([\n  ['ArrowUp', 'up'],\n  ['ArrowDown', 'down'],\n  ['Home', 'home'],\n  ['End', 'end'],\n  ['PageUp', 'pageUp'],\n  ['PageDown', 'pageDown'],\n]);\n\n/**\n * Directions whose native effect inside a text input fights the listbox — the\n * arrows and page keys jump the caret to the ends of the query or scroll the\n * page. They are consumed on the field's behalf. `home`/`end` are not: in an\n * editable combobox they are the caret keys the WAI-ARIA pattern keeps.\n */\nconst CONSUMED_DIRECTIONS = new Set<MlvSearchFieldNavigateDirection>([\n  'up',\n  'down',\n  'pageUp',\n  'pageDown',\n]);\n\n/**\n * A search-specific text field with either debounced live updates or explicit\n * submission through Enter and a trailing action button.\n */\n@Component({\n  selector: 'mlv-search-field',\n  imports: [\n    MlvInput,\n    MlvButton,\n    MlvButtonIcon,\n    MlvLoader,\n    LucideSearch,\n    MlvFormControlPrepend,\n    MlvFormControlAppend,\n    MlvButtonClose,\n    MlvClick,\n    NgTemplateOutlet,\n    // `cdkTrapFocus` on the overlay panel — `role=\"dialog\" aria-modal=\"true\"`\n    // only holds if focus is actually trapped, as in `mlv-dialog`/`mlv-drawer`.\n    A11yModule,\n    // The overlay's default body is another `mlv-search-field` with overlay\n    // behaviour off. Self-reference needs `forwardRef`: the class is not yet\n    // defined while its own decorator is evaluated.\n    forwardRef(() => MlvSearchField),\n  ],\n  templateUrl: './search-field.html',\n  styleUrl: './search-field.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-search-field',\n    '[class.mlv-search-field--disabled]': 'disabled()',\n    '[class.mlv-search-field--loading]': 'loading()',\n    '[class.mlv-search-field--submit]': 'trigger() === \"submit\"',\n    '[class.mlv-search-field--icon]': 'presentation() === \"icon\"',\n    '[class.mlv-search-field--overlay-enabled]': '_overlayEnabled()',\n    '[class.mlv-search-field--overlay-open]': 'opened()',\n    '[attr.aria-busy]': 'loading() || null',\n  },\n})\nexport class MlvSearchField extends MlvOverlayHostBase {\n  /** Current query. Supports two-way binding with `[(value)]`. */\n  readonly value = model<string>('');\n\n  /**\n   * Search commit strategy. Live mode emits after {@link debounce}; submit\n   * mode emits only from Enter or the submit button.\n   */\n  readonly trigger = input<MlvSearchFieldTrigger>('live');\n\n  /**\n   * Trailing delay, in milliseconds, used by live mode. Negative values are\n   * clamped to zero.\n   * @default 200\n   */\n  readonly debounce = input<number, number | string>(200, {\n    transform: (value) => Math.max(0, numberAttribute(value, 200)),\n  });\n\n  /** Placeholder override. Falls back to the active i18n language pack. */\n  readonly placeholder = input<string | undefined>(undefined);\n\n  /** Accessible input label override. Falls back to the active i18n pack. */\n  readonly ariaLabel = input<string | undefined>(undefined);\n\n  /** Whether the field and all its actions are unavailable. */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Whether a pending-search indicator is shown. The input remains editable\n   * so a newer live query can supersede an in-flight request; explicit submit\n   * activation is blocked until loading completes.\n   */\n  readonly loading = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Whether the trailing submit action is rendered in `submit` mode.\n   *\n   * Set to `false` for a field that commits from Enter alone — the overlay's own\n   * nested field does this, since the overlay already has a leading search icon\n   * and a close action.\n   * @default true\n   */\n  readonly showSubmit = input<boolean, BooleanInput>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Whether a clear action is shown while the field has a value. */\n  readonly clearable = input<boolean, BooleanInput>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Whether clearing also commits the empty query through {@link search}.\n   * Composite controls can disable this while still receiving the cleared\n   * {@link value} model update.\n   * @default true\n   */\n  readonly commitOnClear = input<boolean, BooleanInput>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Visual form of the trigger. `'icon'` renders a circular search button only\n   * and implies {@link overlay}.\n   * @default 'field'\n   */\n  readonly presentation = input<MlvSearchFieldPresentation>('field');\n\n  /**\n   * Opens a full-screen search overlay instead of accepting input inline.\n   *\n   * With `presentation=\"field\"` the visible input becomes a trigger: clicking it\n   * or pressing Enter/Space on it opens the overlay, so the inline input is\n   * rendered read-only to keep it from competing with the overlay's own input.\n   * Focus alone never opens the overlay — see {@link _onTriggerClick}. With\n   * `presentation=\"icon\"` this is always on.\n   * @default false\n   */\n  readonly overlay = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * ARIA role of the underlying `<input>`, and the opt-in switch for the\n   * combobox keyboard hooks.\n   *\n   * `'searchbox'` (the default) changes nothing: the native\n   * `<input type=\"search\">` role stays implicit, no `role` attribute is\n   * rendered, and {@link navigate} never emits. `'combobox'` stamps\n   * `role=\"combobox\"` on the input and starts reporting the option-navigation\n   * keys through {@link navigate}, so a consumer-owned popup listbox can be\n   * driven from the field. Pair it with {@link ariaControls},\n   * {@link ariaExpanded}, {@link ariaAutocomplete} and\n   * {@link ariaActiveDescendant}.\n   *\n   * Only meaningful with `presentation=\"field\"` — `presentation=\"icon\"` renders\n   * a dialog-trigger button, which has no input to carry the role. Likewise\n   * mutually exclusive with {@link overlay}, whose inline trigger is a\n   * read-only dialog opener rather than a text entry.\n   * @default 'searchbox'\n   */\n  readonly role = input<MlvSearchFieldRole>('searchbox');\n\n  /**\n   * Forwarded to `aria-controls` on the input — the DOM id of the popup listbox\n   * this field drives. Required by the combobox pattern; ignored while `null`.\n   */\n  readonly ariaControls = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-activedescendant` on the input — the DOM id of the\n   * currently highlighted option inside the popup. Keep DOM focus on the input\n   * and move this id instead, so typing keeps working while navigating options.\n   */\n  readonly ariaActiveDescendant = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-autocomplete` on the input. Use `'list'` when the popup\n   * suggests options without changing the query, `'both'` when the field also\n   * completes inline. Ignored while `null`.\n   */\n  readonly ariaAutocomplete = input<MlvSearchFieldAriaAutocomplete | null>(\n    null,\n  );\n\n  /**\n   * Forwarded to `aria-expanded` on the input — whether the consumer's popup is\n   * currently open. Required by the combobox pattern.\n   *\n   * Ignored while {@link overlay} is enabled: the inline input is then a dialog\n   * trigger and reports the overlay's own open state instead.\n   */\n  readonly ariaExpanded = input<boolean | null>(null);\n\n  /** Emits a committed query according to the selected trigger strategy. */\n  // `search` is the intentional public event vocabulary for this composite\n  // control; it is emitted on commit, unlike the native input's `search` event.\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  readonly search = output<string>();\n\n  /**\n   * Emits when an option-navigation key is pressed while `role=\"combobox\"`.\n   *\n   * Covers ArrowUp/ArrowDown, PageUp/PageDown and Home/End. The first four are\n   * `preventDefault`ed before the event is handed over — inside a text input\n   * they would otherwise jump the caret to the ends of the query or scroll the\n   * page, which is never what a combobox wants. Home/End are reported without\n   * being consumed, because an editable combobox keeps them as caret keys per\n   * WAI-ARIA; a consumer that wants \"jump to first/last option\" calls\n   * `preventDefault()` on the supplied event itself.\n   *\n   * Never emits while `role=\"searchbox\"`, so the default field is untouched.\n   */\n  readonly navigate = output<MlvSearchFieldNavigateEvent>();\n\n  /**\n   * Emits when the user asks to act on the current query — a non-composing\n   * Enter on the inline input, or the trailing submit action.\n   *\n   * Always emitted *before* the field's own commit, in every `trigger` mode, so\n   * a combobox consumer can resolve the highlighted option instead of running a\n   * plain search: call `preventDefault()` on the supplied event and the field\n   * skips its `search` emission and leaves the key consumed. Left alone, the\n   * existing behaviour runs unchanged — `submit` mode emits `search`, `live`\n   * mode has already emitted through the debounce and Enter still bubbles.\n   *\n   * Not emitted while {@link overlay} is enabled, where Enter opens the dialog\n   * rather than committing, and not emitted while disabled or loading.\n   */\n  readonly commit = output<MlvSearchFieldCommitEvent>();\n\n  /** @protected Reactive strings for the active language. */\n  protected readonly _i18n = inject(MLV_SEARCH_FIELD_I18N);\n\n  /** @protected Consumer template replacing the overlay body, when supplied. */\n  protected readonly _overlayContentDef = contentChild(\n    MlvSearchOverlayContentDef,\n  );\n\n  /** @protected The overlay panel template attached to the CDK overlay. */\n  protected readonly _overlayTemplate =\n    viewChild<TemplateRef<unknown>>('overlayTemplate');\n\n  /**\n   * @protected Whether overlay behaviour is active. `presentation=\"icon\"` forces\n   * it on: an icon button has nowhere to accept text.\n   */\n  protected readonly _overlayEnabled = computed(\n    () => this.overlay() || this.presentation() === 'icon',\n  );\n\n  /** @protected Context handed to a consumer-supplied overlay body. */\n  protected readonly _overlayContext = computed<MlvSearchOverlayContentContext>(\n    () => ({\n      $implicit: this.value(),\n      query: this.value(),\n      loading: this.loading(),\n      placeholder: this._resolvedPlaceholder(),\n      ariaLabel: this._resolvedAriaLabel(),\n      setQuery: (value: string) => this._onValueChange(value),\n      submit: () => this._submitFromOverlay(),\n      clear: () => this._clear(),\n      close: () => this.close(),\n    }),\n  );\n\n  /** @protected Effective placeholder after resolving an explicit override. */\n  protected readonly _resolvedPlaceholder = computed(\n    () => this.placeholder() ?? this._i18n().placeholder,\n  );\n\n  /** @protected Effective input label after resolving an explicit override. */\n  protected readonly _resolvedAriaLabel = computed(\n    () => this.ariaLabel() ?? this._i18n().search,\n  );\n\n  /**\n   * @protected Explicit `role` attribute for the input, or `null` to leave it off.\n   *\n   * `searchbox` is the implicit role of `<input type=\"search\">`, so the default\n   * renders no attribute at all and the DOM stays exactly as it was.\n   */\n  protected readonly _resolvedRole = computed(() =>\n    this.role() === 'combobox' ? 'combobox' : null,\n  );\n\n  /**\n   * @protected Effective `aria-expanded`.\n   *\n   * An overlay-enabled field is a dialog trigger and owns this attribute\n   * itself; otherwise it mirrors the consumer's popup state.\n   */\n  protected readonly _resolvedAriaExpanded = computed(() =>\n    this._overlayEnabled() ? this.opened() : this.ariaExpanded(),\n  );\n\n  /** @protected Whether the clear action should currently be rendered. */\n  protected readonly _showClear = computed(\n    () => this.clearable() && this.value().length > 0 && !this.disabled(),\n  );\n\n  /**\n   * @protected Whether the trailing submit action should be rendered.\n   *\n   * An overlay-enabled field never shows it: the inline input is a trigger, so\n   * there is nothing to submit from it — the query is typed in the overlay.\n   */\n  protected readonly _showSubmitAction = computed(\n    () =>\n      this.trigger() === 'submit' &&\n      this.showSubmit() &&\n      !this._overlayEnabled(),\n  );\n\n  /**\n   * @protected Whether the leading search icon should be rendered.\n   *\n   * The field carries exactly one search glyph: trailing when there is a submit\n   * action to hang it on, leading otherwise. Live mode has no submit action, and\n   * neither does a submit-mode field with {@link showSubmit} turned off.\n   */\n  protected readonly _showLeadingIcon = computed(\n    () => !this._showSubmitAction(),\n  );\n\n  /**\n   * @protected Whether the trailing spinner is rendered as its own element.\n   *\n   * The submit action carries its own loading state, so a second spinner beside\n   * it would be redundant. Without a submit action the field needs one of its own.\n   */\n  protected readonly _showStandaloneLoader = computed(\n    () => this.loading() && !this._showSubmitAction(),\n  );\n\n  /** @private Last query emitted by live mode, used to suppress duplicates. */\n  private _lastLiveQuery: string | null = null;\n\n  /** @private Marks model writes originating from this control's own UI. */\n  private _interactionValue: string | undefined;\n\n  /** @private Pending live-search timer, when a debounce window is active. */\n  private _pendingTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /** @protected Backdrop class; the base appends `--leaving` on close. */\n  protected override readonly _backdropClass = 'mlv-search-field__backdrop';\n\n  /** @protected Attaches the overlay panel template. */\n  protected override _getOverlayTemplate(): TemplateRef<unknown> | undefined {\n    return this._overlayTemplate();\n  }\n\n  /** @protected Full-viewport overlay: a plain global strategy, sized by config. */\n  protected override _buildPositionStrategy(): PositionStrategy {\n    return this._overlay.position().global();\n  }\n\n  /** @protected Makes the pane cover the viewport so the body can centre within it. */\n  protected override _buildExtraOverlayConfig(): OverlayConfig {\n    return {\n      width: '100%',\n      height: '100%',\n      panelClass: 'mlv-search-field__overlay-pane',\n    };\n  }\n\n  /** Reconciles controlled values and registers timer cleanup. */\n  constructor() {\n    super();\n\n    effect(() => {\n      const value = this.value();\n      if (this._interactionValue === value) {\n        this._interactionValue = undefined;\n        return;\n      }\n\n      // A parent-owned value supersedes both the captured debounce and the\n      // duplicate baseline. The same query must be eligible to emit again\n      // after a controlled reset.\n      this._interactionValue = undefined;\n      this._cancelPending();\n      this._lastLiveQuery = null;\n    });\n\n    inject(DestroyRef).onDestroy(() => this._cancelPending());\n  }\n\n  /** @protected Opens the overlay if it is enabled and not already open. */\n  protected _openOverlay(): void {\n    if (this.disabled() || !this._overlayEnabled() || this.opened()) return;\n\n    this.open();\n  }\n\n  /**\n   * @protected Opens the overlay from a click on the inline trigger.\n   *\n   * The handler sits on the `mlv-input` host, so clicks on the field's own\n   * actions — the clear button — bubble through here too. Only the input itself\n   * is the trigger, so clearing a committed query does not force the overlay open.\n   *\n   * Deliberately not bound to focus. WAI-ARIA treats the control that opens a\n   * dialog as a button, activated by click or Enter/Space; opening on focus traps\n   * a keyboard user who is only tabbing past, and fights the focus the overlay\n   * restores to this same input on close — which would reopen it immediately.\n   */\n  protected _onTriggerClick(event: Event): void {\n    if (!(event.target instanceof HTMLInputElement)) return;\n\n    this._openOverlay();\n  }\n\n  /**\n   * @protected Opens the overlay from Space on the inline trigger.\n   *\n   * The trigger is `readonly` while the overlay is enabled, so Space types\n   * nothing; `preventDefault` stops it from scrolling the page instead.\n   */\n  protected _onTriggerSpace(event: Event): void {\n    if (!this._overlayEnabled() || this.disabled()) return;\n\n    event.preventDefault();\n    this._openOverlay();\n  }\n\n  /**\n   * @protected Commits from inside the overlay.\n   *\n   * Submit mode has a commit action; live mode has already emitted through the\n   * debounce, so Enter there only dismisses. Either way the overlay closes, which\n   * restores focus to the trigger.\n   */\n  protected _submitFromOverlay(): void {\n    if (this.trigger() === 'submit') {\n      this._submit();\n    }\n    this.close();\n  }\n\n  /** @protected Commits and closes when Enter is pressed on the overlay input. */\n  protected _onOverlayEnter(event: Event): void {\n    if (!(event instanceof KeyboardEvent) || event.isComposing) return;\n\n    // The field commonly sits inside a form; handle Enter here rather than\n    // letting it submit the surrounding form.\n    event.preventDefault();\n    this._submitFromOverlay();\n  }\n\n  /** @protected Synchronises user input and schedules a live search if enabled. */\n  protected _onValueChange(value: string): void {\n    if (this.disabled()) return;\n\n    this._setInteractionValue(value);\n    if (this.trigger() === 'live') {\n      this._scheduleLive(value);\n    } else {\n      this._cancelPending();\n    }\n  }\n\n  /**\n   * @protected Handles a non-composing Enter on the inline field.\n   *\n   * With the overlay enabled the field is a dialog trigger, so Enter opens it;\n   * otherwise Enter commits a submit-mode search. Either way the key is consumed:\n   * search fields commonly live inside forms, and neither action should also\n   * submit the surrounding form.\n   */\n  protected _onEnter(event: Event): void {\n    if (!(event instanceof KeyboardEvent) || event.isComposing) return;\n\n    if (this._overlayEnabled()) {\n      event.preventDefault();\n      this._openOverlay();\n      return;\n    }\n\n    if (this._consumerHandledCommit(event)) return;\n\n    if (this.trigger() !== 'submit') return;\n\n    event.preventDefault();\n    this._submit();\n  }\n\n  /**\n   * @protected Reports an option-navigation key while the field is a combobox.\n   *\n   * Silent for the default `role=\"searchbox\"`, so a plain search field keeps\n   * every key it has today. See {@link navigate} for which keys are consumed.\n   */\n  protected _onNavigationKey(event: Event): void {\n    if (!(event instanceof KeyboardEvent) || event.isComposing) return;\n    if (this.role() !== 'combobox' || this.disabled()) return;\n\n    const direction = NAVIGATION_KEYS.get(event.key);\n    if (direction === undefined) return;\n\n    if (CONSUMED_DIRECTIONS.has(direction)) {\n      event.preventDefault();\n    }\n    this.navigate.emit({ direction, event });\n  }\n\n  /** @protected Commits from the trailing submit action, offering it up first. */\n  protected _onSubmitClick(event: MouseEvent): void {\n    if (this._consumerHandledCommit(event)) return;\n\n    this._submit();\n  }\n\n  /**\n   * @private Offers the commit to the consumer and reports whether they took it.\n   *\n   * Nothing is offered while the field cannot commit anyway — disabled or with\n   * a request already in flight — so `commit` never fires for an interaction\n   * the field itself would have ignored.\n   */\n  private _consumerHandledCommit(event: KeyboardEvent | MouseEvent): boolean {\n    if (this.disabled() || this.loading()) return false;\n\n    this.commit.emit({ value: this.value(), event });\n    return event.defaultPrevented;\n  }\n\n  /** @protected Commits the current value from the submit action button. */\n  protected _submit(): void {\n    if (this.disabled() || this.loading() || this.trigger() !== 'submit') {\n      return;\n    }\n\n    this._cancelPending();\n    this.search.emit(this.value());\n  }\n\n  /** @protected Clears immediately and invalidates any pending live query. */\n  protected _clear(): void {\n    if (this.disabled()) return;\n\n    this._cancelPending();\n    this._setInteractionValue('');\n    if (this.commitOnClear()) {\n      this._lastLiveQuery = '';\n      this.search.emit('');\n    }\n  }\n\n  /** @private Starts or immediately resolves the trailing live-search window. */\n  private _scheduleLive(value: string): void {\n    this._cancelPending();\n\n    const delay = this.debounce();\n    if (delay === 0) {\n      this._emitLive(value);\n      return;\n    }\n\n    this._pendingTimer = setTimeout(() => {\n      this._pendingTimer = null;\n      if (this.trigger() === 'live' && !this.disabled()) {\n        this._emitLive(value);\n      }\n    }, delay);\n  }\n\n  /** @private Emits a live query only when it differs from the prior one. */\n  private _emitLive(value: string): void {\n    if (value === this._lastLiveQuery) return;\n\n    this._lastLiveQuery = value;\n    this.search.emit(value);\n  }\n\n  /** @private Writes a user-originated value without treating it as controlled input. */\n  private _setInteractionValue(value: string): void {\n    this._interactionValue = value;\n    this.value.set(value);\n  }\n\n  /** @private Cancels and forgets the current live-search timer. */\n  private _cancelPending(): void {\n    if (this._pendingTimer === null) return;\n\n    clearTimeout(this._pendingTimer);\n    this._pendingTimer = null;\n  }\n}\n","@if (presentation() === 'icon') {\n<button\n  mlvButton\n  class=\"mlv-search-field__trigger-icon\"\n  type=\"button\"\n  shape=\"circle\"\n  variant=\"transparent\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"_resolvedAriaLabel()\"\n  [attr.aria-expanded]=\"opened()\"\n  [attr.aria-haspopup]=\"'dialog'\"\n  (click)=\"_openOverlay()\"\n>\n  <svg mlvButtonIcon lucideSearch />\n</button>\n} @else {\n<!--\n  The dialog-trigger and combobox semantics go through `mlv-input`'s own aria\n  inputs rather than `[attr.*]` on this host, so they land on the focusable\n  `<input>` where a screen reader reads them.\n-->\n<mlv-input\n  class=\"mlv-search-field__input\"\n  type=\"search\"\n  inputMode=\"search\"\n  autocomplete=\"off\"\n  [placeholder]=\"_resolvedPlaceholder()\"\n  [ariaLabel]=\"_resolvedAriaLabel()\"\n  [disabled]=\"disabled()\"\n  [loading]=\"loading()\"\n  [value]=\"value()\"\n  [readonly]=\"_overlayEnabled()\"\n  [role]=\"_resolvedRole()\"\n  [ariaExpanded]=\"_resolvedAriaExpanded()\"\n  [ariaHasPopup]=\"_overlayEnabled() ? 'dialog' : null\"\n  [ariaAutocomplete]=\"ariaAutocomplete()\"\n  [ariaControls]=\"ariaControls()\"\n  [ariaActiveDescendant]=\"ariaActiveDescendant()\"\n  (valueChange)=\"_onValueChange($event)\"\n  (keydown)=\"_onNavigationKey($event)\"\n  (keydown.enter)=\"_onEnter($event)\"\n  (keydown.space)=\"_onTriggerSpace($event)\"\n  (click)=\"_onTriggerClick($event)\"\n>\n  @if (_showLeadingIcon()) {\n  <span class=\"mlv-search-field__leading\" *mlvFormControlPrepend>\n    <svg\n      class=\"mlv-search-field__leading-icon\"\n      lucideSearch\n      aria-hidden=\"true\"\n    />\n  </span>\n  }\n\n  <div class=\"mlv-search-field__actions\" *mlvFormControlAppend>\n    @if (_showClear()) {\n    <mlv-button-close\n      mlvDensity=\"tight\"\n      [ariaLabel]=\"_i18n().clear\"\n      (mousedown)=\"$event.preventDefault()\"\n      (mlvClick)=\"_clear()\"\n    ></mlv-button-close>\n    } @if (_showStandaloneLoader()) {\n    <mlv-loader\n      class=\"mlv-search-field__loader\"\n      variant=\"circle\"\n      indeterminate\n      [size]=\"18\"\n      [strokeWidth]=\"2\"\n    />\n    } @if (_showSubmitAction()) {\n    <button\n      mlvButton\n      class=\"mlv-search-field__submit\"\n      mlvDensity=\"tight\"\n      type=\"button\"\n      shape=\"circle\"\n      variant=\"transparent\"\n      [disabled]=\"disabled()\"\n      [loading]=\"loading()\"\n      [attr.aria-label]=\"_i18n().submit\"\n      (click)=\"_onSubmitClick($event)\"\n    >\n      <svg mlvButtonIcon lucideSearch />\n    </button>\n    }\n  </div>\n</mlv-input>\n}\n\n<ng-template #overlayTemplate>\n  <div\n    class=\"mlv-search-field__overlay\"\n    [class.mlv-search-field__overlay--entering]=\"animationState() === 'enter'\"\n    [class.mlv-search-field__overlay--leaving]=\"animationState() === 'leave'\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"_resolvedAriaLabel()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    (animationend)=\"onAnimationEnd()\"\n  >\n    <div class=\"mlv-search-field__overlay-panel\">\n      @if (_overlayContentDef(); as contentDef) {\n      <ng-container\n        [ngTemplateOutlet]=\"contentDef.templateRef\"\n        [ngTemplateOutletContext]=\"_overlayContext()\"\n      />\n      } @else {\n      <!--\n        The overlay's default body is another search field, so the overlay\n        inherits every affordance of the inline control instead of re-declaring a\n        near-copy of it. It is configured as a pure input surface: `submit` mode\n        never emits while typing, `showSubmit` drops the redundant button, and\n        `commitOnClear` is off — this host owns commit, through `valueChange` for\n        live mode and `_onOverlayEnter` for Enter.\n      -->\n      <mlv-search-field\n        class=\"mlv-search-field__overlay-input\"\n        trigger=\"submit\"\n        [showSubmit]=\"false\"\n        [commitOnClear]=\"false\"\n        [clearable]=\"clearable()\"\n        [loading]=\"loading()\"\n        [placeholder]=\"_resolvedPlaceholder()\"\n        [ariaLabel]=\"_resolvedAriaLabel()\"\n        [value]=\"value()\"\n        (valueChange)=\"_onValueChange($event)\"\n        (keydown.enter)=\"_onOverlayEnter($event)\"\n      />\n      }\n\n      <button\n        mlvButton\n        class=\"mlv-search-field__overlay-close\"\n        type=\"button\"\n        variant=\"transparent\"\n        mlvDensity=\"compact\"\n        [attr.aria-label]=\"_i18n().closeOverlay\"\n        (click)=\"close()\"\n      >\n        {{ _i18n().closeOverlay }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n"]}

package/esm2022/search-field/lib/search-field/search-overlay-content.js

@@ -0,0 +1,35 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Replaces the default body of `mlv-search-field`'s overlay.
+ *
+ * Without it the overlay renders the field's own input, restyled for the
+ * overlay surface. With it the consumer owns the body completely — an
+ * autocomplete input, recent searches, grouped results — while the host keeps
+ * owning the overlay lifecycle, focus restore, and the `value`/`search` contract.
+ *
+ * @example
+ * ```html
+ * <mlv-search-field overlay>
+ *   <ng-template mlvSearchOverlayContent let-query let-setQuery="setQuery" let-close="close">
+ *     <mlv-input [value]="query" (valueChange)="setQuery($event)" [mlvAutocomplete]="options" />
+ *     <button mlvButton (click)="close()">Cancel</button>
+ *   </ng-template>
+ * </mlv-search-field>
+ * ```
+ */
+export class MlvSearchOverlayContentDef {
+    /** The template reference for the overlay body. */
+    templateRef = inject((TemplateRef));
+    /** Type guard so `let-` variables infer from {@link MlvSearchOverlayContentContext}. */
+    static ngTemplateContextGuard(_directive, _context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSearchOverlayContentDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvSearchOverlayContentDef, isStandalone: true, selector: "[mlvSearchOverlayContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSearchOverlayContentDef, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mlvSearchOverlayContent]' }]
+        }] });
+//# sourceMappingURL=search-overlay-content.js.map

package/esm2022/search-field/lib/search-field/search-overlay-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-overlay-content.js","sourceRoot":"","sources":["../../../../../../../libs/core/search-field/src/lib/search-field/search-overlay-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAkC/D;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,OAAO,0BAA0B;IACrC,mDAAmD;IAC1C,WAAW,GAAG,MAAM,CAAC,CAAA,WAA2C,CAAA,CAAC,CAAC;IAE3E,wFAAwF;IACxF,MAAM,CAAC,sBAAsB,CAC3B,UAAsC,EACtC,QAAiB;QAEjB,OAAO,IAAI,CAAC;IACd,CAAC;uGAVU,0BAA0B;2FAA1B,0BAA0B;;2FAA1B,0BAA0B;kBADtC,SAAS;mBAAC,EAAE,QAAQ,EAAE,2BAA2B,EAAE","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Context handed to a `[mlvSearchOverlayContent]` template.\n *\n * The template replaces the overlay's default body entirely, so everything it\n * needs to drive the field is passed in rather than reached for: the current\n * query, the writers that keep the host's `value` model and live/submit\n * behaviour intact, and the close action.\n */\nexport interface MlvSearchOverlayContentContext {\n  /** Current query. Available as the implicit template variable. */\n  $implicit: string;\n  /** Current query, for `let-query=\"query\"`. */\n  query: string;\n  /** Whether a search is in flight, mirroring the host's `loading` input. */\n  loading: boolean;\n  /** Placeholder resolved from the host input or the active language pack. */\n  placeholder: string;\n  /** Accessible input label resolved the same way. */\n  ariaLabel: string;\n  /**\n   * Writes the query. Routes through the host's normal input path, so live mode\n   * still debounces and deduplicates and submit mode still waits for a commit.\n   */\n  setQuery: (value: string) => void;\n  /** Commits the current query immediately, bypassing any pending debounce. */\n  submit: () => void;\n  /** Clears the query, honouring the host's `commitOnClear`. */\n  clear: () => void;\n  /** Closes the overlay and returns focus to whatever opened it. */\n  close: () => void;\n}\n\n/**\n * Replaces the default body of `mlv-search-field`'s overlay.\n *\n * Without it the overlay renders the field's own input, restyled for the\n * overlay surface. With it the consumer owns the body completely — an\n * autocomplete input, recent searches, grouped results — while the host keeps\n * owning the overlay lifecycle, focus restore, and the `value`/`search` contract.\n *\n * @example\n * ```html\n * <mlv-search-field overlay>\n *   <ng-template mlvSearchOverlayContent let-query let-setQuery=\"setQuery\" let-close=\"close\">\n *     <mlv-input [value]=\"query\" (valueChange)=\"setQuery($event)\" [mlvAutocomplete]=\"options\" />\n *     <button mlvButton (click)=\"close()\">Cancel</button>\n *   </ng-template>\n * </mlv-search-field>\n * ```\n */\n@Directive({ selector: '[mlvSearchOverlayContent]' })\nexport class MlvSearchOverlayContentDef {\n  /** The template reference for the overlay body. */\n  readonly templateRef = inject(TemplateRef<MlvSearchOverlayContentContext>);\n\n  /** Type guard so `let-` variables infer from {@link MlvSearchOverlayContentContext}. */\n  static ngTemplateContextGuard(\n    _directive: MlvSearchOverlayContentDef,\n    _context: unknown,\n  ): _context is MlvSearchOverlayContentContext {\n    return true;\n  }\n}\n"]}

package/esm2022/search-field/malva-ui-core-search-field.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-search-field.js.map

package/esm2022/search-field/malva-ui-core-search-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-search-field.js","sourceRoot":"","sources":["../../../../../libs/core/search-field/src/malva-ui-core-search-field.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/segmented/index.js

@@ -0,0 +1,5 @@
+export * from './lib/segmented.types';
+export * from './lib/segmented-token';
+export * from './lib/segmented-item/segmented-item';
+export * from './lib/segmented/segmented';
+//# sourceMappingURL=index.js.map

package/esm2022/segmented/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/segmented/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './lib/segmented.types';\nexport * from './lib/segmented-token';\nexport * from './lib/segmented-item/segmented-item';\nexport * from './lib/segmented/segmented';\n"]}

package/esm2022/segmented/lib/segmented/segmented.js

@@ -0,0 +1,248 @@
+import { afterNextRender, afterRenderEffect, ChangeDetectionStrategy, Component, computed, contentChildren, DestroyRef, effect, forwardRef, inject, input, model, signal, untracked, viewChild, ViewEncapsulation, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { MLV_FORM_CONTROL, MlvDescription, MlvLabel, MlvMessage, MlvSignalFormControlBase, } from '@malva-ui/core/form-utils';
+import { MLV_DENSITY_ELEMENT, MlvDensityDirective, } from '@malva-ui/cdk/density';
+import { MlvResizeObserverService } from '@malva-ui/cdk/utils';
+import { MlvSegmentedItem } from '../segmented-item/segmented-item';
+import { MLV_SEGMENTED } from '../segmented-token';
+import * as i0 from "@angular/core";
+import * as i1 from "@malva-ui/cdk/density";
+/**
+ * Segmented control: a grey track holding `mlvSegmentedItem` buttons or links,
+ * with a raised pill sliding behind the active one (the boxed-tabs look).
+ *
+ * - **Radio mode** (`<button mlvSegmentedItem value="…">`): a signal-form
+ *   control (`[(value)]`, `[(ngModel)]`, `[formField]`) with `role="radiogroup"`
+ *   semantics, arrow-key navigation and a roving tabindex.
+ * - **Link mode** (`<a mlvSegmentedItem routerLink="…">`): plain navigation
+ *   links; the active one is derived from the router and marked
+ *   `aria-current="page"`.
+ */
+export class MlvSegmented extends MlvSignalFormControlBase {
+    /** Two-way bindable selected value (radio mode). */
+    value = model(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Colour of the active pill — `'neutral'` (boxed-tabs white) or a pale semantic tone. */
+    tone = input('neutral', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /** Layout axis of the track. */
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /** Stretch the track to its container and give every item the same size. */
+    equalWidth = input(false, { ...(ngDevMode ? { debugName: "equalWidth" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Projected items in DOM order. */
+    items = contentChildren(MlvSegmentedItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
+    /** Whether the control holds a value — a segment is selected. */
+    hasValue = computed(() => this.value() != null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+    /** @internal Track element hosting the pill and the projected items. */
+    _trackRef = viewChild.required('track', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_trackRef" }] : /* istanbul ignore next */ []));
+    /** @internal Link mode: any item is an `<a>`. */
+    _isLinkMode = computed(() => this.items().some((i) => i.isLink), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isLinkMode" }] : /* istanbul ignore next */ []));
+    /** @internal The item currently rendered as active, if any. */
+    _activeItem = computed(() => this.items().find((i) => i.isActive()) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_activeItem" }] : /* istanbul ignore next */ []));
+    /** @internal Set once the pill has been positioned; enables the slide transition. */
+    _measured = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_measured" }] : /* istanbul ignore next */ []));
+    /** @internal Tone / orientation / state modifier classes. */
+    _hostModifiers = computed(() => `mlv-segmented--tone-${this.tone()} mlv-segmented--${this.orientation()} mlv-segmented--state-${this.resolvedState()}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hostModifiers" }] : /* istanbul ignore next */ []));
+    /** @private Roving-focus manager over the items (radio mode only). */
+    _keyManager = null;
+    /** @private Guards the mixed `<a>` / `<button>` dev warning to one per group instance. */
+    _warnedMixed = false;
+    /** @private Guards the multiple-active dev warning to one per group instance. */
+    _warnedMultiActive = false;
+    /** @private Destroys the key manager with the component. */
+    _destroyRef = inject(DestroyRef);
+    /** @private Shared ResizeObserver — re-measures the pill when the track resizes (fonts, density, content). */
+    _resizeService = inject(MlvResizeObserverService);
+    /** @private Bumped on every track resize to re-run the measuring render effect. */
+    _layoutVersion = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_layoutVersion" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        this._destroyRef.onDestroy(() => this._keyManager?.destroy());
+        // Rebuild the manager whenever the projected set (or the mode) changes.
+        effect(() => {
+            const items = [...this.items()];
+            const linkMode = this._isLinkMode();
+            untracked(() => {
+                this._keyManager?.destroy();
+                this._keyManager = null;
+                if (linkMode || items.length === 0)
+                    return;
+                this._keyManager = new FocusKeyManager(items)
+                    .skipPredicate((item) => item.isDisabled())
+                    .withWrap();
+            });
+        });
+        // Roving tabindex (radio mode): the active item is the single tab stop, or
+        // the first enabled item when nothing is selected / the selection is disabled.
+        effect(() => {
+            const items = this.items();
+            if (this._isLinkMode())
+                return;
+            const active = this._activeItem();
+            const firstEnabled = items.find((i) => !i.isDisabled()) ?? null;
+            const stop = active && !active.isDisabled() ? active : firstEnabled;
+            items.forEach((i) => i.tabIndex.set(i === stop ? 0 : -1));
+        });
+        // Dev-only diagnostics for the two group shapes that break silently: a
+        // group mixing `<a>` and `<button>` hosts (link mode wins, so the buttons
+        // lose their radio keyboard model), and a radio group rendering more than
+        // one active item (two `aria-checked="true"` radios). Each warns once per
+        // group instance; in production the guard reads no signal, so the effect
+        // registers no dependency and never re-runs.
+        effect(() => {
+            if (typeof ngDevMode === 'undefined' || !ngDevMode)
+                return;
+            const items = this.items();
+            const linkMode = this._isLinkMode();
+            if (!this._warnedMixed) {
+                const links = items.filter((i) => i.isLink).length;
+                if (links > 0 && links < items.length) {
+                    this._warnedMixed = true;
+                    console.warn('[mlv-segmented] Mixing <a mlvSegmentedItem> and <button mlvSegmentedItem> in one group is unsupported: the group switches to link mode and the buttons lose their radio keyboard model.');
+                }
+            }
+            const activeCount = items.filter((i) => i.isActive()).length;
+            if (!linkMode && !this._warnedMultiActive && activeCount > 1) {
+                this._warnedMultiActive = true;
+                console.warn('[mlv-segmented] More than one item is active in a radio-mode group: [active] is an uncontrolled override and must not be combined with a value-driven selection of another item — two radios now report aria-checked="true".');
+            }
+        });
+        // Observe the track once it exists; every resize re-measures the pill.
+        afterNextRender(() => {
+            this._resizeService
+                .observe(this._trackRef().nativeElement)
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe(() => this._layoutVersion.update((n) => n + 1));
+        });
+        // Position the pill after every render in which the active item, the item
+        // set, the layout inputs or the track size changed.
+        afterRenderEffect(() => {
+            const active = this._activeItem();
+            this.items();
+            this.orientation();
+            this.equalWidth();
+            this._layoutVersion();
+            untracked(() => this._measure(active));
+        });
+    }
+    /** Selects `item` (radio mode). Ignored while the group is disabled or readonly. */
+    selectItem(item) {
+        if (this.computedDisabled() || this.readonly() || item.isDisabled())
+            return;
+        this.value.set(item.value());
+        item.focus();
+        this._markTouched();
+    }
+    /** Keeps the key manager's active item in sync with the item that received DOM focus. */
+    onItemFocus(item) {
+        const index = this.items().indexOf(item);
+        if (index >= 0)
+            this._keyManager?.setActiveItem(index);
+    }
+    /**
+     * @internal Track keydown handler (radio mode). ArrowLeft/ArrowUp → previous,
+     * ArrowRight/ArrowDown → next (wrapping, skipping disabled), Home/End → first/last.
+     * Moving focus also selects (WAI-ARIA radio group), unless the group is readonly.
+     */
+    _onKeydown(event) {
+        const manager = this._keyManager;
+        if (!manager)
+            return;
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowDown':
+                if (manager.activeItem)
+                    manager.setNextItemActive();
+                else
+                    manager.setFirstItemActive();
+                break;
+            case 'ArrowLeft':
+            case 'ArrowUp':
+                if (manager.activeItem)
+                    manager.setPreviousItemActive();
+                else
+                    manager.setLastItemActive();
+                break;
+            case 'Home':
+                manager.setFirstItemActive();
+                break;
+            case 'End':
+                manager.setLastItemActive();
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        const active = manager.activeItem;
+        if (active)
+            this.selectItem(active);
+    }
+    /**
+     * @private Writes the active item's offset box (relative to the track — its
+     * `offsetParent`, so items must be direct children) into the four
+     * `--mlv-segmented-indicator-*` custom properties. Without an active item the
+     * pill collapses. On the first successful (non-zero) measurement `_measured`
+     * flips (one macrotask later, after a forced style flush) so the slide
+     * transition only ever animates *subsequent* moves — never a slide-in from
+     * `0` on load. A group first rendered without a box (inside `display: none`,
+     * a collapsed `mlv-expand`, a closed drawer) measures `0` and stays
+     * unmeasured until it is actually laid out.
+     */
+    _measure(active) {
+        const track = this._trackRef().nativeElement;
+        const set = (name, px) => track.style.setProperty(`--mlv-segmented-indicator-${name}`, `${px}px`);
+        if (!active) {
+            set('width', 0);
+            set('height', 0);
+            return;
+        }
+        const el = active.elementRef.nativeElement;
+        set('left', el.offsetLeft);
+        set('top', el.offsetTop);
+        set('width', el.offsetWidth);
+        set('height', el.offsetHeight);
+        if (!this._measured() && (el.offsetWidth > 0 || el.offsetHeight > 0)) {
+            // Force a style flush so the initial position is committed *before* the
+            // transition-enabling class lands; otherwise the first move animates from 0.
+            void track.offsetWidth;
+            const id = setTimeout(() => this._measured.set(true));
+            this._destroyRef.onDestroy(() => clearTimeout(id));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvSegmented, isStandalone: true, selector: "mlv-segmented", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, equalWidth: { classPropertyName: "equalWidth", publicName: "equalWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "_hostModifiers()", "class.mlv-segmented--disabled": "computedDisabled()", "class.mlv-segmented--readonly": "readonly()", "class.mlv-segmented--equal-width": "equalWidth()", "class.mlv-segmented--link": "_isLinkMode()", "class.mlv-segmented--measured": "_measured()", "attr.id": "id()" }, classAttribute: "mlv-segmented" }, providers: [
+            { provide: MLV_SEGMENTED, useExisting: forwardRef(() => MlvSegmented) },
+            { provide: MLV_FORM_CONTROL, useExisting: forwardRef(() => MlvSegmented) },
+            { provide: MLV_DENSITY_ELEMENT, useValue: 'segmented' },
+        ], queries: [{ propertyName: "items", predicate: MlvSegmentedItem, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_trackRef", first: true, predicate: ["track"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.MlvDensityDirective, inputs: ["mlvDensity", "mlvDensity"] }], ngImport: i0, template: "@if (label()) {\n<mlv-label [required]=\"required()\">{{ label() }}</mlv-label>\n}\n<!--\n  The track is the `role=\"radiogroup\"` container, not a focus target: focus\n  lives on the projected items, which carry the roving tabindex. Its keydown\n  listener only delegates arrow/Home/End to that roving model, so making the\n  container focusable would add a second, spurious tab stop.\n-->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  #track\n  class=\"mlv-segmented__track\"\n  [attr.role]=\"_isLinkMode() ? null : 'radiogroup'\"\n  [attr.aria-label]=\"_isLinkMode() ? null : ariaLabel() || label() || null\"\n  [attr.aria-orientation]=\"_isLinkMode() ? null : orientation()\"\n  [attr.aria-required]=\"_isLinkMode() ? null : required() || null\"\n  [attr.aria-disabled]=\"_isLinkMode() ? null : computedDisabled() || null\"\n  [attr.aria-describedby]=\"_describedBy()\"\n  (keydown)=\"_onKeydown($event)\"\n>\n  <span class=\"mlv-segmented__indicator\" aria-hidden=\"true\"></span>\n  <ng-content />\n</div>\n@if (description()) {\n<mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n} @if (message()) {\n<mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\"\n  >{{ message() }}</mlv-message\n>\n}\n", styles: [".mlv-segmented{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-segmented *{box-sizing:border-box}.mlv-segmented{--mlv-segmented-radius: var(--mlv-radius-xl);--mlv-segmented-track-padding: .1875rem;--mlv-segmented-track-bg: var(--mlv-background-sunken);--mlv-segmented-separator-color: var(--mlv-border-normal);--mlv-segmented-indicator-duration: .22s;--mlv-segmented-pill-bg: var(--mlv-background-raised);--mlv-segmented-active-color: var(--mlv-text-primary);--mlv-segmented-inner-radius: max( 0rem, calc(var(--mlv-segmented-radius) - var(--mlv-segmented-track-padding)) );display:inline-flex;flex-direction:column;gap:var(--mlv-spacing-1);max-width:100%;min-width:0}.mlv-segmented--tone-neutral{--mlv-segmented-pill-bg: var(--mlv-background-raised);--mlv-segmented-active-color: var(--mlv-text-primary)}.mlv-segmented--tone-accent{--mlv-segmented-pill-bg: var(--mlv-background-accent-1-pale);--mlv-segmented-active-color: var(--mlv-text-action)}.mlv-segmented--tone-info{--mlv-segmented-pill-bg: var(--mlv-background-info-1-pale);--mlv-segmented-active-color: var(--mlv-text-info)}.mlv-segmented--tone-success{--mlv-segmented-pill-bg: var(--mlv-background-success-1-pale);--mlv-segmented-active-color: var(--mlv-text-positive)}.mlv-segmented--tone-warning{--mlv-segmented-pill-bg: var(--mlv-background-warning-1-pale);--mlv-segmented-active-color: var(--mlv-text-warning)}.mlv-segmented--tone-danger{--mlv-segmented-pill-bg: var(--mlv-background-danger-1-pale);--mlv-segmented-active-color: var(--mlv-text-negative)}.mlv-segmented__track{position:relative;display:flex;flex-direction:row;align-items:stretch;gap:.125rem;width:fit-content;max-width:100%;padding:var(--mlv-segmented-track-padding);overflow:hidden;background:var(--mlv-segmented-track-bg);border-radius:var(--mlv-segmented-radius)}.mlv-segmented--vertical>.mlv-segmented__track{flex-direction:column;height:fit-content}.mlv-segmented__indicator{position:absolute;z-index:0;left:var(--mlv-segmented-indicator-left, 0);top:var(--mlv-segmented-indicator-top, 0);width:var(--mlv-segmented-indicator-width, 0);height:var(--mlv-segmented-indicator-height, 0);border-radius:var(--mlv-segmented-inner-radius);background:var(--mlv-segmented-pill-bg);box-shadow:var(--mlv-shadow-1);opacity:1;pointer-events:none}.mlv-segmented--measured>.mlv-segmented__track>.mlv-segmented__indicator{transition:left var(--mlv-segmented-indicator-duration) var(--mlv-ease-in-out-strong),top var(--mlv-segmented-indicator-duration) var(--mlv-ease-in-out-strong),width var(--mlv-segmented-indicator-duration) var(--mlv-ease-in-out-strong),height var(--mlv-segmented-indicator-duration) var(--mlv-ease-in-out-strong),background-color var(--mlv-duration-normal) var(--mlv-ease-default)}.mlv-segmented--equal-width{display:flex;width:100%}.mlv-segmented--equal-width>.mlv-segmented__track{width:100%}.mlv-segmented--equal-width>.mlv-segmented__track>.mlv-segmented-item{flex:1 1 0;justify-content:center}.mlv-segmented--disabled>.mlv-segmented__track{opacity:var(--mlv-disabled-opacity)}.mlv-segmented--state-error>.mlv-segmented__track{box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-error)}.mlv-segmented--state-warning>.mlv-segmented__track{box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-warning)}.mlv-segmented--state-success>.mlv-segmented__track{box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-success)}[mlvTheme=dark] .mlv-segmented{--mlv-segmented-track-bg: var(--mlv-background-neutral-1)}[mlvTheme=dark] .mlv-segmented--tone-neutral{--mlv-segmented-pill-bg: var(--mlv-palette-neutral-700)}@media(prefers-reduced-motion:reduce){.mlv-segmented,.mlv-segmented *,.mlv-segmented:before,.mlv-segmented:after,[class^=mlv-segmented__],[class*=\" mlv-segmented__\"],[class^=mlv-segmented--],[class*=\" mlv-segmented--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}\n"], dependencies: [{ kind: "component", type: MlvLabel, selector: "mlv-label", inputs: ["for", "required"] }, { kind: "component", type: MlvDescription, selector: "mlv-description" }, { kind: "component", type: MlvMessage, selector: "mlv-message", inputs: ["state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSegmented, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-segmented', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MlvLabel, MlvDescription, MlvMessage], hostDirectives: [
+                        { directive: MlvDensityDirective, inputs: ['mlvDensity: mlvDensity'] },
+                    ], providers: [
+                        { provide: MLV_SEGMENTED, useExisting: forwardRef(() => MlvSegmented) },
+                        { provide: MLV_FORM_CONTROL, useExisting: forwardRef(() => MlvSegmented) },
+                        { provide: MLV_DENSITY_ELEMENT, useValue: 'segmented' },
+                    ], host: {
+                        class: 'mlv-segmented',
+                        '[class]': '_hostModifiers()',
+                        '[class.mlv-segmented--disabled]': 'computedDisabled()',
+                        '[class.mlv-segmented--readonly]': 'readonly()',
+                        '[class.mlv-segmented--equal-width]': 'equalWidth()',
+                        '[class.mlv-segmented--link]': '_isLinkMode()',
+                        '[class.mlv-segmented--measured]': '_measured()',
+                        '[attr.id]': 'id()',
+                    }, template: "@if (label()) {\n<mlv-label [required]=\"required()\">{{ label() }}</mlv-label>\n}\n<!--\n  The track is the `role=\"radiogroup\"` container, not a focus target: focus\n  lives on the projected items, which carry the roving tabindex. Its keydown\n  listener only delegates arrow/Home/End to that roving model, so making the\n  container focusable would add a second, spurious tab stop.\n-->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  #track\n  class=\"mlv-segmented__track\"\n  [attr.role]=\"_isLinkMode() ? null : 'radiogroup'\"\n  [attr.aria-label]=\"_isLinkMode() ? null : ariaLabel() || label() || null\"\n  [attr.aria-orientation]=\"_isLinkMode() ? null : orientation()\"\n  [attr.aria-required]=\"_isLinkMode() ? null : required() || null\"\n  [attr.aria-disabled]=\"_isLinkMode() ? null : computedDisabled() || null\"\n  [attr.aria-describedby]=\"_describedBy()\"\n  (keydown)=\"_onKeydown($event)\"\n>\n  <span class=\"mlv-segmented__indicator\" aria-hidden=\"true\"></span>\n  <ng-content />\n</div>\n@if (description()) {\n<mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n} @if (message()) {\n<mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\"\n  >{{ message() }}</mlv-message\n>\n}\n", styles: [".mlv-segmented{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-segmented *{box-sizing:border-box}.mlv-segmented{--mlv-segmented-radius: var(--mlv-radius-xl);--mlv-segmented-track-padding: .1875rem;--mlv-segmented-track-bg: var(--mlv-background-sunken);--mlv-segmented-separator-color: var(--mlv-border-normal);--mlv-segmented-indicator-duration: .22s;--mlv-segmented-pill-bg: var(--mlv-background-raised);--mlv-segmented-active-color: var(--mlv-text-primary);--mlv-segmented-inner-radius: max( 0rem, calc(var(--mlv-segmented-radius) - var(--mlv-segmented-track-padding)) );display:inline-flex;flex-direction:column;gap:var(--mlv-spacing-1);max-width:100%;min-width:0}.mlv-segmented--tone-neutral{--mlv-segmented-pill-bg: var(--mlv-background-raised);--mlv-segmented-active-color: var(--mlv-text-primary)}.mlv-segmented--tone-accent{--mlv-segmented-pill-bg: var(--mlv-background-accent-1-pale);--mlv-segmented-active-color: var(--mlv-text-action)}.mlv-segmented--tone-info{--mlv-segmented-pill-bg: var(--mlv-background-info-1-pale);--mlv-segmented-active-color: var(--mlv-text-info)}.mlv-segmented--tone-success{--mlv-segmented-pill-bg: var(--mlv-background-success-1-pale);--mlv-segmented-active-color: var(--mlv-text-positive)}.mlv-segmented--tone-warning{--mlv-segmented-pill-bg: var(--mlv-background-warning-1-pale);--mlv-segmented-active-color: var(--mlv-text-warning)}.mlv-segmented--tone-danger{--mlv-segmented-pill-bg: var(--mlv-background-danger-1-pale);--mlv-segmented-active-color: var(--mlv-text-negative)}.mlv-segmented__track{position:relative;display:flex;flex-direction:row;align-items:stretch;gap:.125rem;width:fit-content;max-width:100%;padding:var(--mlv-segmented-track-padding);overflow:hidden;background:var(--mlv-segmented-track-bg);border-radius:var(--mlv-segmented-radius)}.mlv-segmented--vertical>.mlv-segmented__track{flex-direction:column;height:fit-content}.mlv-segmented__indicator{position:absolute;z-index:0;left:var(--mlv-segmented-indicator-left, 0);top:var(--mlv-segmented-indicator-top, 0);width:var(--mlv-segmented-indicator-width, 0);height:var(--mlv-segmented-indicator-height, 0);border-radius:var(--mlv-segmented-inner-radius);background:var(--mlv-segmented-pill-bg);box-shadow:var(--mlv-shadow-1);opacity:1;pointer-events:none}.mlv-segmented--measured>.mlv-segmented__track>.mlv-segmented__indicator{transition:left var(--mlv-segmented-indicator-duration) var(--mlv-ease-in-out-strong),top var(--mlv-segmented-indicator-duration) var(--mlv-ease-in-out-strong),width var(--mlv-segmented-indicator-duration) var(--mlv-ease-in-out-strong),height var(--mlv-segmented-indicator-duration) var(--mlv-ease-in-out-strong),background-color var(--mlv-duration-normal) var(--mlv-ease-default)}.mlv-segmented--equal-width{display:flex;width:100%}.mlv-segmented--equal-width>.mlv-segmented__track{width:100%}.mlv-segmented--equal-width>.mlv-segmented__track>.mlv-segmented-item{flex:1 1 0;justify-content:center}.mlv-segmented--disabled>.mlv-segmented__track{opacity:var(--mlv-disabled-opacity)}.mlv-segmented--state-error>.mlv-segmented__track{box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-error)}.mlv-segmented--state-warning>.mlv-segmented__track{box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-warning)}.mlv-segmented--state-success>.mlv-segmented__track{box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-success)}[mlvTheme=dark] .mlv-segmented{--mlv-segmented-track-bg: var(--mlv-background-neutral-1)}[mlvTheme=dark] .mlv-segmented--tone-neutral{--mlv-segmented-pill-bg: var(--mlv-palette-neutral-700)}@media(prefers-reduced-motion:reduce){.mlv-segmented,.mlv-segmented *,.mlv-segmented:before,.mlv-segmented:after,[class^=mlv-segmented__],[class*=\" mlv-segmented__\"],[class^=mlv-segmented--],[class*=\" mlv-segmented--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], equalWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "equalWidth", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MlvSegmentedItem), { ...{ descendants: true }, isSignal: true }] }], _trackRef: [{ type: i0.ViewChild, args: ['track', { isSignal: true }] }] } });
+//# sourceMappingURL=segmented.js.map

package/esm2022/segmented/lib/segmented/segmented.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.js","sourceRoot":"","sources":["../../../../../../../libs/core/segmented/src/lib/segmented/segmented.ts","../../../../../../../libs/core/segmented/src/lib/segmented/segmented.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  afterNextRender,\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  DestroyRef,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { ElementRef } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport type { FocusableOption } from '@angular/cdk/a11y';\nimport {\n  MLV_FORM_CONTROL,\n  MlvDescription,\n  MlvLabel,\n  MlvMessage,\n  MlvSignalFormControlBase,\n} from '@malva-ui/core/form-utils';\nimport {\n  MLV_DENSITY_ELEMENT,\n  MlvDensityDirective,\n} from '@malva-ui/cdk/density';\nimport { MlvResizeObserverService } from '@malva-ui/cdk/utils';\nimport { MlvSegmentedItem } from '../segmented-item/segmented-item';\nimport type { MlvSegmentedAccessor } from '../segmented-token';\nimport { MLV_SEGMENTED } from '../segmented-token';\nimport type {\n  MlvSegmentedOrientation,\n  MlvSegmentedTone,\n} from '../segmented.types';\n\n/**\n * `FocusKeyManager` requires `FocusableOption` (`disabled?: boolean`), which is\n * incompatible with the item's coerced `disabled` input signal. Disabled\n * skipping goes through `skipPredicate`, so the intersection is only a typing\n * bridge (same approach as `mlv-radio-group`).\n */\ntype SegmentedFocusItem = MlvSegmentedItem & FocusableOption;\n\n/**\n * Segmented control: a grey track holding `mlvSegmentedItem` buttons or links,\n * with a raised pill sliding behind the active one (the boxed-tabs look).\n *\n * - **Radio mode** (`<button mlvSegmentedItem value=\"…\">`): a signal-form\n *   control (`[(value)]`, `[(ngModel)]`, `[formField]`) with `role=\"radiogroup\"`\n *   semantics, arrow-key navigation and a roving tabindex.\n * - **Link mode** (`<a mlvSegmentedItem routerLink=\"…\">`): plain navigation\n *   links; the active one is derived from the router and marked\n *   `aria-current=\"page\"`.\n */\n@Component({\n  selector: 'mlv-segmented',\n  templateUrl: './segmented.html',\n  styleUrl: './segmented.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MlvLabel, MlvDescription, MlvMessage],\n  hostDirectives: [\n    { directive: MlvDensityDirective, inputs: ['mlvDensity: mlvDensity'] },\n  ],\n  providers: [\n    { provide: MLV_SEGMENTED, useExisting: forwardRef(() => MlvSegmented) },\n    { provide: MLV_FORM_CONTROL, useExisting: forwardRef(() => MlvSegmented) },\n    { provide: MLV_DENSITY_ELEMENT, useValue: 'segmented' },\n  ],\n  host: {\n    class: 'mlv-segmented',\n    '[class]': '_hostModifiers()',\n    '[class.mlv-segmented--disabled]': 'computedDisabled()',\n    '[class.mlv-segmented--readonly]': 'readonly()',\n    '[class.mlv-segmented--equal-width]': 'equalWidth()',\n    '[class.mlv-segmented--link]': '_isLinkMode()',\n    '[class.mlv-segmented--measured]': '_measured()',\n    '[attr.id]': 'id()',\n  },\n})\nexport class MlvSegmented\n  extends MlvSignalFormControlBase<unknown>\n  implements MlvSegmentedAccessor\n{\n  /** Two-way bindable selected value (radio mode). */\n  readonly value = model<unknown>();\n\n  /** Colour of the active pill — `'neutral'` (boxed-tabs white) or a pale semantic tone. */\n  readonly tone = input<MlvSegmentedTone>('neutral');\n\n  /** Layout axis of the track. */\n  readonly orientation = input<MlvSegmentedOrientation>('horizontal');\n\n  /** Stretch the track to its container and give every item the same size. */\n  readonly equalWidth = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Projected items in DOM order. */\n  readonly items = contentChildren(MlvSegmentedItem, { descendants: true });\n\n  /** Whether the control holds a value — a segment is selected. */\n  readonly hasValue = computed(() => this.value() != null);\n\n  /** @internal Track element hosting the pill and the projected items. */\n  protected readonly _trackRef =\n    viewChild.required<ElementRef<HTMLElement>>('track');\n\n  /** @internal Link mode: any item is an `<a>`. */\n  protected readonly _isLinkMode = computed(() =>\n    this.items().some((i) => i.isLink),\n  );\n\n  /** @internal The item currently rendered as active, if any. */\n  protected readonly _activeItem = computed(\n    () => this.items().find((i) => i.isActive()) ?? null,\n  );\n\n  /** @internal Set once the pill has been positioned; enables the slide transition. */\n  protected readonly _measured = signal(false);\n\n  /** @internal Tone / orientation / state modifier classes. */\n  protected readonly _hostModifiers = computed(\n    () =>\n      `mlv-segmented--tone-${this.tone()} mlv-segmented--${this.orientation()} mlv-segmented--state-${this.resolvedState()}`,\n  );\n\n  /** @private Roving-focus manager over the items (radio mode only). */\n  private _keyManager: FocusKeyManager<MlvSegmentedItem> | null = null;\n\n  /** @private Guards the mixed `<a>` / `<button>` dev warning to one per group instance. */\n  private _warnedMixed = false;\n\n  /** @private Guards the multiple-active dev warning to one per group instance. */\n  private _warnedMultiActive = false;\n\n  /** @private Destroys the key manager with the component. */\n  private readonly _destroyRef = inject(DestroyRef);\n\n  /** @private Shared ResizeObserver — re-measures the pill when the track resizes (fonts, density, content). */\n  private readonly _resizeService = inject(MlvResizeObserverService);\n\n  /** @private Bumped on every track resize to re-run the measuring render effect. */\n  private readonly _layoutVersion = signal(0);\n\n  constructor() {\n    super();\n\n    this._destroyRef.onDestroy(() => this._keyManager?.destroy());\n\n    // Rebuild the manager whenever the projected set (or the mode) changes.\n    effect(() => {\n      const items = [...this.items()];\n      const linkMode = this._isLinkMode();\n      untracked(() => {\n        this._keyManager?.destroy();\n        this._keyManager = null;\n        if (linkMode || items.length === 0) return;\n        this._keyManager = new FocusKeyManager<MlvSegmentedItem>(\n          items as SegmentedFocusItem[],\n        )\n          .skipPredicate((item) => item.isDisabled())\n          .withWrap();\n      });\n    });\n\n    // Roving tabindex (radio mode): the active item is the single tab stop, or\n    // the first enabled item when nothing is selected / the selection is disabled.\n    effect(() => {\n      const items = this.items();\n      if (this._isLinkMode()) return;\n      const active = this._activeItem();\n      const firstEnabled = items.find((i) => !i.isDisabled()) ?? null;\n      const stop = active && !active.isDisabled() ? active : firstEnabled;\n      items.forEach((i) => i.tabIndex.set(i === stop ? 0 : -1));\n    });\n\n    // Dev-only diagnostics for the two group shapes that break silently: a\n    // group mixing `<a>` and `<button>` hosts (link mode wins, so the buttons\n    // lose their radio keyboard model), and a radio group rendering more than\n    // one active item (two `aria-checked=\"true\"` radios). Each warns once per\n    // group instance; in production the guard reads no signal, so the effect\n    // registers no dependency and never re-runs.\n    effect(() => {\n      if (typeof ngDevMode === 'undefined' || !ngDevMode) return;\n      const items = this.items();\n      const linkMode = this._isLinkMode();\n\n      if (!this._warnedMixed) {\n        const links = items.filter((i) => i.isLink).length;\n        if (links > 0 && links < items.length) {\n          this._warnedMixed = true;\n          console.warn(\n            '[mlv-segmented] Mixing <a mlvSegmentedItem> and <button mlvSegmentedItem> in one group is unsupported: the group switches to link mode and the buttons lose their radio keyboard model.',\n          );\n        }\n      }\n\n      const activeCount = items.filter((i) => i.isActive()).length;\n      if (!linkMode && !this._warnedMultiActive && activeCount > 1) {\n        this._warnedMultiActive = true;\n        console.warn(\n          '[mlv-segmented] More than one item is active in a radio-mode group: [active] is an uncontrolled override and must not be combined with a value-driven selection of another item — two radios now report aria-checked=\"true\".',\n        );\n      }\n    });\n\n    // Observe the track once it exists; every resize re-measures the pill.\n    afterNextRender(() => {\n      this._resizeService\n        .observe(this._trackRef().nativeElement)\n        .pipe(takeUntilDestroyed(this._destroyRef))\n        .subscribe(() => this._layoutVersion.update((n) => n + 1));\n    });\n\n    // Position the pill after every render in which the active item, the item\n    // set, the layout inputs or the track size changed.\n    afterRenderEffect(() => {\n      const active = this._activeItem();\n      this.items();\n      this.orientation();\n      this.equalWidth();\n      this._layoutVersion();\n      untracked(() => this._measure(active));\n    });\n  }\n\n  /** Selects `item` (radio mode). Ignored while the group is disabled or readonly. */\n  selectItem(item: MlvSegmentedItem): void {\n    if (this.computedDisabled() || this.readonly() || item.isDisabled()) return;\n    this.value.set(item.value());\n    item.focus();\n    this._markTouched();\n  }\n\n  /** Keeps the key manager's active item in sync with the item that received DOM focus. */\n  onItemFocus(item: MlvSegmentedItem): void {\n    const index = this.items().indexOf(item);\n    if (index >= 0) this._keyManager?.setActiveItem(index);\n  }\n\n  /**\n   * @internal Track keydown handler (radio mode). ArrowLeft/ArrowUp → previous,\n   * ArrowRight/ArrowDown → next (wrapping, skipping disabled), Home/End → first/last.\n   * Moving focus also selects (WAI-ARIA radio group), unless the group is readonly.\n   */\n  protected _onKeydown(event: KeyboardEvent): void {\n    const manager = this._keyManager;\n    if (!manager) return;\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        if (manager.activeItem) manager.setNextItemActive();\n        else manager.setFirstItemActive();\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        if (manager.activeItem) manager.setPreviousItemActive();\n        else manager.setLastItemActive();\n        break;\n      case 'Home':\n        manager.setFirstItemActive();\n        break;\n      case 'End':\n        manager.setLastItemActive();\n        break;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    const active = manager.activeItem;\n    if (active) this.selectItem(active);\n  }\n\n  /**\n   * @private Writes the active item's offset box (relative to the track — its\n   * `offsetParent`, so items must be direct children) into the four\n   * `--mlv-segmented-indicator-*` custom properties. Without an active item the\n   * pill collapses. On the first successful (non-zero) measurement `_measured`\n   * flips (one macrotask later, after a forced style flush) so the slide\n   * transition only ever animates *subsequent* moves — never a slide-in from\n   * `0` on load. A group first rendered without a box (inside `display: none`,\n   * a collapsed `mlv-expand`, a closed drawer) measures `0` and stays\n   * unmeasured until it is actually laid out.\n   */\n  private _measure(active: MlvSegmentedItem | null): void {\n    const track = this._trackRef().nativeElement;\n    const set = (name: string, px: number): void =>\n      track.style.setProperty(`--mlv-segmented-indicator-${name}`, `${px}px`);\n\n    if (!active) {\n      set('width', 0);\n      set('height', 0);\n      return;\n    }\n\n    const el = active.elementRef.nativeElement;\n    set('left', el.offsetLeft);\n    set('top', el.offsetTop);\n    set('width', el.offsetWidth);\n    set('height', el.offsetHeight);\n\n    if (!this._measured() && (el.offsetWidth > 0 || el.offsetHeight > 0)) {\n      // Force a style flush so the initial position is committed *before* the\n      // transition-enabling class lands; otherwise the first move animates from 0.\n      void track.offsetWidth;\n      const id = setTimeout(() => this._measured.set(true));\n      this._destroyRef.onDestroy(() => clearTimeout(id));\n    }\n  }\n}\n","@if (label()) {\n<mlv-label [required]=\"required()\">{{ label() }}</mlv-label>\n}\n<!--\n  The track is the `role=\"radiogroup\"` container, not a focus target: focus\n  lives on the projected items, which carry the roving tabindex. Its keydown\n  listener only delegates arrow/Home/End to that roving model, so making the\n  container focusable would add a second, spurious tab stop.\n-->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  #track\n  class=\"mlv-segmented__track\"\n  [attr.role]=\"_isLinkMode() ? null : 'radiogroup'\"\n  [attr.aria-label]=\"_isLinkMode() ? null : ariaLabel() || label() || null\"\n  [attr.aria-orientation]=\"_isLinkMode() ? null : orientation()\"\n  [attr.aria-required]=\"_isLinkMode() ? null : required() || null\"\n  [attr.aria-disabled]=\"_isLinkMode() ? null : computedDisabled() || null\"\n  [attr.aria-describedby]=\"_describedBy()\"\n  (keydown)=\"_onKeydown($event)\"\n>\n  <span class=\"mlv-segmented__indicator\" aria-hidden=\"true\"></span>\n  <ng-content />\n</div>\n@if (description()) {\n<mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n} @if (message()) {\n<mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\"\n  >{{ message() }}</mlv-message\n>\n}\n"]}