@nova-design-system/nova-webcomponents 3.0.0-beta.38 → 3.0.0-beta.39

package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.docs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-fieldmultiselect.docs.js","sourceRoot":"","sources":["../../../src/components/nv-fieldmultiselect/nv-fieldmultiselect.docs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,sBAAsB,GAA4C;IACtE,SAAS,EAAE,qBAAqB;IAChC,KAAK,EAAE,MAAM;IACb,aAAa,EAAE;QACb,2BAA2B;QAC3B,UAAU;QACV,SAAS;QACT,WAAW;KACZ;IACD,OAAO,EAAE;QACP;YACE,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAC,KAAK,GACgB;oBAC7B,iCACE,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,sBAAsB,EAClC,KAAK,EAAC,MAAM,GACe;oBAC7B,iCACE,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,4BAA4B,EACxC,KAAK,EAAC,YAAY,GACS;oBAC7B,iCACE,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,+BAA+B,EAC3C,QAAQ,QACR,KAAK,EAAC,UAAU,GACW,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YAC3D,IAAI,EAAE;gBACJ,KAAK,EAAE,4BAA4B;gBACnC,OAAO,EAAE,uBAAuB;aACjC;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YACxD,IAAI,EAAE;gBACJ,KAAK,EAAE,uBAAuB;gBAC9B,IAAI,EAAE,uBAAuB;aAC9B;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;YAC9D,IAAI,EAAE;gBACJ,KAAK,EAAE,mBAAmB;gBAC1B,UAAU,EAAE,IAAI;aACjB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAC,KAAK,GACgB;oBAC7B,iCACE,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,sBAAsB,EAClC,KAAK,EAAC,MAAM,GACe;oBAC7B,iCACE,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,4BAA4B,EACxC,KAAK,EAAC,YAAY,GACS,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC7D,IAAI,EAAE;gBACJ,KAAK,EAAE,oCAAoC;gBAC3C,SAAS,EAAE,OAAO;aACnB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS,IACf,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iCACE,KAAK,EAAE,QAAQ,KAAK,GAAG,CAAC,EAAE,EAC1B,KAAK,EAAE,QAAQ,KAAK,GAAG,CAAC,EAAE,GACC,CAC9B,CAAC,CACC,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;YAC9D,IAAI,EAAE;gBACJ,KAAK,EAAE,qCAAqC;gBAC5C,UAAU,EAAE,WAAW;aACxB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAC,KAAK,EACX,OAAO,SACoB;oBAC7B,iCACE,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,sBAAsB,EAClC,KAAK,EAAC,MAAM,GACe,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;YAChE,IAAI,EAAE;gBACJ,KAAK,EAAE,+BAA+B;gBACtC,YAAY,EAAE,IAAI;gBAClB,UAAU,EAAE,IAAI;aACjB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB;oBAC7B,iCACE,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,MAAM,GACe,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE;gBACJ,KAAK,EAAE,gCAAgC;gBACvC,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;oBACtB,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE;oBAClE;wBACE,KAAK,EAAE,MAAM;wBACb,KAAK,EAAE,MAAM;wBACb,WAAW,EAAE,sBAAsB;qBACpC;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,KAAK,EAAE,YAAY;wBACnB,WAAW,EAAE,4BAA4B;qBAC1C;iBACF,CAAC;aACH;YACD,QAAQ,EAAE,yDAA+D;SAC1E;QACD;YACE,IAAI,EAAE,2BAA2B;YACjC,IAAI,EAAE;gBACJ,KAAK,EAAE,4CAA4C;gBACnD,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;oBACtB,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE;oBAClE;wBACE,KAAK,EAAE,MAAM;wBACb,KAAK,EAAE,MAAM;wBACb,WAAW,EAAE,sBAAsB;wBACnC,OAAO,EAAE,IAAI;qBACd;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,KAAK,EAAE,YAAY;wBACnB,WAAW,EAAE,4BAA4B;wBACzC,QAAQ,EAAE,IAAI;qBACf;iBACF,CAAC;aACH;YACD,QAAQ,EAAE,yDAA+D;SAC1E;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACzD,IAAI,EAAE;gBACJ,KAAK,EAAE,wBAAwB;aAChC;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YAC/D,IAAI,EAAE;gBACJ,KAAK,EAAE,8BAA8B;gBACrC,WAAW,EAAE,4BAA4B;aAC1C;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YAC/D,IAAI,EAAE;gBACJ,KAAK,EAAE,8BAA8B;gBACrC,WAAW,EAAE,4BAA4B;aAC1C;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,sBAAsB;gBAC7B,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,sBAAsB;gBAC7B,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACzD,IAAI,EAAE;gBACJ,KAAK,EAAE,wBAAwB;gBAC/B,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACpE,IAAI,EAAE;gBACJ,KAAK,EAAE,oCAAoC;gBAC3C,WAAW,EAAE,6BAA6B;gBAC1C,KAAK,EAAE,IAAI;gBACX,gBAAgB,EAAE,gCAAgC;aACnD;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,aAAa;YACnB,QAAQ,EAAE,CACR,wDAAyC,UAAU;gBACjD,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,EACX,OAAO,SACoB;oBAC7B,iCACE,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,MAAM,GACe;oBAC7B,iCACE,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,YAAY,GACS;oBAC7B,iCACE,KAAK,EAAC,eAAe,EACrB,QAAQ,QACR,KAAK,EAAC,UAAU,GACW,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE;gBACJ,KAAK,EAAE,yBAAyB;gBAChC,WAAW,EAAE,oCAAoC;gBACjD,WAAW,EAAE,4BAA4B;aAC1C;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCAA2B,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACtD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACH;oBAC5B,iCAA2B,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACtD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACH;oBAC5B,iCAA2B,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACtD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACH,CACzB,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,wBAAwB;YAC9B,IAAI,EAAE;gBACJ,KAAK,EAAE,sCAAsC;gBAC7C,WAAW,EAAE,iDAAiD;gBAC9D,WAAW,EAAE,4BAA4B;gBACzC,UAAU,EAAE,IAAI;aACjB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCAA2B,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACtD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACH;oBAC5B,iCAA2B,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACtD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACH;oBAC5B,iCAA2B,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACtD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACH,CACzB,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YACxD,IAAI,EAAE;gBACJ,KAAK,EAAE,oBAAoB;gBAC3B,IAAI,EAAE,IAAI;aACX;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB;oBAC7B,iCACE,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,MAAM,GACe;oBAC7B,iCACE,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,YAAY,GACS,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACzD,IAAI,EAAE;gBACJ,KAAK,EAAE,qCAAqC;gBAC5C,KAAK,EAAE,MAAM;aACd;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB;oBAC7B,iCACE,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,MAAM,GACe;oBAC7B,iCACE,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,YAAY,GACS;oBAC7B,iCACE,KAAK,EAAC,eAAe,EACrB,QAAQ,QACR,KAAK,EAAC,UAAU,GACW,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,sBAAsB;gBAC7B,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB;oBAC7B,iCACE,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,MAAM,GACe;oBAC7B,iCACE,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,YAAY,GACS,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YAC/D,IAAI,EAAE;gBACJ,KAAK,EAAE,oCAAoC;gBAC3C,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,8BAA8B;gBACrC,WAAW,EAAE,gBAAgB;aAC9B;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,iCACE,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,GACgB,CAC1B,CACe,CACvB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;YACjE,IAAI,EAAE;gBACJ,KAAK,EAAE,wCAAwC;gBAC/C,UAAU,EAAE,IAAI;gBAChB,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,mBAAmB;gBAChC,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;oBACtB,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE;oBAClE;wBACE,KAAK,EAAE,MAAM;wBACb,KAAK,EAAE,MAAM;wBACb,WAAW,EAAE,sBAAsB;qBACpC;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,KAAK,EAAE,YAAY;wBACnB,WAAW,EAAE,4BAA4B;qBAC1C;iBACF,CAAC;aACH;YACD,WAAW,EACT,+IAA+I;YACjJ,QAAQ,EAAE,yDAA+D;SAC1E;KACF;CACF,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldmultiselectDocs: NovaDocs<Components.NvFieldmultiselect> = {\n  component: 'nv-fieldmultiselect',\n  badge: 'beta',\n  subcomponents: [\n    'nv-fielddropdownitemcheck',\n    'nv-badge',\n    'nv-icon',\n    'nv-avatar',\n  ],\n  stories: [\n    {\n      name: 'Default',\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              description=\"Description for PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              description=\"Description for Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              description=\"Description for Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Item disabled\"\n              description=\"Description for disabled item\"\n              disabled\n              value=\"disabled\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.inputId),\n      args: {\n        label: 'Multiselect with Custom ID',\n        inputId: 'custom-multiselect-id',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.name),\n      args: {\n        label: 'Multiselect with Name',\n        name: 'programming-languages',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.filterable),\n      args: {\n        label: 'Multiselect Label',\n        filterable: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              description=\"Description for PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              description=\"Description for Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              description=\"Description for Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.maxHeight),\n      args: {\n        label: 'Multiselect with Custom Max Height',\n        maxHeight: '300px',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            {Array.from({ length: 50 }).map((_, index) => (\n              <nv-fielddropdownitemcheck\n                label={`Item ${index + 1}`}\n                value={`item-${index + 1}`}\n              ></nv-fielddropdownitemcheck>\n            ))}\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.badgeLabel),\n      args: {\n        label: 'Multiselect with Custom Badge Label',\n        badgeLabel: 'languages',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              description=\"Description for PHP\"\n              value=\"php\"\n              checked\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              description=\"Description for Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.autocomplete),\n      args: {\n        label: 'Multiselect with Autocomplete',\n        autocomplete: 'on',\n        filterable: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: 'Options Array',\n      args: {\n        label: 'Multiselect with Options Array',\n        filterable: true,\n        mode: 'options',\n        options: JSON.stringify([\n          { label: 'PHP', value: 'php', description: 'Description for PHP' },\n          {\n            label: 'Java',\n            value: 'java',\n            description: 'Description for Java',\n          },\n          {\n            label: 'Javascript',\n            value: 'javascript',\n            description: 'Description for Javascript',\n          },\n        ]),\n      },\n      template: <nv-fieldmultiselect data-storybook-args></nv-fieldmultiselect>,\n    },\n    {\n      name: 'Options Array Preselected',\n      args: {\n        label: 'Multiselect with Options Array Preselected',\n        filterable: true,\n        mode: 'options',\n        options: JSON.stringify([\n          { label: 'PHP', value: 'php', description: 'Description for PHP' },\n          {\n            label: 'Java',\n            value: 'java',\n            description: 'Description for Java',\n            checked: true,\n          },\n          {\n            label: 'Javascript',\n            value: 'javascript',\n            description: 'Description for Javascript',\n            disabled: true,\n          },\n        ]),\n      },\n      template: <nv-fieldmultiselect data-storybook-args></nv-fieldmultiselect>,\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.label),\n      args: {\n        label: 'Filterable Multiselect',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.description),\n      args: {\n        label: 'Multiselect with Description',\n        description: 'Description will show here',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.placeholder),\n      args: {\n        label: 'Multiselect with Placeholder',\n        placeholder: 'Select multiple options...',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.disabled),\n      args: {\n        label: 'Disabled Multiselect',\n        disabled: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.required),\n      args: {\n        label: 'Required Multiselect',\n        required: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.error),\n      args: {\n        label: 'Multiselect with Error',\n        error: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.errorDescription),\n      args: {\n        label: 'Multiselect with Error Description',\n        description: 'Select at least one option.',\n        error: true,\n        errorDescription: 'This multiselect has an error.',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: 'PreSelected',\n      template: (\n        <nv-fieldmultiselect data-storybook-args filterable>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n              checked\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Item disabled\"\n              disabled\n              value=\"disabled\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: 'DefaultSlot',\n      args: {\n        label: 'DefaultSlot Multiselect',\n        description: 'This is a DefaultSlot multiselect.',\n        placeholder: 'Select multiple options...',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"AB\">\n              <nv-avatar initials=\"AB\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"CD\">\n              <nv-avatar initials=\"CD\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"EF\">\n              <nv-avatar initials=\"EF\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: 'DefaultSlotFiltereable',\n      args: {\n        label: 'Default Slot Filtereable Multiselect',\n        description: 'This is a Default Slot Filtereable multiselect.',\n        placeholder: 'Select multiple options...',\n        filterable: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"AB\">\n              <nv-avatar initials=\"AB\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"CD\">\n              <nv-avatar initials=\"CD\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"EF\">\n              <nv-avatar initials=\"EF\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.open),\n      args: {\n        label: 'Multiselect Opened',\n        open: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.value),\n      args: {\n        label: 'Multiselect with Pre-selected Value',\n        value: 'Java',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Item disabled\"\n              disabled\n              value=\"disabled\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.readonly),\n      args: {\n        label: 'Readonly Multiselect',\n        readonly: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.emptyresult),\n      args: {\n        label: 'Multiselect with Empty Result Text',\n        filterable: true,\n        open: true,\n        value: 'search for a inexistent item',\n        emptyresult: 'No items found',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.debounceDelay),\n      args: {\n        label: 'Multiselect with Custom Debounce Delay',\n        filterable: true,\n        debounceDelay: 1000,\n        placeholder: 'Type to filter...',\n        mode: 'options',\n        options: JSON.stringify([\n          { label: 'PHP', value: 'php', description: 'Description for PHP' },\n          {\n            label: 'Java',\n            value: 'java',\n            description: 'Description for Java',\n          },\n          {\n            label: 'Javascript',\n            value: 'javascript',\n            description: 'Description for Javascript',\n          },\n        ]),\n      },\n      description:\n        'Demonstrates the debounce delay when filtering items. The filter will wait 1 second after the user stops typing before filtering the results.',\n      template: <nv-fieldmultiselect data-storybook-args></nv-fieldmultiselect>,\n    },\n  ],\n};\n\nexport default NvFieldmultiselectDocs;\n"]}
+{"version":3,"file":"nv-fieldmultiselect.docs.js","sourceRoot":"","sources":["../../../src/components/nv-fieldmultiselect/nv-fieldmultiselect.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldmultiselectDocs: NovaDocs<Components.NvFieldmultiselect> = {\n  component: 'nv-fieldmultiselect',\n  badge: 'beta',\n  subcomponents: [\n    'nv-fielddropdownitemcheck',\n    'nv-badge',\n    'nv-icon',\n    'nv-avatar',\n  ],\n  stories: [\n    {\n      name: 'Default',\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              description=\"Description for PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              description=\"Description for Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              description=\"Description for Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Item disabled\"\n              description=\"Description for disabled item\"\n              disabled\n              value=\"disabled\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.inputId),\n      args: {\n        label: 'Multiselect with Custom ID',\n        inputId: 'custom-multiselect-id',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.name),\n      args: {\n        label: 'Multiselect with Name',\n        name: 'programming-languages',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.filterable),\n      args: {\n        label: 'Multiselect Label',\n        filterable: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              description=\"Description for PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              description=\"Description for Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              description=\"Description for Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.maxHeight),\n      args: {\n        label: 'Multiselect with Custom Max Height',\n        maxHeight: '300px',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            {Array.from({ length: 50 }).map((_, index) => (\n              <nv-fielddropdownitemcheck\n                label={`Item ${index + 1}`}\n                value={`item-${index + 1}`}\n              ></nv-fielddropdownitemcheck>\n            ))}\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.badgeLabel),\n      args: {\n        label: 'Multiselect with Custom Badge Label',\n        badgeLabel: 'languages',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              description=\"Description for PHP\"\n              value=\"php\"\n              checked\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              description=\"Description for Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.autocomplete),\n      args: {\n        label: 'Multiselect with Autocomplete',\n        autocomplete: 'on',\n        filterable: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: <nv-fieldmultiselect data-storybook-args></nv-fieldmultiselect>,\n    },\n    {\n      name: 'Options Array',\n      args: {\n        label: 'Multiselect with Options Array',\n        filterable: true,\n        mode: 'options',\n        options: JSON.stringify([\n          { label: 'PHP', value: 'php', description: 'Description for PHP' },\n          {\n            label: 'Java',\n            value: 'java',\n            description: 'Description for Java',\n          },\n          {\n            label: 'Javascript',\n            value: 'javascript',\n            description: 'Description for Javascript',\n          },\n        ]),\n      },\n      template: <nv-fieldmultiselect data-storybook-args></nv-fieldmultiselect>,\n    },\n    {\n      name: 'Options Array Preselected',\n      args: {\n        label: 'Multiselect with Options Array Preselected',\n        filterable: true,\n        mode: 'options',\n        options: JSON.stringify([\n          { label: 'PHP', value: 'php', description: 'Description for PHP' },\n          {\n            label: 'Java',\n            value: 'java',\n            description: 'Description for Java',\n            checked: true,\n          },\n          {\n            label: 'Javascript',\n            value: 'javascript',\n            description: 'Description for Javascript',\n            disabled: true,\n          },\n        ]),\n      },\n      template: <nv-fieldmultiselect data-storybook-args></nv-fieldmultiselect>,\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.label),\n      args: {\n        label: 'Filterable Multiselect',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.description),\n      args: {\n        label: 'Multiselect with Description',\n        description: 'Description will show here',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.placeholder),\n      args: {\n        label: 'Multiselect with Placeholder',\n        placeholder: 'Select multiple options...',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.disabled),\n      args: {\n        label: 'Disabled Multiselect',\n        disabled: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.required),\n      args: {\n        label: 'Required Multiselect',\n        required: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.error),\n      args: {\n        label: 'Multiselect with Error',\n        error: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.errorDescription),\n      args: {\n        label: 'Multiselect with Error Description',\n        description: 'Select at least one option.',\n        error: true,\n        errorDescription: 'This multiselect has an error.',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: 'PreSelected',\n      template: (\n        <nv-fieldmultiselect data-storybook-args filterable>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n              checked\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Item disabled\"\n              disabled\n              value=\"disabled\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: 'DefaultSlot',\n      args: {\n        label: 'DefaultSlot Multiselect',\n        description: 'This is a DefaultSlot multiselect.',\n        placeholder: 'Select multiple options...',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"AB\">\n              <nv-avatar initials=\"AB\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"CD\">\n              <nv-avatar initials=\"CD\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"EF\">\n              <nv-avatar initials=\"EF\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: 'DefaultSlotFiltereable',\n      args: {\n        label: 'Default Slot Filtereable Multiselect',\n        description: 'This is a Default Slot Filtereable multiselect.',\n        placeholder: 'Select multiple options...',\n        filterable: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"AB\">\n              <nv-avatar initials=\"AB\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"CD\">\n              <nv-avatar initials=\"CD\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck class=\"flex gap-2\" value=\"EF\">\n              <nv-avatar initials=\"EF\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text</span>\n            </nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.open),\n      args: {\n        label: 'Multiselect Opened',\n        open: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.value),\n      args: {\n        label: 'Multiselect with Pre-selected Value',\n        value: 'Java',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Item disabled\"\n              disabled\n              value=\"disabled\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.readonly),\n      args: {\n        label: 'Readonly Multiselect',\n        readonly: true,\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Java\"\n              value=\"java\"\n            ></nv-fielddropdownitemcheck>\n            <nv-fielddropdownitemcheck\n              label=\"Javascript\"\n              value=\"javascript\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.emptyResult),\n      args: {\n        label: 'Multiselect with Empty Result Text',\n        filterable: true,\n        open: true,\n        value: 'search for a inexistent item',\n        emptyResult: 'No items found',\n      },\n      template: (\n        <nv-fieldmultiselect data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitemcheck\n              label=\"PHP\"\n              value=\"php\"\n            ></nv-fielddropdownitemcheck>\n          </ul>\n        </nv-fieldmultiselect>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldmultiselect>(x => x.debounceDelay),\n      args: {\n        label: 'Multiselect with Custom Debounce Delay',\n        filterable: true,\n        debounceDelay: 1000,\n        placeholder: 'Type to filter...',\n        mode: 'options',\n        options: JSON.stringify([\n          { label: 'PHP', value: 'php', description: 'Description for PHP' },\n          {\n            label: 'Java',\n            value: 'java',\n            description: 'Description for Java',\n          },\n          {\n            label: 'Javascript',\n            value: 'javascript',\n            description: 'Description for Javascript',\n          },\n        ]),\n      },\n      description:\n        'Demonstrates the debounce delay when filtering items. The filter will wait 1 second after the user stops typing before filtering the results.',\n      template: <nv-fieldmultiselect data-storybook-args></nv-fieldmultiselect>,\n    },\n  ],\n};\n\nexport default NvFieldmultiselectDocs;\n"]}

package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.js

@@ -31,7 +31,7 @@ export class NvFieldmultiselect {
         /**
          * The text to display when no items match the filter.
          */
-        this.emptyresult = 'No results found';
+        this.emptyResult = 'No results found';
         /**
          * Marks the input field as required.
          */
@@ -94,6 +94,12 @@ export class NvFieldmultiselect {
          */
         this.modeState = 'options'; // Default value
         this.isHandlingEscape = false;
+        /**
+         * Applies focus to the input field as soon as the component is mounted. This
+         * is equivalent to setting the native autofocus attribute on an <input>
+         * element.
+         */
+        this.autofocus = false;
         /**x
          * Handle badge close for options mode.
          */
@@ -717,7 +723,7 @@ export class NvFieldmultiselect {
         if (!hasVisibleItems) {
             const emptyMessage = document.createElement('li');
             emptyMessage.setAttribute('data-empty', 'true');
-            emptyMessage.textContent = this.emptyresult;
+            emptyMessage.textContent = this.emptyResult;
             emptyMessage.classList.add('no-results-message');
             ul.appendChild(emptyMessage);
         }
@@ -808,7 +814,7 @@ export class NvFieldmultiselect {
         if (!hasVisibleItems) {
             const emptyMessage = document.createElement('li');
             emptyMessage.setAttribute('data-empty', 'true');
-            emptyMessage.textContent = this.emptyresult;
+            emptyMessage.textContent = this.emptyResult;
             emptyMessage.classList.add('no-results-message');
             ul.appendChild(emptyMessage);
         }
@@ -837,10 +843,6 @@ export class NvFieldmultiselect {
             .toLowerCase() // Convert to lowercase
             .trim(); // Remove leading and trailing whitespace
     }
-    /**
-     * Handle click outside the component.
-     * @param {MouseEvent} event - The click event.
-     */
     handleClickOutside(event) {
         if (this.el.contains(event.target) ||
             (this.inputElement && this.inputElement.contains(event.target))) {
@@ -980,7 +982,7 @@ export class NvFieldmultiselect {
             return;
         const emptyMessage = document.createElement('li');
         emptyMessage.setAttribute('data-empty', 'true');
-        emptyMessage.textContent = this.emptyresult;
+        emptyMessage.textContent = this.emptyResult;
         emptyMessage.classList.add('no-results-message');
         ul.appendChild(emptyMessage);
     }
@@ -1022,7 +1024,7 @@ export class NvFieldmultiselect {
      * @returns {any} The JSX for options mode
      */
     renderOptionsMode() {
-        return (h(Host, null, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { htmlFor: this.inputId }, h("slot", { name: "label" }, this.label))), h("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h("slot", { name: "before-input" }), h("div", { class: "input-container-multiselect" }, h("slot", { name: "leading-input" }), h("nv-badge", { slot: "leading-input", "prevent-auto-close": "true", color: "10", dismissible: this.selectedValues.length > 0, hidden: this.selectedValues.length <= 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions }), this.isFilterable || this.disabled || this.readonly ? (h("input", { id: this.inputId, ref: e => (this.inputElement = e), autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDown })) : (h("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickOptions, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusOptions, role: "combobox", "aria-expanded": this.open }, h("span", null, this.value || this.placeholder))), h("nv-iconbutton", { class: "toggle-dropdown-icon", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopoverOptions })), h("slot", { name: "after-input" })), h("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, h("ul", { role: "content" }, this.parsedOptions.map(option => (h("nv-fielddropdownitemcheck", { label: option.label, description: option.description, value: option.value, checked: this.selectedValues.includes(option.value), disabled: option.disabled }))), h("hr", { class: "multiselect-divider", style: { display: 'none' } })))), this.renderDescriptions()));
+        return (h(Host, null, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { htmlFor: this.inputId }, h("slot", { name: "label" }, this.label))), h("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h("slot", { name: "before-input" }), h("div", { class: "input-container-multiselect" }, h("slot", { name: "leading-input" }), h("nv-badge", { slot: "leading-input", "prevent-auto-close": "true", color: "10", dismissible: this.selectedValues.length > 0, hidden: this.selectedValues.length <= 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions }), this.isFilterable || this.disabled || this.readonly ? (h("input", { id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDown })) : (h("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickOptions, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusOptions, role: "combobox", "aria-expanded": this.open }, h("span", null, this.value || this.placeholder))), h("nv-iconbutton", { class: "toggle-dropdown-icon", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopoverOptions })), h("slot", { name: "after-input" })), h("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, h("ul", { role: "content" }, this.parsedOptions.map(option => (h("nv-fielddropdownitemcheck", { label: option.label, description: option.description, value: option.value, checked: this.selectedValues.includes(option.value), disabled: option.disabled }))), h("hr", { class: "multiselect-divider", style: { display: 'none' } })))), this.renderDescriptions()));
     }
     /**
      * Renders the component in slots mode
@@ -1201,7 +1203,7 @@ export class NvFieldmultiselect {
                 "reflect": true,
                 "defaultValue": "''"
             },
-            "emptyresult": {
+            "emptyResult": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -1217,7 +1219,7 @@ export class NvFieldmultiselect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "emptyresult",
+                "attribute": "empty-result",
                 "reflect": true,
                 "defaultValue": "'No results found'"
             },
@@ -1331,7 +1333,7 @@ export class NvFieldmultiselect {
                 "mutable": false,
                 "complexType": {
                     "original": "`${TextInputAutocomplete}`",
-                    "resolved": "\"on\" | \"off\" | \"home\" | \"section-*\" | \"shipping\" | \"billing\" | \"work\" | \"mobile\" | \"fax\" | \"pager\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-extension\" | \"email\" | \"impp\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"url\" | \"photo\"",
+                    "resolved": "\"on\" | \"off\" | \"section-*\" | \"shipping\" | \"billing\" | \"home\" | \"work\" | \"mobile\" | \"fax\" | \"pager\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-extension\" | \"email\" | \"impp\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"url\" | \"photo\"",
                     "references": {
                         "TextInputAutocomplete": {
                             "location": "import",
@@ -1477,6 +1479,26 @@ export class NvFieldmultiselect {
                 "attribute": "debounce-delay",
                 "reflect": true,
                 "defaultValue": "300"
+            },
+            "autofocus": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Applies focus to the input field as soon as the component is mounted. This\nis equivalent to setting the native autofocus attribute on an <input>\nelement."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "autofocus",
+                "reflect": true,
+                "defaultValue": "false"
             }
         };
     }
@@ -1493,27 +1515,6 @@ export class NvFieldmultiselect {
     }
     static get events() {
         return [{
-                "method": "dropdownItemSelected",
-                "name": "dropdownItemSelected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event emitted when an item is selected."
-                },
-                "complexType": {
-                    "original": "DropdownItemSelectedEventDetail",
-                    "resolved": "DropdownItemSelectedEventDetail",
-                    "references": {
-                        "DropdownItemSelectedEventDetail": {
-                            "location": "import",
-                            "path": "../nv-fielddropdownitem/DropdownItemSelectedEventDetail",
-                            "id": "src/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.tsx::DropdownItemSelectedEventDetail"
-                        }
-                    }
-                }
-            }, {
                 "method": "valueChanged",
                 "name": "valueChanged",
                 "bubbles": true,