@api-client/ui 0.5.6 → 0.5.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/.cursor/rules/html-and-css-best-practices.mdc +63 -0
  2. package/.cursor/rules/lit-best-practices.mdc +78 -0
  3. package/.github/instructions/html-and-css-best-practices.instructions.md +70 -0
  4. package/.github/instructions/lit-best-practices.instructions.md +86 -0
  5. package/build/src/elements/currency/currency-picker.d.ts +10 -0
  6. package/build/src/elements/currency/currency-picker.d.ts.map +1 -0
  7. package/build/src/elements/currency/currency-picker.js +27 -0
  8. package/build/src/elements/currency/currency-picker.js.map +1 -0
  9. package/build/src/elements/currency/internals/Picker.d.ts +311 -0
  10. package/build/src/elements/currency/internals/Picker.d.ts.map +1 -0
  11. package/build/src/elements/currency/internals/Picker.js +857 -0
  12. package/build/src/elements/currency/internals/Picker.js.map +1 -0
  13. package/build/src/elements/currency/internals/Picker.styles.d.ts +3 -0
  14. package/build/src/elements/currency/internals/Picker.styles.d.ts.map +1 -0
  15. package/build/src/elements/currency/internals/Picker.styles.js +58 -0
  16. package/build/src/elements/currency/internals/Picker.styles.js.map +1 -0
  17. package/build/src/elements/mention-textarea/internals/MentionTextArea.d.ts +216 -0
  18. package/build/src/elements/mention-textarea/internals/MentionTextArea.d.ts.map +1 -0
  19. package/build/src/elements/mention-textarea/internals/MentionTextArea.js +1037 -0
  20. package/build/src/elements/mention-textarea/internals/MentionTextArea.js.map +1 -0
  21. package/build/src/elements/mention-textarea/internals/MentionTextArea.styles.d.ts +3 -0
  22. package/build/src/elements/mention-textarea/internals/MentionTextArea.styles.d.ts.map +1 -0
  23. package/build/src/elements/mention-textarea/internals/MentionTextArea.styles.js +274 -0
  24. package/build/src/elements/mention-textarea/internals/MentionTextArea.styles.js.map +1 -0
  25. package/build/src/elements/mention-textarea/ui-mention-textarea.d.ts +13 -0
  26. package/build/src/elements/mention-textarea/ui-mention-textarea.d.ts.map +1 -0
  27. package/build/src/elements/mention-textarea/ui-mention-textarea.js +28 -0
  28. package/build/src/elements/mention-textarea/ui-mention-textarea.js.map +1 -0
  29. package/build/src/md/button/internals/base.d.ts +1 -0
  30. package/build/src/md/button/internals/base.d.ts.map +1 -1
  31. package/build/src/md/button/internals/base.js +7 -0
  32. package/build/src/md/button/internals/base.js.map +1 -1
  33. package/build/src/md/chip/internals/Chip.styles.d.ts.map +1 -1
  34. package/build/src/md/chip/internals/Chip.styles.js +2 -0
  35. package/build/src/md/chip/internals/Chip.styles.js.map +1 -1
  36. package/build/src/md/date-picker/internals/DatePicker.styles.d.ts.map +1 -1
  37. package/build/src/md/date-picker/internals/DatePicker.styles.js +73 -0
  38. package/build/src/md/date-picker/internals/DatePicker.styles.js.map +1 -1
  39. package/build/src/md/date-picker/internals/DatePickerCalendar.d.ts +164 -51
  40. package/build/src/md/date-picker/internals/DatePickerCalendar.d.ts.map +1 -1
  41. package/build/src/md/date-picker/internals/DatePickerCalendar.js +660 -368
  42. package/build/src/md/date-picker/internals/DatePickerCalendar.js.map +1 -1
  43. package/build/src/md/date-picker/ui-date-picker-input.d.ts +65 -13
  44. package/build/src/md/date-picker/ui-date-picker-input.d.ts.map +1 -1
  45. package/build/src/md/date-picker/ui-date-picker-input.js +143 -76
  46. package/build/src/md/date-picker/ui-date-picker-input.js.map +1 -1
  47. package/build/src/md/date-picker/ui-date-picker-modal-input.d.ts +76 -17
  48. package/build/src/md/date-picker/ui-date-picker-modal-input.d.ts.map +1 -1
  49. package/build/src/md/date-picker/ui-date-picker-modal-input.js +192 -127
  50. package/build/src/md/date-picker/ui-date-picker-modal-input.js.map +1 -1
  51. package/build/src/md/date-picker/ui-date-picker-modal.d.ts +63 -15
  52. package/build/src/md/date-picker/ui-date-picker-modal.d.ts.map +1 -1
  53. package/build/src/md/date-picker/ui-date-picker-modal.js +143 -64
  54. package/build/src/md/date-picker/ui-date-picker-modal.js.map +1 -1
  55. package/demo/elements/currency/index.html +91 -0
  56. package/demo/elements/currency/index.ts +272 -0
  57. package/demo/elements/index.html +6 -0
  58. package/demo/elements/mention-textarea/index.html +19 -0
  59. package/demo/elements/mention-textarea/index.ts +205 -0
  60. package/demo/md/date-picker/date-picker.ts +138 -103
  61. package/package.json +2 -2
  62. package/src/elements/currency/currency-picker.ts +14 -0
  63. package/src/elements/currency/internals/Picker.styles.ts +58 -0
  64. package/src/elements/currency/internals/Picker.ts +846 -0
  65. package/src/elements/mention-textarea/internals/MentionTextArea.styles.ts +274 -0
  66. package/src/elements/mention-textarea/internals/MentionTextArea.ts +1036 -0
  67. package/src/elements/mention-textarea/ui-mention-textarea.ts +18 -0
  68. package/src/md/button/internals/base.ts +7 -0
  69. package/src/md/chip/internals/Chip.styles.ts +2 -0
  70. package/src/md/date-picker/internals/DatePicker.styles.ts +73 -0
  71. package/src/md/date-picker/internals/DatePickerCalendar.ts +643 -309
  72. package/src/md/date-picker/ui-date-picker-input.ts +110 -49
  73. package/src/md/date-picker/ui-date-picker-modal-input.ts +168 -99
  74. package/src/md/date-picker/ui-date-picker-modal.ts +136 -53
  75. package/test/README.md +3 -2
  76. package/test/elements/currency/CurrencyPicker.accessibility.test.ts +328 -0
  77. package/test/elements/currency/CurrencyPicker.core.test.ts +318 -0
  78. package/test/elements/currency/CurrencyPicker.integration.test.ts +482 -0
  79. package/test/elements/currency/CurrencyPicker.test.ts +486 -0
  80. package/test/elements/mention-textarea/MentionTextArea.basic.test.ts +63 -0
  81. package/test/elements/mention-textarea/MentionTextArea.test.ts +321 -0
  82. package/tsconfig.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAA4C,OAAO,EAAE,MAAM,KAAK,CAAA;AACzF,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,OAAO,yCAAyC,CAAA;AAChD,OAAO,uCAAuC,CAAA;AAC9C,OAAO,iCAAiC,CAAA;AACxC,OAAO,6BAA6B,CAAA;;sBAoFQ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAjC,cAAe,SAAQ,WAAU;;;oCA0BnD,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;6CAOzB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;iCAOzB,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gCAO1B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAO1B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAO1B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCAO3B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iCAO3B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCAQ3B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAM3B,KAAK,EAAE;yCAMP,KAAK,CAAC,oBAAoB,CAAC;YArED,6KAAS,QAAQ,6BAAR,QAAQ,2FAAe;YAOhC,wMAAS,iBAAiB,6BAAjB,iBAAiB,6GAAe;YAOxC,oKAAS,KAAK,6BAAL,KAAK,qFAAiB;YAO/B,iKAAS,IAAI,6BAAJ,IAAI,mFAAoB;YAOjC,+LAAS,cAAc,6BAAd,cAAc,uGAAoB;YAO1C,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAOzB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAOzB,oKAAS,KAAK,6BAAL,KAAK,qFAAQ;YAQtB,mLAAS,UAAU,6BAAV,UAAU,+FAAO;YAM9C,iNAAiB,oBAAoB,6BAApB,oBAAoB,mHAAiB;YAO/D,4LAAiB,aAAa,6BAAb,aAAa,qGAAkC;;;QA/FhE;;;WAGG;QACH,MAAM,CAAC,cAAc,GAAG,IAAI,CAAA;QAE5B;;;WAGG;QACK,SAAS,CAAkB;QAEnC;;;WAGG;QACH,MAAM,CAAU,iBAAiB,GAAmB;YAClD,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACrB,CAAA;QAM0B,6EAA8B,EAAE;QAE3D;;;;WAIG;UANwD;QAJ3D;;;WAGG;QACwB,IAAS,QAAQ,8CAAe;QAAhC,IAAS,QAAQ,oDAAe;QAOhC,sJAAuC,EAAE;QAEpE;;;;WAIG;WANiE;QALpE;;;;WAIG;QACwB,IAAS,iBAAiB,uDAAe;QAAzC,IAAS,iBAAiB,6DAAe;QAOxC,uIAAiB,cAAc;QAE3D;;;;WAIG;WANwD;QAL3D;;;;WAIG;QACyB,IAAS,KAAK,2CAAiB;QAA/B,IAAS,KAAK,iDAAiB;QAO/B,kIAAiC;QAL7D;;;;WAIG;QACyB,IAAS,IAAI,0CAAoB;QAAjC,IAAS,IAAI,gDAAoB;QAOjC,qJAA2C;QALvE;;;;WAIG;QACyB,IAAS,cAAc,oDAAoB;QAA3C,IAAS,cAAc,0DAAoB;QAO1C,0IAAoB,KAAK;QAEtD;;;;WAIG;WANmD;QALtD;;;;WAIG;QAC0B,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAOzB,oIAAoB,KAAK;QACtD;;;;;WAKG;WANmD;QALtD;;;;WAIG;QAC0B,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAOzB,8HAAiB,KAAK;QAEnD;;;;;WAKG;WAPgD;QANnD;;;;;WAKG;QAC0B,IAAS,KAAK,2CAAQ;QAAtB,IAAS,KAAK,iDAAQ;QAQtB,qIAAsB,IAAI;QAEvD;;;WAGG;WALoD;QANvD;;;;;WAKG;QAC0B,IAAS,UAAU,gDAAO;QAA1B,IAAS,UAAU,sDAAO;QAM9C,8JAAoD,EAAE;QAE/D;;;WAGG;WAL4D;QAJ/D;;;WAGG;QACM,IAAiB,oBAAoB,0DAAiB;QAAtD,IAAiB,oBAAoB,gEAAiB;QAO/D,mKAAgE;QALhE;;;WAGG;QAEH,IAAiB,aAAa,mDAAkC;QAAhE,IAAiB,aAAa,yDAAkC;QAEhE;;;WAGG;QACH,IAAI,IAAI;YACN,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA;QAC5B,CAAC;QAED;;;WAGG;QACH,IAAI,QAAQ;YACV,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA;QAChC,CAAC;QAED;;;WAGG;QACH,IAAI,iBAAiB;YACnB,OAAO,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAA;QACzC,CAAC;QAED;;;WAGG;QACH,IAAI,YAAY;YACd,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,CAAA;QACpC,CAAC;QAED;;;;WAIG;QACH,aAAa;YACX,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAA;QACvC,CAAC;QAED;;;;WAIG;QACH,cAAc;YACZ,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAA;QACxC,CAAC;QAED;;;;WAIG;QACc,UAAU,+DAAe;YACxC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE;YACvF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE;YACnF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE;YAC5F,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;YAClF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACvF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE;YAC5F,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE;YACxF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;YAClF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;YAClF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE;YAC5F,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACtF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACnF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE;YAC3F,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE;YAC5F,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACvF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACrF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;YACrF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACpF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACpF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE;YAC/F,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACnF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE;YAChG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE;YAClF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;YACrF,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,sBAAsB,EAAE,IAAI,EAAE,MAAM,EAAE;SAClG,EAAA;QAED;YACE,KAAK,EAAE,CAAA;YACP,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QACzC,CAAC;QAEQ,iBAAiB;YACxB,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,IAAI,CAAC,0BAA0B,EAAE,CAAA;YACjC,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC;QAED;;WAEG;QACK,eAAe;YACrB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YACvE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QACpC,CAAC;QAEkB,UAAU,CAAC,OAA6B;YACzD,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;YAEzB,mDAAmD;YACnD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;gBAEtE,uDAAuD;gBACvD,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACtC,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;oBAClD,MAAM,oBAAoB,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;oBAElF,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBACpC,IAAI,CAAC,QAAQ,CAAC;4BACZ,IAAI,EAAE,YAAY;4BAClB,OAAO,EAAE,4CAA4C,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;4BACtF,OAAO,EAAE;gCACP,QAAQ,EAAE,UAAU;gCACpB,YAAY,EAAE,oBAAoB;gCAClC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;6BAC1C;yBACF,CAAC,CAAA;wBAEF,2BAA2B;wBAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;oBACtE,CAAC;gBACH,CAAC;gBAED,4DAA4D;gBAC5D,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC5C,6DAA6D;oBAC7D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;oBACzC,IAAI,CAAC,QAAQ,CAAC;wBACZ,IAAI,EAAE,WAAW;wBACjB,OAAO,EAAE,yFAAyF;wBAClG,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;qBAC3E,CAAC,CAAA;gBACJ,CAAC;gBAED,+BAA+B;gBAC/B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBAChD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,wCAAwC,CAAC,CAAA;oBAC5F,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;oBACzC,IAAI,CAAC,kBAAkB,CAAC;wBACtB,IAAI,EAAE,WAAW;wBACjB,OAAO,EAAE,2DAA2D;wBACpE,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,IAAI,CAAC,QAAQ,EAAE;qBACtE,CAAC,CAAA;gBACJ,CAAC;qBAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACtD,oDAAoD;oBACpD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;oBAC9B,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;gBAC5C,CAAC;YACH,CAAC;YACD,kDAAkD;YAClD,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE,CAAC;gBACrC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CAAA;gBAEjG,0DAA0D;gBAC1D,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACtC,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;oBAClD,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;oBAC7E,IAAI,gBAAgB,CAAC,MAAM,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;wBACrD,IAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAA;oBAClC,CAAC;gBACH,CAAC;YACH,CAAC;YAED,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxF,IAAI,CAAC,0BAA0B,EAAE,CAAA;YACnC,CAAC;YAED,0CAA0C;YAC1C,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,eAAe,EAAE,CAAA;YACxB,CAAC;YAED,6EAA6E;YAC7E,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBAClD,sFAAsF;gBACtF,qFAAqF;gBACrF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;oBAChB,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBAC7E,CAAC;qBAAM,CAAC;oBACN,mFAAmF;oBACnF,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAA;gBAC/B,CAAC;YACH,CAAC;QACH,CAAC;QAED;;;WAGG;QACgB,OAAO,CAAC,OAA6B;YACtD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YAEtB,wDAAwD;YACxD,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;gBAC5E,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;oBAChB,wEAAwE;oBACxE,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBAC7E,CAAC;qBAAM,CAAC;oBACN,uFAAuF;oBACvF,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAA;gBAC/B,CAAC;YACH,CAAC;QACH,CAAC;QAED;;;;WAIG;QACK,QAAQ,CAAC,KAA0B,EAAE,QAAQ,GAAG,IAAI;YAC1D,kDAAkD;YAClD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;YAChE,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;YACzC,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;YAChC,CAAC;QACH,CAAC;QAED;;;WAGG;QACK,kBAAkB,CAAC,KAA0B;YACnD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,EAAE,KAAK,EAAE;gBACjB,OAAO,EAAE,KAAK;aACf,CAAC,CACH,CAAA;QACH,CAAC;QAED;;WAEG;QACK,UAAU;YAChB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;YAC9B,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;QAC5C,CAAC;QAED;;;;WAIG;QACK,qBAAqB,CAAC,KAAe;YAC3C,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAA;QAC9E,CAAC;QAED;;;;;WAKG;QACK,sBAAsB,CAAC,KAAe,EAAE,QAAgB;YAC9D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC1B,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,YAAY;oBAClB,OAAO,EAAE,WAAW,QAAQ,oCAAoC;oBAChE,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;iBACpC,CAAC,CAAA;gBACF,OAAO,EAAE,CAAA;YACX,CAAC;YAED,MAAM,YAAY,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;YACtD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,YAAY;oBAClB,OAAO,EAAE,6BAA6B,QAAQ,KAAK,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;oBAC5E,OAAO,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;iBACpF,CAAC,CAAA,CAAC,6CAA6C;gBAEhD,0BAA0B;gBAC1B,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;YAC7D,CAAC;YAED,yDAAyD;YACzD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;gBACnC,IAAI,CAAC,UAAU,EAAE,CAAA;YACnB,CAAC;YAED,OAAO,KAAK,CAAA;QACd,CAAC;QAED;;;;WAIG;QACK,4BAA4B,CAAC,YAAsB;YACzD,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3C,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,WAAW;oBACjB,OAAO,EAAE,6DAA6D;oBACtE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE;iBACjE,CAAC,CAAA;gBACF,OAAO,KAAK,CAAA;YACd,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC/C,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,wCAAwC,CAAC,CAAA;gBAC5F,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;gBACzC,IAAI,CAAC,kBAAkB,CAAC;oBACtB,IAAI,EAAE,WAAW;oBACjB,OAAO,EAAE,2DAA2D;oBACpE,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE;iBACrE,CAAC,CAAA;gBACF,OAAO,KAAK,CAAA;YACd,CAAC;YAED,OAAO,IAAI,CAAA;QACb,CAAC;QAEO,0BAA0B;YAChC,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YAE5C,kEAAkE;YAClE,IAAI,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAA;YACzC,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtC,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;gBAClD,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;YAC7E,CAAC;YACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,8CAA8C;gBAC9C,IAAI,CAAC,oBAAoB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;YAC3F,CAAC;iBAAM,CAAC;gBACN,sDAAsD;gBACtD,IAAI,CAAC,oBAAoB,GAAG,mBAAmB,CAAA;YACjD,CAAC;QACH,CAAC;QAEO,oBAAoB,CAAC,KAAY;YACvC,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAA;gBAChD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;gBAEjC,IAAI,CAAC,YAAY;oBAAE,OAAM;gBAEzB,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAA;gBACrE,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,IAAI,CAAC,QAAQ,CAAC;wBACZ,IAAI,EAAE,WAAW;wBACjB,OAAO,EAAE,uBAAuB,YAAY,EAAE;wBAC9C,OAAO,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE;qBACzC,CAAC,CAAA;oBACF,OAAM;gBACR,CAAC;gBAED,IAAI,YAAsB,CAAA;gBAE1B,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,qDAAqD;oBACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;wBAC3C,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;oBAClD,CAAC;yBAAM,CAAC;wBACN,gFAAgF;wBAChF,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;4BACnC,IAAI,CAAC,UAAU,EAAE,CAAA;wBACnB,CAAC;wBACD,OAAM;oBACR,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,kDAAkD;oBAClD,YAAY,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;gBAChC,CAAC;gBAED,6BAA6B;gBAC7B,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,YAAY,CAAC,EAAE,CAAC;oBACrD,OAAM,CAAC,gDAAgD;gBACzD,CAAC;gBAED,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;gBAC5B,IAAI,CAAC,0BAA0B,EAAE,CAAA;gBAEjC,yCAAyC;gBACzC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA;gBACnB,CAAC;gBAED,oDAAoD;gBACpD,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjB,IAAI,CAAC,mBAAmB,EAAE,CAAA;YAC5B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,UAAU;oBAChB,OAAO,EAAE,6CAA6C,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;oBAC9G,OAAO,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;iBAClC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;QAEO,oBAAoB,CAAC,KAAY;YACvC,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,KAAK,CAAC,MAAqB,CAAA;gBACxC,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAA;gBAEtC,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,IAAI,CAAC,QAAQ,CAAC;wBACZ,IAAI,EAAE,UAAU;wBAChB,OAAO,EAAE,qDAAqD;wBAC9D,OAAO,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;qBAC/B,CAAC,CAAA;oBACF,OAAM;gBACR,CAAC;gBAED,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,CAAA;gBAE1E,yDAAyD;gBACzD,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,YAAY,CAAC,EAAE,CAAC;oBACrD,OAAM,CAAC,gDAAgD;gBACzD,CAAC;gBAED,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;gBAC5B,IAAI,CAAC,0BAA0B,EAAE,CAAA;gBAEjC,kDAAkD;gBAClD,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjB,IAAI,CAAC,mBAAmB,EAAE,CAAA;YAC5B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,UAAU;oBAChB,OAAO,EAAE,2CAA2C,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;oBAC5G,OAAO,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;iBAClC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;QAEO,mBAAmB;YACzB,MAAM,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAA;YAEvD,2CAA2C;YAC3C,IAAI,CAAC,eAAe,EAAE,CAAA;YAEtB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,MAAM,EAAE;oBACN,UAAU,EAAE,kBAAkB;oBAC9B,KAAK,EAAE,IAAI,CAAC,QAAQ;iBACrB;gBACD,OAAO,EAAE,KAAK;aACf,CAAC,CACH,CAAA;QACH,CAAC;QAED;;;;WAIG;QACH,IAAI,qBAAqB;YACvB,OAAO,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC3B,CAAC;QAED;;;;;WAKG;QACH,qBAAqB;YACnB,MAAM,MAAM,GAAe,EAAE,CAAA;YAC7B,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;gBAC7D,IAAI,QAAQ,EAAE,CAAC;oBACb,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;gBACvB,CAAC;YACH,CAAC;YACD,OAAO,MAAM,CAAA;QACf,CAAC;QAED;;;;;;WAMG;QACH,cAAc;YACZ,IAAI,CAAC;gBACH,MAAM,YAAY,GAAa,EAAE,CAAA;gBAEjC,0DAA0D;gBAC1D,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,YAAY,CAAC,EAAE,CAAC;oBACrD,OAAM,CAAC,gDAAgD;gBACzD,CAAC;gBAED,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;gBAC5B,IAAI,CAAC,0BAA0B,EAAE,CAAA;gBAEjC,gDAAgD;gBAChD,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjB,IAAI,CAAC,mBAAmB,EAAE,CAAA;gBAE1B,sDAAsD;gBACtD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAA;gBAC/B,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,UAAU;oBAChB,OAAO,EAAE,0CAA0C,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;oBAC3G,OAAO,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;iBAClC,CAAC,CAAA;YACJ,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC;QAED;;;;;;;WAOG;QACH,wBAAwB,CAAC,KAA+B;YACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,EAAE,CAAC;gBACvC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;gBAChD,IAAI,CAAC,0BAA0B,EAAE,CAAA;gBAEjC,qDAAqD;gBACrD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBAC5C,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;oBAC7C,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAA;oBAC/B,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;QAED;;;;WAIG;QACH,iBAAiB;YACf,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAA;YAClB,IAAI,CAAC,0BAA0B,EAAE,CAAA;YACjC,IAAI,CAAC,UAAU,EAAE,CAAA;YACjB,IAAI,CAAC,eAAe,EAAE,CAAA;YAEtB,sDAAsD;YACtD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAA;YAC/B,CAAC;YAED,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;QAED;;;;;WAKG;QACM,MAAM;YACb,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;gBAC1B,CAAC,CAAC,sBAAsB,IAAI,CAAC,QAAQ,CAAC,MAAM,uBAAuB;gBACnE,CAAC,CAAC,sBAAsB,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,sBAAsB,GAAG,CAAA;YAE/G,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAA;YAE/C,OAAO,IAAI,CAAA;8DAC+C,SAAS;;mBAEpD,IAAI,CAAC,KAAK;qBACR,IAAI,CAAC,oBAAoB;;uBAEvB,IAAI,CAAC,QAAQ;uBACb,IAAI,CAAC,QAAQ;6BACP,IAAI,CAAC,cAAc,IAAI,EAAE;mBACnC,IAAI,CAAC,IAAI,IAAI,EAAE;8BACJ,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;0BAChD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;;;YAKzC,MAAM,CACN,IAAI,CAAC,oBAAoB,EACzB,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAC3B,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAA;yCACW,QAAQ,CAAC,IAAI;uCACf,QAAQ,CAAC,OAAO;8CACT,QAAQ,CAAC,IAAI;+EACoB,QAAQ,CAAC,MAAM;iDAC7C,QAAQ,CAAC,IAAI;uCACvB,QAAQ,CAAC,IAAI;;aAEvC,CACF;;UAED,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;;KAE/C,CAAA;QACH,CAAC;QAED;;;;WAIG;QACO,WAAW;YACnB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;gBACtD,OAAO,OAAO,CAAA;YAChB,CAAC;YAED,OAAO,IAAI,CAAA;;sCAEuB,IAAI,CAAC,SAAS,CAAC,iBAAiB;;KAEjE,CAAA;QACH,CAAC;QAED;;;;;WAKG;QACO,cAAc;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;gBAChB,OAAO,OAAO,CAAA;YAChB,CAAC;YACD,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAA;YAC7C,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,OAAO,CAAA;YAEzC,OAAO,IAAI,CAAA;;UAEL,MAAM,CACN,QAAQ,EACR,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAC3B,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAA;;2BAED,QAAQ,CAAC,IAAI;;yBAEf,IAAI,CAAC,oBAAoB;4BACtB,IAAI;;oDAEoB,QAAQ,CAAC,IAAI;wCACzB,QAAQ,CAAC,IAAI;;WAE1C,CACF;;KAEJ,CAAA;QACH,CAAC;;;AA/xBH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH","sourcesContent":["import { LitElement, html, type TemplateResult, type PropertyValues, nothing } from 'lit'\nimport { property, state, query } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\n\nimport '@material/web/select/outlined-select.js'\nimport '@material/web/select/select-option.js'\nimport '../../../md/chip/ui-chip-set.js'\nimport '../../../md/chip/ui-chip.js'\n\n/**\n * Represents a currency with all its display information.\n */\nexport interface Currency {\n /** ISO 4217 currency code (e.g., 'USD', 'EUR') */\n code: string\n /** Full name of the currency (e.g., 'US Dollar', 'Euro') */\n name: string\n /** Currency symbol (e.g., '$', '€') */\n symbol: string\n /** Country or region name (e.g., 'United States', 'European Union') */\n country: string\n /** Flag emoji representing the currency's origin */\n flag: string\n}\n\n/**\n * Represents an error that can occur in the CurrencyPicker component.\n */\nexport interface CurrencyPickerError {\n /** Type of error: validation, selection constraint, or internal error */\n type: 'validation' | 'selection' | 'internal'\n /** Human-readable error message */\n message: string\n /** Optional additional details about the error for debugging */\n details?: Record<string, unknown>\n}\n\n/**\n * Event detail interface for currency picker error events.\n */\nexport interface CurrencyPickerErrorEvent {\n /** The error information */\n error: CurrencyPickerError\n}\n\n/**\n * A web component for selecting currencies with chips display.\n * Provides a searchable interface with country flags and currency information.\n *\n * This component uses ElementInternals for native form integration and\n * follows web standards for error handling and validation.\n *\n * ## Features\n * - Single or multi-select currency selection\n * - Visual chips display for selected currencies\n * - Native form integration with ElementInternals\n * - Comprehensive validation and error handling\n * - Accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Currency filtering based on allowed currencies\n *\n * ## Usage\n * ```html\n * <!-- Basic usage -->\n * <currency-picker></currency-picker>\n *\n * <!-- Multi-select with allowed currencies -->\n * <currency-picker multi .allowedCurrencies=\"${['USD', 'EUR', 'GBP']}\"></currency-picker>\n *\n * <!-- Form integration -->\n * <form>\n * <currency-picker name=\"currencies\" required></currency-picker>\n * </form>\n * ```\n *\n * @fires change - Dispatched when selected currencies change due to user interaction.\n * Contains {currencies: Currency[], codes: string[]} in event.detail\n * @fires error - Dispatched when validation or other errors occur.\n * Contains {error: CurrencyPickerError} in event.detail\n *\n * @example\n * ```typescript\n * const picker = document.querySelector('currency-picker');\n * picker.addEventListener('change', (e) => {\n * console.log('Selected currencies:', e.detail.currencies);\n * });\n * picker.addEventListener('error', (e) => {\n * console.error('Picker error:', e.detail.error.message);\n * });\n * ```\n */\nexport default class CurrencyPicker extends LitElement {\n /**\n * Indicates that this custom element is form-associated and can participate in form submission.\n * This enables the component to work with native HTML forms and use ElementInternals.\n */\n static formAssociated = true\n\n /**\n * Private ElementInternals instance for form integration and validation.\n * Provides access to form APIs like setFormValue, setValidity, etc.\n */\n private internals: ElementInternals\n\n /**\n * Shadow root configuration for the component.\n * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.\n */\n static override shadowRootOptions: ShadowRootInit = {\n mode: 'open',\n delegatesFocus: true,\n }\n\n /**\n * The currently selected currency codes.\n * This is an array of ISO 4217 currency codes (e.g., 'USD', 'EUR').\n */\n @property({ type: Array }) accessor selected: string[] = []\n\n /**\n * The currencies that should be available for selection.\n * If not specified, all supported currencies will be available.\n * This is an array of ISO 4217 currency codes (e.g., 'USD', 'EUR').\n */\n @property({ type: Array }) accessor allowedCurrencies: string[] = []\n\n /**\n * The label for the currency selection dropdown.\n * This is displayed as the label for the select input.\n * @attribute\n */\n @property({ type: String }) accessor label = 'Add Currency'\n\n /**\n * The name attribute for the currency selection dropdown.\n * This is used when submitting forms that include this component.\n * @attribute\n */\n @property({ type: String }) accessor name: string | undefined\n\n /**\n * Supporting text for the currency selection dropdown.\n * This is displayed below the select input.\n * @attribute\n */\n @property({ type: String }) accessor supportingText: string | undefined\n\n /**\n * Whether the currency selection is required.\n * If true, the component will enforce at least one currency to be selected.\n * @attribute\n */\n @property({ type: Boolean }) accessor required = false\n\n /**\n * Whether the currency selection is disabled.\n * If true, the component will not allow any changes to the selected currencies.\n * @attribute\n */\n @property({ type: Boolean }) accessor disabled = false\n /**\n * Whether multiple currencies can be selected.\n * If true, the component allows selecting multiple currencies.\n * If false, only one currency can be selected at a time.\n * @attribute\n */\n @property({ type: Boolean }) accessor multi = false\n\n /**\n * Whether to show errors inline within the component.\n * If true, errors will be displayed below the component.\n * If false, errors will only be dispatched as events.\n * @attribute\n */\n @property({ type: Boolean }) accessor showErrors = true\n\n /**\n * The currently selectable currencies (filtered based on selection and allowed currencies).\n * This is automatically updated based on the selected currencies and allowedCurrencies property.\n */\n @state() private accessor selectableCurrencies: Currency[] = []\n\n /**\n * Reference to the Material Design outlined select element.\n * Used to manage the select's internal state and keep it synchronized with the component's selected property.\n */\n @query('md-outlined-select')\n private accessor selectElement!: HTMLElement & { value: string }\n\n /**\n * Returns the form element that contains this component, if any.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get form() {\n return this.internals.form\n }\n\n /**\n * Returns the validity state of the component.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get validity() {\n return this.internals.validity\n }\n\n /**\n * Returns the validation message for the component.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get validationMessage() {\n return this.internals.validationMessage\n }\n\n /**\n * Returns whether the component will be validated when the form is submitted.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get willValidate() {\n return this.internals.willValidate\n }\n\n /**\n * Checks the validity of the component without displaying validation UI.\n * Part of the ElementInternals API for form-associated custom elements.\n * @returns True if the component is valid, false otherwise\n */\n checkValidity() {\n return this.internals.checkValidity()\n }\n\n /**\n * Checks the validity of the component and displays validation UI if invalid.\n * Part of the ElementInternals API for form-associated custom elements.\n * @returns True if the component is valid, false otherwise\n */\n reportValidity() {\n return this.internals.reportValidity()\n }\n\n /**\n * Master list of supported currencies with their display information.\n * This includes popular currencies with their ISO codes, names, symbols, countries, and flag emojis.\n * Private and readonly to ensure data integrity.\n */\n private readonly currencies: Currency[] = [\n { code: 'USD', name: 'US Dollar', symbol: '$', country: 'United States', flag: '🇺🇸' },\n { code: 'EUR', name: 'Euro', symbol: '€', country: 'European Union', flag: '🇪🇺' },\n { code: 'GBP', name: 'British Pound', symbol: '£', country: 'United Kingdom', flag: '🇬🇧' },\n { code: 'JPY', name: 'Japanese Yen', symbol: '¥', country: 'Japan', flag: '🇯🇵' },\n { code: 'CAD', name: 'Canadian Dollar', symbol: 'C$', country: 'Canada', flag: '🇨🇦' },\n { code: 'AUD', name: 'Australian Dollar', symbol: 'A$', country: 'Australia', flag: '🇦🇺' },\n { code: 'CHF', name: 'Swiss Franc', symbol: 'Fr', country: 'Switzerland', flag: '🇨🇭' },\n { code: 'CNY', name: 'Chinese Yuan', symbol: '¥', country: 'China', flag: '🇨🇳' },\n { code: 'INR', name: 'Indian Rupee', symbol: '₹', country: 'India', flag: '🇮🇳' },\n { code: 'KRW', name: 'South Korean Won', symbol: '₩', country: 'South Korea', flag: '🇰🇷' },\n { code: 'BRL', name: 'Brazilian Real', symbol: 'R$', country: 'Brazil', flag: '🇧🇷' },\n { code: 'MXN', name: 'Mexican Peso', symbol: '$', country: 'Mexico', flag: '🇲🇽' },\n { code: 'SGD', name: 'Singapore Dollar', symbol: 'S$', country: 'Singapore', flag: '🇸🇬' },\n { code: 'HKD', name: 'Hong Kong Dollar', symbol: 'HK$', country: 'Hong Kong', flag: '🇭🇰' },\n { code: 'NOK', name: 'Norwegian Krone', symbol: 'kr', country: 'Norway', flag: '🇳🇴' },\n { code: 'SEK', name: 'Swedish Krona', symbol: 'kr', country: 'Sweden', flag: '🇸🇪' },\n { code: 'DKK', name: 'Danish Krone', symbol: 'kr', country: 'Denmark', flag: '🇩🇰' },\n { code: 'PLN', name: 'Polish Zloty', symbol: 'zł', country: 'Poland', flag: '🇵🇱' },\n { code: 'RUB', name: 'Russian Ruble', symbol: '₽', country: 'Russia', flag: '🇷🇺' },\n { code: 'ZAR', name: 'South African Rand', symbol: 'R', country: 'South Africa', flag: '🇿🇦' },\n { code: 'TRY', name: 'Turkish Lira', symbol: '₺', country: 'Turkey', flag: '🇹🇷' },\n { code: 'NZD', name: 'New Zealand Dollar', symbol: 'NZ$', country: 'New Zealand', flag: '🇳🇿' },\n { code: 'THB', name: 'Thai Baht', symbol: '฿', country: 'Thailand', flag: '🇹🇭' },\n { code: 'ILS', name: 'Israeli Shekel', symbol: '₪', country: 'Israel', flag: '🇮🇱' },\n { code: 'AED', name: 'UAE Dirham', symbol: 'د.إ', country: 'United Arab Emirates', flag: '🇦🇪' },\n ]\n\n constructor() {\n super()\n this.internals = this.attachInternals()\n }\n\n override connectedCallback() {\n super.connectedCallback()\n this.updateSelectableCurrencies()\n this.updateFormValue()\n }\n\n /**\n * Updates the form value using ElementInternals.\n */\n private updateFormValue(): void {\n const value = this.selected.length > 0 ? this.selected.join(',') : null\n this.internals.setFormValue(value)\n }\n\n protected override willUpdate(changed: PropertyValues<this>): void {\n super.willUpdate(changed)\n\n // Validate selected currencies with error handling\n if (changed.has('selected')) {\n this.selected = this.safeCurrencyValidation(this.selected, 'selected')\n\n // Also validate against allowedCurrencies if specified\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n const invalidSelectedCodes = this.selected.filter((code) => !allowedSet.has(code))\n\n if (invalidSelectedCodes.length > 0) {\n this.setError({\n type: 'validation',\n message: `Selected currencies not in allowed list: ${invalidSelectedCodes.join(', ')}`,\n details: {\n property: 'selected',\n invalidCodes: invalidSelectedCodes,\n allowedCurrencies: this.allowedCurrencies,\n },\n })\n\n // Filter out invalid codes\n this.selected = this.selected.filter((code) => allowedSet.has(code))\n }\n }\n\n // Also validate selection constraints when property changes\n if (!this.multi && this.selected.length > 1) {\n // In single-select mode, keep only the first valid selection\n this.selected = this.selected.slice(0, 1)\n this.setError({\n type: 'selection',\n message: 'Multiple currency selection is not allowed when multi=false. Only first selection kept.',\n details: { multi: this.multi, originalSelection: changed.get('selected') },\n })\n }\n\n // Validate required constraint\n if (this.required && this.selected.length === 0) {\n this.internals.setValidity({ valueMissing: true }, 'At least one currency must be selected')\n this.setAttribute('aria-invalid', 'true')\n this.dispatchErrorEvent({\n type: 'selection',\n message: 'At least one currency must be selected when required=true',\n details: { required: this.required, currentSelection: this.selected },\n })\n } else if (!this.required || this.selected.length > 0) {\n // Clear validation if not required or has selection\n this.internals.setValidity({})\n this.setAttribute('aria-invalid', 'false')\n }\n }\n // Validate allowed currencies with error handling\n if (changed.has('allowedCurrencies')) {\n this.allowedCurrencies = this.safeCurrencyValidation(this.allowedCurrencies, 'allowedCurrencies')\n\n // Filter selected currencies to only include allowed ones\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n const filteredSelected = this.selected.filter((code) => allowedSet.has(code))\n if (filteredSelected.length !== this.selected.length) {\n this.selected = filteredSelected\n }\n }\n }\n\n if (changed.has('selected') || changed.has('allowedCurrencies') || changed.has('multi')) {\n this.updateSelectableCurrencies()\n }\n\n // Update form value when selected changes\n if (changed.has('selected')) {\n this.updateFormValue()\n }\n\n // Synchronize the select element's value with the component's selected state\n if (changed.has('selected') && this.selectElement) {\n // In single-select mode, set the select value to the first selected currency or empty\n // In multi-select mode, always clear the select after selection to allow adding more\n if (!this.multi) {\n this.selectElement.value = this.selected.length > 0 ? this.selected[0] : ''\n } else {\n // For multi-select, always keep the select cleared to allow adding more currencies\n this.selectElement.value = ''\n }\n }\n }\n\n /**\n * Called after the component has been updated and rendered.\n * Ensures the select element's value stays synchronized with the component's selected state.\n */\n protected override updated(changed: PropertyValues<this>): void {\n super.updated(changed)\n\n // Ensure select element is synchronized after rendering\n if (this.selectElement && (changed.has('selected') || changed.has('multi'))) {\n if (!this.multi) {\n // In single-select mode, show the selected currency or clear the select\n this.selectElement.value = this.selected.length > 0 ? this.selected[0] : ''\n } else {\n // In multi-select mode, always keep the select cleared to allow adding more currencies\n this.selectElement.value = ''\n }\n }\n }\n\n /**\n * Sets an error state using ElementInternals and optionally dispatches an error event.\n * @param error The error to set\n * @param dispatch Whether to dispatch an error event (default: true)\n */\n private setError(error: CurrencyPickerError, dispatch = true): void {\n // Use ElementInternals for native form validation\n this.internals.setValidity({ customError: true }, error.message)\n this.setAttribute('aria-invalid', 'true')\n if (dispatch) {\n this.dispatchErrorEvent(error)\n }\n }\n\n /**\n * Dispatches an error event.\n * @param error The error to dispatch\n */\n private dispatchErrorEvent(error: CurrencyPickerError): void {\n this.dispatchEvent(\n new CustomEvent('error', {\n detail: { error },\n bubbles: false,\n })\n )\n }\n\n /**\n * Clears the current error state using ElementInternals.\n */\n private clearError(): void {\n this.internals.setValidity({})\n this.setAttribute('aria-invalid', 'false')\n }\n\n /**\n * Validates currency codes against the supported currencies.\n * @param codes Array of currency codes to validate\n * @returns Array of invalid currency codes\n */\n private validateCurrencyCodes(codes: string[]): string[] {\n return codes.filter((code) => !this.currencies.some((c) => c.code === code))\n }\n\n /**\n * Safely validates and filters currency codes, setting errors for invalid codes.\n * @param codes Array of currency codes to validate\n * @param property Name of the property being validated\n * @returns Array of valid currency codes\n */\n private safeCurrencyValidation(codes: string[], property: string): string[] {\n if (!Array.isArray(codes)) {\n this.setError({\n type: 'validation',\n message: `Invalid ${property}: expected array of currency codes`,\n details: { property, value: codes },\n })\n return []\n }\n\n const invalidCodes = this.validateCurrencyCodes(codes)\n if (invalidCodes.length > 0) {\n this.setError({\n type: 'validation',\n message: `Invalid currency codes in ${property}: ${invalidCodes.join(', ')}`,\n details: { property, invalidCodes, validCodes: this.currencies.map((c) => c.code) },\n }) // Dispatch error event for validation errors\n\n // Return only valid codes\n return codes.filter((code) => !invalidCodes.includes(code))\n }\n\n // Clear any previous validation errors for this property\n if (!this.internals.validity.valid) {\n this.clearError()\n }\n\n return codes\n }\n\n /**\n * Validates selection constraints using ElementInternals.\n * @param newSelection The new selection to validate\n * @returns Whether the selection is valid\n */\n private validateSelectionConstraints(newSelection: string[]): boolean {\n if (!this.multi && newSelection.length > 1) {\n this.setError({\n type: 'selection',\n message: 'Multiple currency selection is not allowed when multi=false',\n details: { multi: this.multi, attemptedSelection: newSelection },\n })\n return false\n }\n\n if (this.required && newSelection.length === 0) {\n this.internals.setValidity({ valueMissing: true }, 'At least one currency must be selected')\n this.setAttribute('aria-invalid', 'true')\n this.dispatchErrorEvent({\n type: 'selection',\n message: 'At least one currency must be selected when required=true',\n details: { required: this.required, currentSelection: newSelection },\n })\n return false\n }\n\n return true\n }\n\n private updateSelectableCurrencies() {\n const selectedCodes = new Set(this.selected)\n\n // If allowedCurrencies is specified, filter the master list by it\n let availableCurrencies = this.currencies\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n availableCurrencies = this.currencies.filter((c) => allowedSet.has(c.code))\n }\n if (this.multi) {\n // Then filter out already selected currencies\n this.selectableCurrencies = availableCurrencies.filter((c) => !selectedCodes.has(c.code))\n } else {\n // If single-select, just use the available currencies\n this.selectableCurrencies = availableCurrencies\n }\n }\n\n private handleCurrencySelect(event: Event) {\n try {\n const select = event.target as HTMLSelectElement\n const selectedCode = select.value\n\n if (!selectedCode) return\n\n const currency = this.currencies.find((c) => c.code === selectedCode)\n if (!currency) {\n this.setError({\n type: 'selection',\n message: `Currency not found: ${selectedCode}`,\n details: { attemptedCode: selectedCode },\n })\n return\n }\n\n let newSelection: string[]\n\n if (this.multi) {\n // If multi-select, add the currency to the selection\n if (!this.selected.includes(currency.code)) {\n newSelection = [...this.selected, currency.code]\n } else {\n // Currency already selected, clear any selection errors but don't add duplicate\n if (!this.internals.validity.valid) {\n this.clearError()\n }\n return\n }\n } else {\n // If single-select, replace the current selection\n newSelection = [currency.code]\n }\n\n // Validate the new selection\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Reset the select for multi-select mode\n if (this.multi) {\n select.value = ''\n }\n\n // Clear any previous errors on successful selection\n this.clearError()\n this.dispatchChangeEvent()\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during currency selection: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n }\n }\n\n private handleRemoveCurrency(event: Event) {\n try {\n const chip = event.target as HTMLElement\n const currencyCode = chip.dataset.code\n\n if (!currencyCode) {\n this.setError({\n type: 'internal',\n message: 'Unable to determine currency code from chip element',\n details: { chipElement: chip },\n })\n return\n }\n\n const newSelection = this.selected.filter((code) => code !== currencyCode)\n\n // Validate the new selection (e.g., required constraint)\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Clear any previous errors on successful removal\n this.clearError()\n this.dispatchChangeEvent()\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during currency removal: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n }\n }\n\n private dispatchChangeEvent() {\n const selectedCurrencies = this.getSelectedCurrencies()\n\n // Update form value using ElementInternals\n this.updateFormValue()\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: {\n currencies: selectedCurrencies,\n codes: this.selected,\n },\n bubbles: false,\n })\n )\n }\n\n /**\n * Get the currently selected currency codes as a copy of the array.\n * This is a read-only getter that returns a shallow copy to prevent external modification.\n * @returns Array of selected ISO 4217 currency codes\n */\n get selectedCurrencyCodes(): string[] {\n return [...this.selected]\n }\n\n /**\n * Get the full currency objects for currently selected currencies.\n * This method looks up each selected currency code in the master currencies list\n * and returns the complete currency information including name, symbol, country, and flag.\n * @returns Array of complete Currency objects for selected currencies\n */\n getSelectedCurrencies(): Currency[] {\n const result: Currency[] = []\n for (const code of this.selected) {\n const currency = this.currencies.find((c) => c.code === code)\n if (currency) {\n result.push(currency)\n }\n }\n return result\n }\n\n /**\n * Clear all selected currencies.\n * This method removes all selections, validates constraints (such as required),\n * updates the UI, and dispatches a change event. If validation fails (e.g.,\n * component is required), the operation will be cancelled and an error will be set.\n * @throws Will dispatch an error event if validation fails or an internal error occurs\n */\n clearSelection() {\n try {\n const newSelection: string[] = []\n\n // Validate clearing selection (e.g., required constraint)\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Clear any previous errors on successful clear\n this.clearError()\n this.dispatchChangeEvent()\n\n // Synchronize the select element to show no selection\n if (this.selectElement) {\n this.selectElement.value = ''\n }\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during selection clear: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n } finally {\n this.requestUpdate()\n }\n }\n\n /**\n * Form state restore callback for ElementInternals.\n * This method is called by the browser when form state is being restored\n * (e.g., browser back/forward navigation, form autofill).\n * It parses a comma-separated string of currency codes and restores the selection.\n * @param state The state to restore - typically a comma-separated string of currency codes\n * @param _mode The restore mode (unused in this implementation)\n */\n formStateRestoreCallback(state: string | FormData | null): void {\n if (typeof state === 'string' && state) {\n this.selected = state.split(',').filter(Boolean)\n this.updateSelectableCurrencies()\n\n // Synchronize the select element with restored state\n if (this.selectElement) {\n if (!this.multi && this.selected.length > 0) {\n this.selectElement.value = this.selected[0]\n } else {\n this.selectElement.value = ''\n }\n }\n }\n }\n\n /**\n * Form reset callback for ElementInternals.\n * This method is called by the browser when the containing form is reset.\n * It clears all selections, updates the UI, clears any errors, and updates the form value.\n */\n formResetCallback(): void {\n this.selected = []\n this.updateSelectableCurrencies()\n this.clearError()\n this.updateFormValue()\n\n // Synchronize the select element to show no selection\n if (this.selectElement) {\n this.selectElement.value = ''\n }\n\n this.requestUpdate()\n }\n\n /**\n * Main render method for the component.\n * Renders the currency selector with dropdown, selected chips (if multi-select), and error display.\n * Updates ARIA attributes and error states based on current component state.\n * @returns TemplateResult containing the complete component HTML\n */\n override render(): TemplateResult {\n const ariaLabel = this.multi\n ? `Currency selector. ${this.selected.length} currencies selected.`\n : `Currency selector. ${this.selected.length > 0 ? this.selected[0] + ' selected' : 'No currency selected'}.`\n\n const hasError = !this.internals.validity.valid\n\n return html`\n <div class=\"currency-picker\" role=\"group\" aria-label=\"${ariaLabel}\">\n <md-outlined-select\n label=\"${this.label}\"\n @change=\"${this.handleCurrencySelect}\"\n menuPositioning=\"popover\"\n ?disabled=\"${this.disabled}\"\n ?required=\"${this.required}\"\n .supportingText=\"${this.supportingText || ''}\"\n .name=\"${this.name || ''}\"\n aria-describedby=\"${this.supportingText ? 'supporting-text' : ''}\"\n aria-invalid=\"${hasError ? 'true' : 'false'}\"\n >\n <md-select-option value=\"\">\n <div slot=\"headline\">Select a currency...</div>\n </md-select-option>\n ${repeat(\n this.selectableCurrencies,\n (currency) => currency.code,\n (currency) => html`\n <md-select-option value=\"${currency.code}\">\n <div slot=\"overline\">${currency.country}</div>\n <div slot=\"supporting-text\">${currency.name}</div>\n <div slot=\"trailing-supporting-text\" class=\"currency-symbol\">${currency.symbol}</div>\n <div slot=\"start\" class=\"flag\">${currency.flag}</div>\n <div slot=\"headline\">${currency.code}</div>\n </md-select-option>\n `\n )}\n </md-outlined-select>\n ${this.renderSelected()}${this.renderError()}\n </div>\n `\n }\n\n /**\n * Renders error messages when showErrors is true and the component is invalid.\n * The error display uses ARIA live regions for accessibility.\n * @returns TemplateResult with error display or nothing if no errors should be shown\n */\n protected renderError(): TemplateResult | typeof nothing {\n if (!this.showErrors || this.internals.validity.valid) {\n return nothing\n }\n\n return html`\n <div class=\"error\" role=\"alert\" aria-live=\"polite\">\n <span class=\"error-message\">${this.internals.validationMessage}</span>\n </div>\n `\n }\n\n /**\n * Renders the selected currencies as removable chips in multi-select mode.\n * Only renders when multi=true and there are selected currencies.\n * Each chip displays the currency flag and code, and can be removed by the user.\n * @returns TemplateResult with chip display or nothing if not applicable\n */\n protected renderSelected(): TemplateResult | typeof nothing {\n if (!this.multi) {\n return nothing\n }\n const selected = this.getSelectedCurrencies()\n if (selected.length === 0) return nothing\n\n return html`\n <ui-chip-set>\n ${repeat(\n selected,\n (currency) => currency.code,\n (currency) => html`\n <ui-chip\n data-code=\"${currency.code}\"\n type=\"input\"\n @remove=\"${this.handleRemoveCurrency}\"\n ?removable=\"${true}\"\n >\n <span slot=\"icon\" class=\"chip-flag\">${currency.flag}</span>\n <span class=\"chip-code\">${currency.code}</span>\n </ui-chip>\n `\n )}\n </ui-chip-set>\n `\n }\n}\n"]}
@@ -0,0 +1,3 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
3
+ //# sourceMappingURL=Picker.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Picker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.styles.ts"],"names":[],"mappings":";AAEA,wBAuDC"}
@@ -0,0 +1,58 @@
1
+ import { css } from 'lit';
2
+ export default css `
3
+ :host {
4
+ display: block;
5
+ max-width: 600px;
6
+ }
7
+
8
+ .currency-picker {
9
+ display: flex;
10
+ flex-direction: column;
11
+ gap: 8px;
12
+ }
13
+
14
+ md-outlined-select {
15
+ flex: 1;
16
+ min-width: 200px;
17
+ }
18
+
19
+ .flag {
20
+ font-size: 20px;
21
+ width: 24px;
22
+ text-align: center;
23
+ }
24
+
25
+ .currency-symbol {
26
+ color: var(--md-sys-color-primary);
27
+ font-size: 1rem;
28
+ }
29
+
30
+ /* Error states using ElementInternals */
31
+ .error {
32
+ display: flex;
33
+ align-items: center;
34
+ gap: 8px;
35
+ padding: 8px 12px;
36
+ margin-top: 4px;
37
+ border-radius: 4px;
38
+ font-size: 0.875rem;
39
+ line-height: 1.25rem;
40
+ background: var(--md-sys-color-error-container);
41
+ color: var(--md-sys-color-on-error-container);
42
+ border: 1px solid var(--md-sys-color-error);
43
+ }
44
+
45
+ .error-message {
46
+ font-weight: 500;
47
+ }
48
+
49
+ /* Host error state using ElementInternals validity */
50
+ :host([data-error]) {
51
+ --md-outlined-select-outline-color: var(--md-sys-color-error);
52
+ }
53
+
54
+ :host([data-error]) md-outlined-select {
55
+ --md-outlined-select-focus-outline-color: var(--md-sys-color-error);
56
+ }
57
+ `;
58
+ //# sourceMappingURL=Picker.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Picker.styles.js","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: block;\n max-width: 600px;\n }\n\n .currency-picker {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n md-outlined-select {\n flex: 1;\n min-width: 200px;\n }\n\n .flag {\n font-size: 20px;\n width: 24px;\n text-align: center;\n }\n\n .currency-symbol {\n color: var(--md-sys-color-primary);\n font-size: 1rem;\n }\n\n /* Error states using ElementInternals */\n .error {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n margin-top: 4px;\n border-radius: 4px;\n font-size: 0.875rem;\n line-height: 1.25rem;\n background: var(--md-sys-color-error-container);\n color: var(--md-sys-color-on-error-container);\n border: 1px solid var(--md-sys-color-error);\n }\n\n .error-message {\n font-weight: 500;\n }\n\n /* Host error state using ElementInternals validity */\n :host([data-error]) {\n --md-outlined-select-outline-color: var(--md-sys-color-error);\n }\n\n :host([data-error]) md-outlined-select {\n --md-outlined-select-focus-outline-color: var(--md-sys-color-error);\n }\n`\n"]}
@@ -0,0 +1,216 @@
1
+ import { LitElement, PropertyValues, TemplateResult } from 'lit';
2
+ import '../../../md/chip/ui-chip.js';
3
+ export interface MentionSuggestion {
4
+ /** Unique identifier for the suggestion */
5
+ id: string;
6
+ /** Main label/headline displayed */
7
+ label: string;
8
+ /** Supporting description text */
9
+ description?: string;
10
+ /** Suffix text (e.g., role, department) */
11
+ suffix?: string;
12
+ /** Additional data associated with the suggestion */
13
+ data?: Record<string, unknown>;
14
+ }
15
+ export interface MentionInsertEvent {
16
+ /** The inserted mention suggestion */
17
+ suggestion: MentionSuggestion;
18
+ /** The text that triggered the mention (e.g., "@john") */
19
+ trigger: string;
20
+ /** The position where the mention was inserted */
21
+ position: number;
22
+ }
23
+ export interface MentionRemoveEvent {
24
+ /** The removed mention suggestion */
25
+ suggestion: MentionSuggestion;
26
+ /** The position where the mention was removed from */
27
+ position: number;
28
+ }
29
+ /**
30
+ * A material design textarea component that supports @mentions with suggestions.
31
+ *
32
+ * Features:
33
+ * - Material Design styling
34
+ * - @mention triggers with customizable suggestions
35
+ * - Inline pill/chip rendering for mentions
36
+ * - Proper caret management
37
+ * - Keyboard navigation for suggestions
38
+ * - Overflow container support
39
+ * - Generic design for extensibility
40
+ * - Accessibility support
41
+ *
42
+ * @fires mention-insert - When a mention is inserted
43
+ * @fires mention-remove - When a mention is removed
44
+ * @fires input - When the input value changes
45
+ * @fires change - When the input loses focus and value has changed
46
+ */
47
+ export default class MentionTextArea extends LitElement {
48
+ /**
49
+ * Shadow root configuration for the component.
50
+ * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.
51
+ */
52
+ static shadowRootOptions: ShadowRootInit;
53
+ /**
54
+ * The label text displayed as placeholder/floating label
55
+ */
56
+ accessor label: string;
57
+ /**
58
+ * Supporting text displayed below the input
59
+ */
60
+ accessor supportingText: string;
61
+ /**
62
+ * Whether the component is disabled
63
+ */
64
+ accessor disabled: boolean;
65
+ /**
66
+ * Whether the component is in an invalid state
67
+ */
68
+ accessor invalid: boolean;
69
+ /**
70
+ * The name attribute for form integration
71
+ */
72
+ accessor name: string;
73
+ /**
74
+ * Whether the input is required
75
+ */
76
+ accessor required: boolean;
77
+ /**
78
+ * Placeholder text shown when input is empty
79
+ */
80
+ accessor placeholder: string;
81
+ get value(): string;
82
+ set value(newValue: string);
83
+ /**
84
+ * Available suggestions for mentions
85
+ */
86
+ accessor suggestions: MentionSuggestion[];
87
+ /**
88
+ * Character that triggers mention suggestions (default: '@')
89
+ */
90
+ accessor mentionTrigger: string;
91
+ /**
92
+ * Minimum characters after trigger to show suggestions
93
+ */
94
+ accessor minQueryLength: number;
95
+ private accessor editorElement;
96
+ private accessor suggestionsPopover;
97
+ private accessor isShowingSuggestions;
98
+ private accessor filteredSuggestions;
99
+ private accessor selectedSuggestionIndex;
100
+ private accessor hasContent;
101
+ private accessor isLabelFloating;
102
+ private accessor isEditorFocus;
103
+ private currentMentionQuery;
104
+ private currentMentionStart;
105
+ private mentionMap;
106
+ private mutationObserver?;
107
+ private _value;
108
+ connectedCallback(): void;
109
+ disconnectedCallback(): void;
110
+ firstUpdated(): void;
111
+ willUpdate(changedProperties: PropertyValues): void;
112
+ /**
113
+ * Sets the caret position at the beginning of a specific text node
114
+ */
115
+ private setCaretPositionAtTextNode;
116
+ /**
117
+ * Synchronizes the value property from the editor content
118
+ */
119
+ private syncValueFromEditor;
120
+ /**
121
+ * Gets the value from editor content, converting chips to @{mention} format
122
+ */
123
+ private getValueFromEditor;
124
+ /**
125
+ * Synchronizes the editor content from the value property
126
+ */
127
+ private syncEditorFromValue;
128
+ /**
129
+ * Parses value string into text and mention fragments
130
+ */
131
+ private parseValueToFragments;
132
+ /**
133
+ * Creates a mention chip element
134
+ */
135
+ private createMentionChip;
136
+ /**
137
+ * Updates content state flags
138
+ */
139
+ private updateContentState;
140
+ /**
141
+ * Handles input events in the editor
142
+ */
143
+ private handleEditorInput;
144
+ /**
145
+ * Handles keydown events in the editor
146
+ */
147
+ private handleEditorKeyDown;
148
+ /**
149
+ * Handles keydown events when suggestions are visible
150
+ */
151
+ private handleSuggestionKeyDown;
152
+ /**
153
+ * Handles focus events
154
+ */
155
+ private handleEditorFocus;
156
+ /**
157
+ * Handles blur events
158
+ */
159
+ private handleEditorBlur;
160
+ private handleEditorPaste;
161
+ /**
162
+ * Checks if the current caret position indicates a mention trigger
163
+ */
164
+ private checkForMentionTrigger;
165
+ private walkerNodeFilter;
166
+ /**
167
+ * Gets the global text position within the editor for a position within a text node
168
+ */
169
+ private getGlobalTextPosition;
170
+ /**
171
+ * Finds the DOM node and offset that corresponds to a global text position
172
+ */
173
+ private findNodeAtGlobalPosition;
174
+ /**
175
+ * Shows the suggestions popover
176
+ */
177
+ private showSuggestions;
178
+ /**
179
+ * Hides the suggestions popover
180
+ */
181
+ private hideSuggestions;
182
+ /**
183
+ * Updates filtered suggestions based on current query
184
+ */
185
+ private updateFilteredSuggestions;
186
+ /**
187
+ * Positions the suggestions popover using the Popover API anchor positioning
188
+ */
189
+ private positionSuggestions;
190
+ /**
191
+ * Selects a suggestion and inserts it as a mention
192
+ */
193
+ private selectSuggestion;
194
+ /**
195
+ * Removes a mention chip
196
+ */
197
+ private removeMention;
198
+ /**
199
+ * Gets the text position of an element
200
+ */
201
+ private getElementPosition;
202
+ /**
203
+ * Handles clicking on a suggestion
204
+ */
205
+ private handleSuggestionClick;
206
+ /**
207
+ * Renders a suggestion item
208
+ */
209
+ private renderSuggestion;
210
+ /**
211
+ * Renders the suggestions popover
212
+ */
213
+ private renderSuggestions;
214
+ render(): TemplateResult;
215
+ }
216
+ //# sourceMappingURL=MentionTextArea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MentionTextArea.d.ts","sourceRoot":"","sources":["../../../../../src/elements/mention-textarea/internals/MentionTextArea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAW,MAAM,KAAK,CAAA;AAK/E,OAAO,6BAA6B,CAAA;AAEpC,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,UAAU,EAAE,iBAAiB,CAAA;IAC7B,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAA;IACf,kDAAkD;IAClD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,UAAU,EAAE,iBAAiB,CAAA;IAC7B,sDAAsD;IACtD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAcD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACrD;;;OAGG;IACH,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAK;IAEnB;;OAEG;IAEH,QAAQ,CAAC,cAAc,SAAK;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,OAAO,UAAQ;IAExB;;OAEG;IAEH,QAAQ,CAAC,IAAI,SAAK;IAElB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,WAAW,SAAK;IAEzB,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IACI,KAAK,CAAC,QAAQ,EAAE,MAAM,EASzB;IAED;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,iBAAiB,EAAE,CAAK;IAE9C;;OAEG;IAEH,QAAQ,CAAC,cAAc,SAAM;IAE7B;;OAEG;IAEH,QAAQ,CAAC,cAAc,SAAI;IAG3B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAG/C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAc;IAIjD,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAQ;IAG7C,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA0B;IAG9D,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAI;IAG5C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IAGnC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAQ;IAGxC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IAEtC,OAAO,CAAC,mBAAmB,CAAK;IAChC,OAAO,CAAC,mBAAmB,CAAK;IAChC,OAAO,CAAC,UAAU,CAAuC;IACzD,OAAO,CAAC,gBAAgB,CAAC,CAAkB;IAC3C,OAAO,CAAC,MAAM,CAAK;IAEV,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAgBpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAmB5D;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAYlC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAY3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAuB1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAoC3B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAoC7B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAkBzB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAQ1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAM3B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAsB/B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAKzB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,iBAAiB;IAkDzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAiE9B,OAAO,CAAC,gBAAgB;IAgBxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAoB7B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAqDhC;;OAEG;IACH,OAAO,CAAC,eAAe;IAgBvB;;OAEG;IACH,OAAO,CAAC,eAAe;IAcvB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAsBjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAkC3B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA2HxB;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAmB1B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAM7B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAwBxB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUhB,MAAM,IAAI,cAAc;CAwClC"}