@web-atoms/web-controls 2.3.136 → 2.3.138

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 (132) hide show
  1. package/dist/basic/AtomChips.d.ts.map +1 -1
  2. package/dist/basic/AtomChips.js.map +1 -1
  3. package/dist/basic/AtomRepeater.d.ts.map +1 -1
  4. package/dist/basic/AtomRepeater.js.map +1 -1
  5. package/dist/basic/AtomSuggestions.d.ts.map +1 -1
  6. package/dist/basic/AtomSuggestions.js.map +1 -1
  7. package/dist/basic/Button.d.ts.map +1 -1
  8. package/dist/basic/Button.js +41 -10
  9. package/dist/basic/Button.js.map +1 -1
  10. package/dist/basic/Calendar.d.ts.map +1 -1
  11. package/dist/basic/Calendar.js.map +1 -1
  12. package/dist/basic/CheckBoxList.d.ts.map +1 -1
  13. package/dist/basic/CheckBoxList.js.map +1 -1
  14. package/dist/basic/Checkbox.d.ts.map +1 -1
  15. package/dist/basic/Checkbox.js.map +1 -1
  16. package/dist/basic/Chip.d.ts.map +1 -1
  17. package/dist/basic/Chip.js.map +1 -1
  18. package/dist/basic/DataGrid.d.ts.map +1 -1
  19. package/dist/basic/DataGrid.js.map +1 -1
  20. package/dist/basic/DateField.d.ts.map +1 -1
  21. package/dist/basic/DateField.js.map +1 -1
  22. package/dist/basic/DropDown.d.ts.map +1 -1
  23. package/dist/basic/DropDown.js.map +1 -1
  24. package/dist/basic/Expander.d.ts.map +1 -1
  25. package/dist/basic/Expander.js.map +1 -1
  26. package/dist/basic/FormField.d.ts.map +1 -1
  27. package/dist/basic/FormField.js.map +1 -1
  28. package/dist/basic/InlinePopup.d.ts.map +1 -1
  29. package/dist/basic/InlinePopup.js.map +1 -1
  30. package/dist/basic/InlinePopupControl.d.ts.map +1 -1
  31. package/dist/basic/InlinePopupControl.js.map +1 -1
  32. package/dist/basic/MaskedInput.d.ts.map +1 -1
  33. package/dist/basic/MaskedInput.js.map +1 -1
  34. package/dist/basic/PopupButton.d.ts.map +1 -1
  35. package/dist/basic/PopupButton.js.map +1 -1
  36. package/dist/basic/RadioButtonList.d.ts.map +1 -1
  37. package/dist/basic/RadioButtonList.js.map +1 -1
  38. package/dist/basic/Swipe.d.ts.map +1 -1
  39. package/dist/basic/Swipe.js.map +1 -1
  40. package/dist/basic/Switch.d.ts.map +1 -1
  41. package/dist/basic/Switch.js.map +1 -1
  42. package/dist/basic/TableRepeater.d.ts.map +1 -1
  43. package/dist/basic/TableRepeater.js.map +1 -1
  44. package/dist/basic/TitleEditor.d.ts.map +1 -1
  45. package/dist/basic/TitleEditor.js.map +1 -1
  46. package/dist/basic/ToggleButtonBar.d.ts.map +1 -1
  47. package/dist/basic/ToggleButtonBar.js.map +1 -1
  48. package/dist/basic/Tooltip.d.ts.map +1 -1
  49. package/dist/basic/Tooltip.js.map +1 -1
  50. package/dist/button-bar/AtomButtonBar.d.ts.map +1 -1
  51. package/dist/button-bar/AtomButtonBar.js +29 -12
  52. package/dist/button-bar/AtomButtonBar.js.map +1 -1
  53. package/dist/desktop-app/DesktopApp.d.ts.map +1 -1
  54. package/dist/desktop-app/DesktopApp.js +58 -9
  55. package/dist/desktop-app/DesktopApp.js.map +1 -1
  56. package/dist/html-editor/AtomHtmlEditor.d.ts +1 -2
  57. package/dist/html-editor/AtomHtmlEditor.d.ts.map +1 -1
  58. package/dist/html-editor/AtomHtmlEditor.js +69 -11
  59. package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
  60. package/dist/html-editor/commands/AddLink.d.ts.map +1 -1
  61. package/dist/html-editor/commands/AddLink.js +9 -7
  62. package/dist/html-editor/commands/AddLink.js.map +1 -1
  63. package/dist/html-editor/commands/ChangeColor.d.ts.map +1 -1
  64. package/dist/html-editor/commands/ChangeColor.js +28 -7
  65. package/dist/html-editor/commands/ChangeColor.js.map +1 -1
  66. package/dist/html-editor/commands/ChangeFont.d.ts.map +1 -1
  67. package/dist/html-editor/commands/ChangeFont.js +8 -7
  68. package/dist/html-editor/commands/ChangeFont.js.map +1 -1
  69. package/dist/html-editor/commands/Separator.d.ts.map +1 -1
  70. package/dist/html-editor/commands/Separator.js +14 -10
  71. package/dist/html-editor/commands/Separator.js.map +1 -1
  72. package/dist/html-editor/commands/Source.d.ts.map +1 -1
  73. package/dist/html-editor/commands/Source.js +10 -7
  74. package/dist/html-editor/commands/Source.js.map +1 -1
  75. package/dist/mobile-app/MobileApp.d.ts.map +1 -1
  76. package/dist/mobile-app/MobileApp.js.map +1 -1
  77. package/dist/player/AtomVideoPlayer.d.ts.map +1 -1
  78. package/dist/player/AtomVideoPlayer.js +1 -0
  79. package/dist/player/AtomVideoPlayer.js.map +1 -1
  80. package/dist/player/TrackProgress.d.ts.map +1 -1
  81. package/dist/player/TrackProgress.js +12 -7
  82. package/dist/player/TrackProgress.js.map +1 -1
  83. package/dist/toggle-view/AtomToggleView.d.ts.map +1 -1
  84. package/dist/toggle-view/AtomToggleView.js.map +1 -1
  85. package/dist/tsconfig.tsbuildinfo +1 -1
  86. package/package.json +1 -1
  87. package/src/basic/AtomChips.tsx +0 -7
  88. package/src/basic/AtomRepeater.tsx +0 -4
  89. package/src/basic/AtomSuggestions.tsx +0 -2
  90. package/src/basic/Button.tsx +37 -38
  91. package/src/basic/Calendar.tsx +0 -4
  92. package/src/basic/CheckBoxList.tsx +0 -25
  93. package/src/basic/Checkbox.tsx +0 -3
  94. package/src/basic/Chip.tsx +0 -3
  95. package/src/basic/DataGrid.tsx +0 -35
  96. package/src/basic/DateField.tsx +0 -7
  97. package/src/basic/DropDown.tsx +0 -6
  98. package/src/basic/Expander.tsx +0 -5
  99. package/src/basic/FormField.tsx +1 -6
  100. package/src/basic/InlinePopup.tsx +0 -16
  101. package/src/basic/InlinePopupControl.tsx +1 -4
  102. package/src/basic/MaskedInput.tsx +0 -2
  103. package/src/basic/PopupButton.tsx +1 -3
  104. package/src/basic/RadioButtonList.tsx +0 -6
  105. package/src/basic/Swipe.tsx +0 -2
  106. package/src/basic/Switch.tsx +0 -2
  107. package/src/basic/TableRepeater.tsx +1 -4
  108. package/src/basic/TitleEditor.tsx +0 -3
  109. package/src/basic/ToggleButtonBar.tsx +0 -3
  110. package/src/basic/Tooltip.tsx +2 -6
  111. package/src/button-bar/AtomButtonBar.tsx +26 -24
  112. package/src/desktop-app/DesktopApp.tsx +55 -49
  113. package/src/html-editor/AtomHtmlEditor.tsx +67 -50
  114. package/src/html-editor/commands/AddLink.tsx +6 -8
  115. package/src/html-editor/commands/ChangeColor.tsx +25 -23
  116. package/src/html-editor/commands/ChangeFont.tsx +5 -17
  117. package/src/html-editor/commands/Separator.tsx +10 -12
  118. package/src/html-editor/commands/Source.tsx +7 -8
  119. package/src/mobile-app/MobileApp.tsx +4 -27
  120. package/src/player/AtomVideoPlayer.tsx +1 -3
  121. package/src/player/TrackProgress.tsx +9 -10
  122. package/src/toggle-view/AtomToggleView.tsx +0 -4
  123. package/dist/basic/OldForm.d.ts +0 -79
  124. package/dist/basic/OldForm.d.ts.map +0 -1
  125. package/dist/basic/OldForm.js +0 -318
  126. package/dist/basic/OldForm.js.map +0 -1
  127. package/dist/basic/in-built/InBuiltStyles.d.ts +0 -34
  128. package/dist/basic/in-built/InBuiltStyles.d.ts.map +0 -1
  129. package/dist/basic/in-built/InBuiltStyles.js +0 -49
  130. package/dist/basic/in-built/InBuiltStyles.js.map +0 -1
  131. package/src/basic/OldForm.tsx +0 -424
  132. package/src/basic/in-built/InBuiltStyles.ts +0 -41
@@ -1 +0,0 @@
1
- {"version":3,"names":["FormAction","_a","node","action","eventClick","eventClick2","a","__rest","attributes","_b","e","eventSubmit","Object","assign","SubmitAction","CancelAction","SubmitButton","nodes","others","XNode","create","findSubmitAction","button","target","type","preventDefault","submitter","dataset","waFormAction","event","test","parentElement","FormGroup","fg","formGroupSymbol","OldForm","id","formId","focusNextOnEnter","scrollable","submitCommand","eventKeypress","moveNext","name","checkValidity","fields","iterator","ca","child","children","cha","group","push","eventSubmitForm","FormLayout","header","footer","et","elementType","ha","_c","_d","_export","default","setters","_tslib","_webAtomsCoreDistCoreXNode","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","_ToggleButtonBar","ToggleButtonBar","execute","FormButtonBar","css","verticalFlexLayout","alignItems","displayNone","alignSelf","and","justifyContent","overflow","submitFormHandler","form","waShowErrors","setTimeout","all","Array","from","getElementsByClassName","textContent","alert","errorMessage","dispatchEvent","CustomEvent","handler","currentTarget","key","element","tagName","MouseEvent","KeyboardEvent","document","body","addEventListener","start","submitFormId","querySelector","Symbol","display","flex","gridTemplateRows","gridTemplateColumns","gridRowStart","gap","for","Footer","Header","newId","submitId","toString"],"sources":["../../src/basic/OldForm.tsx"],"sourcesContent":[null],"mappings":";;;;EAkDM,SAAUA,UAAUA,CACtBC,EAKc,EACdC,IAAW;;QANX;QACIC,MAAM,GAAG,QAAQ;QACjBC,UAAU;QACV,aAAa,EAAEC;MAAW,IAAAJ,EAEhB;MADNK,CAAC,GAAAC,MAAA,CAAAN,EAAA,EAJT,uCAKC,CADQ;IAGT,MAAMO,UAAU,IAAAC,EAAA,GAAGP,IAAI,CAACM,UAAU,cAAAC,EAAA,cAAAA,EAAA,GAAfP,IAAI,CAACM,UAAU,GAAK,EAAE;IACzCA,UAAU,CAAC,qBAAqB,CAAC,GAAGL,MAAM;IAC1C,MAAMO,CAAC,GAAGF,UAAU,CAAC,aAAa,CAAC,IAAIA,UAAU,CAACJ,UAAU;IAC5D,IAAIM,CAAC,EAAE;MACHF,UAAU,CAAC,cAAc,CAAC,GAAGE,CAAC;MAC9B,OAAOF,UAAU,CAAC,aAAa,CAAC;MAChC,OAAOA,UAAU,CAACJ,UAAU;;IAEhCA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAVA,UAAU,GAAKC,WAAW;IAC1B,IAAIF,MAAM,KAAK,QAAQ,IAAIC,UAAU,EAAE;MACnCI,UAAU,CAACG,WAAW,GAAGP,UAAU;;IAEvCF,IAAI,CAACM,UAAU,GAAAI,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,KAASP,CAAC,GAAME,UAAU,CAAC;IAC1C,OAAON,IAAI;EACf;EAKM,SAAUY,YAAYA,CAACR,CAAW,EAAEJ,IAAW;IAChDI,CAAS,CAACH,MAAM,GAAG,QAAQ;IAC5B,OAAOH,UAAU,CAACM,CAAQ,EAAEJ,IAAI,CAAC;EACrC;EAKM,SAAUa,YAAYA,CAACT,CAAW,EAAEJ,IAAW;IAChDI,CAAS,CAACH,MAAM,GAAG,QAAQ;IAC5B,OAAOH,UAAU,CAACM,CAAQ,EAAEJ,IAAI,CAAC;EACrC;EAKM,SAAUc,YAAYA,CACxBf,EAC8B,EAC9B,GAAIgB,KAAc;QAFlB;QAAEb;MAAU,IAAAH,EACkB;MAAtBiB,MAAM,GAAAX,MAAA,CAAAN,EAAA,EADd,cACe,CAAD;IAEd,OAAOkB,KAAA,CAAAC,MAAA,WAAAR,MAAA,CAAAC,MAAA;MAAA,uBACiB,QAAQ;MAC5BF,WAAW,EAAEP;IAAU,GAAQc,MAAM,MAASD,KAAK,CAAU;EACrE;EAEA,SAASI,gBAAgBA,CAACX,CAAQ;;IAC9B,IAAIY,MAAM,GAAGZ,CAAC,CAACa,MAAqB;IACpC,IAAIb,CAAC,CAACc,IAAI,KAAK,QAAQ,EAAE;MACrBd,CAAC,CAACe,cAAc,EAAE;MAClBH,MAAM,GAAIZ,CAAiB,CAACgB,SAAS;;IAEzC,OAAOJ,MAAM,EAAE;MACX,MAAMnB,MAAM,GAAG,CAAAF,EAAA,GAAAqB,MAAM,CAACK,OAAO,CAACC,YAAY,cAAA3B,EAAA,cAAAA,EAAA,GAAIqB,MAAM,CAACK,OAAO,CAACE,KAAK;MAClE,IAAI,gBAAgB,CAACC,IAAI,CAAC3B,MAAM,CAAC,EAAE;QAC/B,OAAO;UAAEmB,MAAM;UAAEnB;QAAM,CAAE;;MAE7BmB,MAAM,GAAGA,MAAM,CAACS,aAAa;;IAEjC,OAAO;MAAET;IAAM,CAAE;EACrB;EAgIM,SAAUU,SAASA,CACrBC,EAAc,EACd,GAAIhB,KAAc;IAElBgB,EAAE,CAACC,eAAe,CAAC,GAAG,IAAI;IAC1B,OAAOf,KAAA,CAAAC,MAAA,QAAAR,MAAA,CAAAC,MAAA,KACGoB,EAAE,MACFhB,KAAK,CACT;EACV;EAEc,SAAUkB,OAAOA,CAC3BlC,EAOQ,EACR,GAAIgB,KAAc;;QARlB;QACImB,EAAE,GAAGC,MAAM,EAAE;QACbC,gBAAgB,GAAG,IAAI;QACvBC,UAAU;QACV5B,WAAW;QACX6B;MAAa,IAAAvC,EAET;MADAK,CAAC,GAAAC,MAAA,CAAAN,EAAA,EANT,wEAOC,CADQ;IAGT,IAAIqC,gBAAgB,EAAE;MAClBhC,CAAC,CAACmC,aAAa,GAAGC,QAAQ,CAAC/B,WAAW,CAAC;;IAE3CL,CAAC,CAAC,cAAc,CAAC,GAAG8B,EAAE;IACtB9B,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAACiC,UAAU;IACnC,IAAI,CAAC5B,WAAW,EAAE;MACdL,CAAC,CAAC,qBAAqB,CAAC,GAAG,KAAK;;IAEpC,IAAIkC,aAAa,EAAE;MACflC,CAAC,CAAC,QAAQ,GAAGkC,aAAa,CAACG,IAAI,CAAC,GAAGC,aAAa,CAACjC,WAAW,CAAC;;IAEjE,MAAMkC,MAAM,GAAG,EAAE;IACjB,KAAK,MAAMC,QAAQ,IAAI7B,KAAK,EAAE;MAC1B,IAAI,CAAC6B,QAAQ,EAAE;QACX;;MAEJ,MAAMC,EAAE,GAAGD,QAAQ,CAACtC,UAAiB;MACrC,IAAIuC,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAGb,eAAe,CAAC,EAAE;QACvB,KAAK,MAAMc,KAAK,IAAIF,QAAQ,CAACG,QAAQ,EAAE;UACnC,MAAMC,GAAG,IAAAzC,EAAA,GAAGuC,KAAK,CAACxC,UAAU,cAAAC,EAAA,cAAAA,EAAA,GAAhBuC,KAAK,CAACxC,UAAU,GAAK,EAAE;UACnC0C,GAAG,CAAC,YAAY,CAAC,GAAGH,EAAE,CAACI,KAAK;UAC5BN,MAAM,CAACO,IAAI,CAACJ,KAAK,CAAC;;QAEtB;;MAEJH,MAAM,CAACO,IAAI,CAACN,QAAQ,CAAC;;IAGzB,OAAO3B,KAAA,CAAAC,MAAA,QAAAR,MAAA,CAAAC,MAAA;MAAA,gBACU;IAAS,GAChBP,CAAC;MACP+C,eAAe,EAAE1C,WAAW;MAC5BP,UAAU,EAAEwC,aAAa,CAACjC,WAAW;IAAC,OAChCkC,MAAM,CACV;EACV;EA+BM,SAAUS,UAAUA,CACtBrD,EAQc,EACd,GAAIgB,KAAc;;QATlB;QACImB,EAAE,GAAGC,MAAM,EAAE;QACbC,gBAAgB,GAAG,IAAI;QACvBC,UAAU;QACV5B,WAAW;QACX4C,MAAM;QACNC;MAAM,IAAAvD,EAEI;MADNK,CAAC,GAAAC,MAAA,CAAAN,EAAA,EAPT,2EAQC,CADQ;IAGT,IAAIqC,gBAAgB,EAAE;MAClBhC,CAAC,CAACmC,aAAa,GAAGC,QAAQ,CAAC/B,WAAW,CAAC;;IAE3CL,CAAC,CAAC,cAAc,CAAC,GAAG8B,EAAE;IACtB9B,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAACiC,UAAU;IACnC,IAAI,CAAC5B,WAAW,EAAE;MACdL,CAAC,CAAC,qBAAqB,CAAC,GAAG,KAAK;;IAGpC,MAAMuC,MAAM,GAAG,EAAE;IACjB,KAAK,MAAMC,QAAQ,IAAI7B,KAAK,EAAE;MAC1B,IAAI,CAAC6B,QAAQ,EAAE;QACX;;MAGJ,MAAMW,EAAE,GAAGX,QAAQ,CAACY,WAAW,CAAC;MAChC,IAAID,EAAE,KAAK,KAAK,CAAC,EAAE;QACf,IAAIA,EAAE,KAAK,QAAQ,EAAE;UACjBF,MAAM,GAAGT,QAAQ;UACjB,OAAOA,QAAQ,CAACY,WAAW,CAAC;UAC5B;;QAEJ,IAAID,EAAE,KAAK,QAAQ,EAAE;UACjBD,MAAM,GAAGV,QAAQ;UACjB,OAAOA,QAAQ,CAACY,WAAW,CAAC;UAC5B;;;MAIR,MAAMX,EAAE,GAAGD,QAAQ,CAACtC,UAAiB;MACrC,IAAIuC,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAGb,eAAe,CAAC,EAAE;QACvB,KAAK,MAAMc,KAAK,IAAIF,QAAQ,CAACG,QAAQ,EAAE;UACnC,MAAMC,GAAG,IAAAzC,EAAA,GAAGuC,KAAK,CAACxC,UAAU,cAAAC,EAAA,cAAAA,EAAA,GAAhBuC,KAAK,CAACxC,UAAU,GAAK,EAAE;UACnC0C,GAAG,CAAC,YAAY,CAAC,GAAGH,EAAE,CAACI,KAAK;UAC5BN,MAAM,CAACO,IAAI,CAACJ,KAAK,CAAC;;QAEtB;;MAEJH,MAAM,CAACO,IAAI,CAACN,QAAQ,CAAC;;IAGzB,IAAIS,MAAM,EAAE;MACR,MAAMI,EAAE,IAAAC,EAAA,GAAGL,MAAM,CAAC/C,UAAU,cAAAoD,EAAA,cAAAA,EAAA,GAAjBL,MAAM,CAAC/C,UAAU,GAAK,EAAE;MACnCmD,EAAE,CAAC,cAAc,CAAC,GAAG,QAAQ;;IAGjC,IAAIH,MAAM,EAAE;MACR,MAAMG,EAAE,IAAAE,EAAA,GAAGL,MAAM,CAAChD,UAAU,cAAAqD,EAAA,cAAAA,EAAA,GAAjBL,MAAM,CAAChD,UAAU,GAAK,EAAE;MACnCmD,EAAE,CAAC,cAAc,CAAC,GAAG,QAAQ;;IAGjC,OAAOxC,KAAA,CAAAC,MAAA,QAAAR,MAAA,CAAAC,MAAA;MAAA,gBACU,SAAS;MAAA,oBACL;IAAa,GACxBP,CAAC;MACP+C,eAAe,EAAE1C,WAAW;MAC5BP,UAAU,EAAEwC,aAAa,CAACjC,WAAW;IAAC,IACpC4C,MAAM,EACRpC,KAAA,CAAAC,MAAA;MAAA,gBAAkB;IAAS,GACvBD,KAAA,CAAAC,MAAA,iBACMyB,MAAM,CACN,CACJ,EACJW,MAAM,CACN;EACV;EAACM,OAAA;IAAA9D,UAAA,EArWeA,UAAU;IAAAc,YAAA,EA2BVA,YAAY;IAAAC,YAAA,EAQZA,YAAY;IAAAC,YAAA,EAQZA,YAAY;IAAAgB,SAAA,EAuJZA,SAAS;IAAA+B,OAAA,EAWD5B,OAAO;IAAAmB,UAAA,EA4EfA;EAAU;EAAA;IAAAU,OAAA,aAAAC,MAAA;;;MAzUnB9C,KAAK,GAAA+C,0BAAA,CAAAH,OAAA;IAAA,aAAAI,+BAAA;MACLC,SAAS,GAAAD,+BAAA,CAAAJ,OAAA;IAAA,aAAAM,6BAAA;MAETC,GAAG,GAAAD,6BAAA,CAAAN,OAAA;IAAA,aAAAQ,gBAAA;MAGHC,eAAe,GAAAD,gBAAA,CAAAR,OAAA;IAAA;IAAAU,OAAA,WAAAA,CAAA;MAAAX,OAAA,kBACTY,aAAa,GAAGF,eAAe;MAEtCG,GAAG,GAAGL,GAAG,CAACF,SAAS,EAAE,CACtBQ,kBAAkB,CAAC;QAAEC,UAAU,EAAE;MAAS,CAAE,CAAC,CAC7CC,WAAW,CAAC,qBAAqB,CAAC,CAClCA,WAAW,CAAC,0DAA0D,CAAC,CACvE9B,KAAK,CAACoB,SAAS,CAAC,QAAQ,CAAC,CACrBW,SAAS,CAAC,YAAY,CAAC,CAC3B,CACAC,GAAG,CAACZ,SAAS,CAAC,wBAAwB,CAAC,CACnCa,cAAc,CAAC,YAAY,CAAC,CAC5BC,QAAQ,CAAC,MAAM,CAAC,CACpB,EACH,yBAAyB,CAAC;MAgGtBC,iBAAiB,GAAIC,IAAiB,IAAI;QAC5C,IAAI,CAACA,IAAI,CAACzD,OAAO,CAAC0D,YAAY,EAAE;UAC5BD,IAAI,CAACzD,OAAO,CAAC0D,YAAY,GAAG,KAAK;;QAErCC,UAAU,CAAC,MAAK;;UACZ,MAAMC,GAAG,GAAGC,KAAK,CAACC,IAAI,CAACL,IAAI,CAACM,sBAAsB,CAAC,aAAa,CAAC,CAAC;UAClE,KAAK,MAAM5C,QAAQ,IAAIyC,GAAG,EAAE;YACxB,IAAIzC,QAAQ,CAAC6C,WAAW,EAAE;cACtBC,KAAK,CAAC,CAAAnF,EAAA,IAAAR,EAAA,GAAAmF,IAAI,CAACzD,OAAO,cAAA1B,EAAA,uBAAAA,EAAA,CAAE4F,YAAY,cAAApF,EAAA,cAAAA,EAAA,GAAI,4BAA4B,CAAC;cACjE;;;UAGR2E,IAAI,CAACU,aAAa,CAAC,IAAIC,WAAW,CAAC,YAAY,CAAC,CAAC;QACrD,CAAC,EAAE,GAAG,CAAC;MACX,CAAC;MAEKnD,aAAa,GAAIoD,OAAO,IAAMtF,CAAa,IAAI;QAEjD,MAAM0E,IAAI,GAAG1E,CAAC,CAACuF,aAAgC;QAE/C,MAAM;UAAE3E,MAAM;UAAEnB;QAAM,CAAE,GAAGkB,gBAAgB,CAACX,CAAC,CAAC;QAC9C,IAAI,CAACY,MAAM,EAAE;UACT;;QAGJ,IAAI0E,OAAO,EAAE;UACTb,iBAAiB,CAACC,IAAI,CAAC;UACvB;;QAOJ,IAAIjF,MAAM,KAAK,QAAQ,EAAE;UACrBiF,IAAI,CAACzD,OAAO,CAAC0D,YAAY,GAAG,EAAE;UAC9B;;QAEJ,IAAI,CAACD,IAAI,CAACzD,OAAO,CAAC0D,YAAY,EAAE;UAC5BD,IAAI,CAACzD,OAAO,CAAC0D,YAAY,GAAG,KAAK;;QAGrCC,UAAU,CAAC,MAAK;;UACZ,MAAMC,GAAG,GAAGC,KAAK,CAACC,IAAI,CAACL,IAAI,CAACM,sBAAsB,CAAC,aAAa,CAAC,CAAC;UAClE,KAAK,MAAM5C,QAAQ,IAAIyC,GAAG,EAAE;YACxB,IAAIzC,QAAQ,CAAC6C,WAAW,EAAE;cACtBC,KAAK,CAAC,CAAAnF,EAAA,IAAAR,EAAA,GAAAmF,IAAI,CAACzD,OAAO,cAAA1B,EAAA,uBAAAA,EAAA,CAAE4F,YAAY,cAAApF,EAAA,cAAAA,EAAA,GAAI,4BAA4B,CAAC;cACjE;;;UAGRa,MAAM,CAACwE,aAAa,CAAC,IAAIC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACnD,CAAC,EAAE,GAAG,CAAC;MACX,CAAC;MAEKrD,QAAQ,GAAIsD,OAAO,IAAMtF,CAAgB,IAAI;QAC/C,IAAI,CAAC,sBAAsB,CAACoB,IAAI,CAACpB,CAAC,CAACwF,GAAG,CAAC,EAAE;UACrC;;QAEJ,MAAMC,OAAO,GAAGzF,CAAC,CAACa,MAAqB;QACvC,IAAI,CAAC4E,OAAO,CAACC,OAAO,EAAE;UAClB;;QAEJ,IAAKJ,OAAO,EAAE;UACV,IAAI,SAAS,CAAClE,IAAI,CAACqE,OAAO,CAACC,OAAO,CAAC,EAAE;YACjCjB,iBAAiB,CAACzE,CAAC,CAACuF,aAA4B,CAAC;;UAErD;;QAEJ,IAAIE,OAAO,CAACxE,OAAO,CAACC,YAAY,KAAK,QAAQ,EAAE;UAC3CuE,OAAO,CAACL,aAAa,CAAC,IAAIO,UAAU,CAAC,OAAO,CAAC,CAAC;UAC9C;;QAEJ,IAAI,QAAQ,CAACvE,IAAI,CAACqE,OAAO,CAACC,OAAO,CAAC,EAAE;UAChC1F,CAAC,CAACe,cAAc,EAAE;UAClB0E,OAAO,CAACL,aAAa,CAAC,IAAIQ,aAAa,CAAC,UAAU,EAAE;YAChDJ,GAAG,EAAE;WACR,CAAC,CAAC;;MAEX,CAAC;MAEDK,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,OAAO,EAAG/F,CAAa,IAAI;QACtD,IAAIgG,KAAK,GAAGhG,CAAC,CAACa,MAAqB;QACnC,IAAIa,EAAE;QACN,OAAOsE,KAAK,EAAE;UACVtE,EAAE,GAAGsE,KAAK,CAAC/E,OAAO,CAACgF,YAAY;UAC/B,IAAIvE,EAAE,EAAE;YACJ;;UAEJsE,KAAK,GAAGA,KAAK,CAAC3E,aAAa;;QAE/B,IAAI,CAAC2E,KAAK,EAAE;UACR;;QAEJ,MAAMtB,IAAI,GAAGmB,QAAQ,CAACC,IAAI,CAACI,aAAa,CAAC,kBAAkBxE,EAAE,IAAI,CAAC;QAClE+C,iBAAiB,CAACC,IAAmB,CAAC;MAC1C,CAAC,CAAC;MAqBE/C,MAAM,GAAG,CAAC;MAERH,eAAe,GAAG2E,MAAM,CAAC,WAAW,CAAC;MAuE3CvC,GAAG,CAACF,SAAS,EAAE,CACV0C,OAAO,CAAC,MAAM,CAAC,CACf/B,SAAS,CAAC,SAAS,CAAC,CACpBE,cAAc,CAAC,SAAgB,CAAC,CAChC8B,IAAI,CAAC,UAAU,CAAC,CAChBC,gBAAgB,CAAC,eAAe,CAAC,CACjCC,mBAAmB,CAAC,KAAK,CAAC,CAC1BjE,KAAK,CAACoB,SAAS,CAAC,uBAAuB,CAAC,CACpC8C,YAAY,CAAC,GAAG,CAAC,CACrB,CACAlE,KAAK,CAACoB,SAAS,CAAC,wBAAwB,CAAC,CACrC8C,YAAY,CAAC,GAAG,CAAC,CACjBhC,QAAQ,CAAC,MAAM,CAAC,CAChBlC,KAAK,CAACoB,SAAS,CAAC,KAAK,CAAC,CAClBQ,kBAAkB,CAAC;QAAEC,UAAU,EAAE,SAAS;QAAEsC,GAAG,EAAE;MAAE,CAAE,CAAC,CAC1D,CACJ,CACAnE,KAAK,CAACoB,SAAS,CAAC,uBAAuB,CAAC,CACpC8C,YAAY,CAAC,GAAG,CAAC,CACrB,EACH,iCAAiC,CAAC;MAE9BxD,WAAW,GAAGmD,MAAM,CAACO,GAAG,CAAC,aAAa,CAAC;MAgF7C9D,UAAU,CAAC+D,MAAM,GAAG,CAAC,EAAE,EAAErE,KAAY,KAAI;QACrCA,KAAK,CAACU,WAAW,CAAC,GAAG,QAAQ;QAC7B,OAAOV,KAAK;MAChB,CAAC;MAEDM,UAAU,CAACgE,MAAM,GAAG,CAAC,EAAE,EAAEtE,KAAY,KAAI;QACrCA,KAAK,CAACU,WAAW,CAAC,GAAG,QAAQ;QAC7B,OAAOV,KAAK;MAChB,CAAC;MAEDb,OAAO,CAACoF,KAAK,GAAG,MAAMlF,MAAM,EAAE;MAE9BF,OAAO,CAACqF,QAAQ,GAAIpF,EAAU,KAAM;QAChC,qBAAqB,EAAEA,EAAE,CAACqF,QAAQ;OACrC,CAAC;IAAC;EAAA;AAAA"}
@@ -1,34 +0,0 @@
1
- declare const InBuiltStyles: {
2
- colors: {
3
- red: {
4
- [x: string]: string | (() => any);
5
- toString(): any;
6
- };
7
- yellow: {
8
- [x: string]: string | (() => any);
9
- toString(): any;
10
- };
11
- green: {
12
- [x: string]: string | (() => any);
13
- toString(): any;
14
- };
15
- lightGreen: {
16
- [x: string]: string | (() => any);
17
- toString(): any;
18
- };
19
- };
20
- rotate: {
21
- animate: {
22
- d180: {
23
- [x: string]: string | (() => any);
24
- toString(): any;
25
- };
26
- d0: {
27
- [x: string]: string | (() => any);
28
- toString(): any;
29
- };
30
- };
31
- };
32
- };
33
- export default InBuiltStyles;
34
- //# sourceMappingURL=InBuiltStyles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InBuiltStyles.d.ts","sourceRoot":"","sources":["../../../src/basic/in-built/InBuiltStyles.ts"],"names":[],"mappings":"AAuBA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAalB,CAAA;AAID,eAAe,aAAa,CAAC"}
@@ -1,49 +0,0 @@
1
- System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
2
- "use strict";
3
-
4
- var Colors, StyleRule, CSS, style, InBuiltStyles;
5
- function fromCamelToHyphen(input) {
6
- return input.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
7
- }
8
- function registerDataStyle(name, fx) {
9
- const className = `.${name}`;
10
- style = style.nested(fx(StyleRule(className)));
11
- const dataName = `data-${fromCamelToHyphen(name)}`;
12
- style = style.nested(fx(StyleRule(`*[${dataName}]`)));
13
- return {
14
- [dataName]: "1",
15
- toString() {
16
- return name;
17
- }
18
- };
19
- }
20
- return {
21
- setters: [function (_webAtomsCoreDistCoreColors) {
22
- Colors = _webAtomsCoreDistCoreColors.default;
23
- }, function (_webAtomsCoreDistStyleStyleRule) {
24
- StyleRule = _webAtomsCoreDistStyleStyleRule.default;
25
- }, function (_webAtomsCoreDistWebStylesCSS) {
26
- CSS = _webAtomsCoreDistWebStylesCSS.default;
27
- }],
28
- execute: function () {
29
- style = StyleRule();
30
- InBuiltStyles = {
31
- colors: {
32
- red: registerDataStyle("color-red", x => x.color(Colors.red)),
33
- yellow: registerDataStyle("color-yellow", x => x.color(Colors.yellow)),
34
- green: registerDataStyle("color-green", x => x.color(Colors.green)),
35
- lightGreen: registerDataStyle("color-light-green", x => x.color(Colors.lightGreen))
36
- },
37
- rotate: {
38
- animate: {
39
- d180: registerDataStyle("rotate-animate-d180", x => x.transform("rotate(-180deg)").transition("transform 150ms ease")),
40
- d0: registerDataStyle("rotate-animate-d0", x => x.transform("rotate(0deg)").transition("transform 150ms ease"))
41
- }
42
- }
43
- };
44
- CSS(style, "body");
45
- _export("default", InBuiltStyles);
46
- }
47
- };
48
- });
49
- //# sourceMappingURL=InBuiltStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["fromCamelToHyphen","input","replace","toLowerCase","registerDataStyle","name","fx","className","style","nested","StyleRule","dataName","toString","setters","_webAtomsCoreDistCoreColors","Colors","default","_webAtomsCoreDistStyleStyleRule","_webAtomsCoreDistWebStylesCSS","CSS","execute","InBuiltStyles","colors","red","x","color","yellow","green","lightGreen","rotate","animate","d180","transform","transition","d0","_export"],"sources":["../../../src/basic/in-built/InBuiltStyles.ts"],"sourcesContent":[null],"mappings":";;;;EAIA,SAASA,iBAAiBA,CAACC,KAAa;IACpC,OAAOA,KAAK,CAACC,OAAO,CAAE,iBAAiB,EAAE,OAAO,CAAE,CAACC,WAAW,EAAE;EACpE;EAIA,SAASC,iBAAiBA,CAACC,IAAI,EAAEC,EAAyC;IACtE,MAAMC,SAAS,GAAG,IAAIF,IAAI,EAAE;IAC5BG,KAAK,GAAGA,KAAK,CAACC,MAAM,CAACH,EAAE,CAACI,SAAS,CAACH,SAAS,CAAC,CAAC,CAAC;IAC9C,MAAMI,QAAQ,GAAG,QAAQX,iBAAiB,CAACK,IAAI,CAAC,EAAE;IAClDG,KAAK,GAAGA,KAAK,CAACC,MAAM,CAACH,EAAE,CAACI,SAAS,CAAC,KAAKC,QAAQ,GAAG,CAAC,CAAC,CAAC;IACrD,OAAO;MACH,CAACA,QAAQ,GAAG,GAAG;MACfC,QAAQA,CAAA;QACJ,OAAOP,IAAI;MACf;KACH;EACL;EAAC;IAAAQ,OAAA,aAAAC,2BAAA;MArBMC,MAAM,GAAAD,2BAAA,CAAAE,OAAA;IAAA,aAAAC,+BAAA;MACNP,SAA6B,GAAAO,+BAAA,CAAAD,OAAA;IAAA,aAAAE,6BAAA;MAC7BC,GAAG,GAAAD,6BAAA,CAAAF,OAAA;IAAA;IAAAI,OAAA,WAAAA,CAAA;MAMNZ,KAAK,GAAGE,SAAS,EAAE;MAejBW,aAAa,GAAG;QAClBC,MAAM,EAAE;UACJC,GAAG,EAAEnB,iBAAiB,CAAC,WAAW,EAAGoB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACV,MAAM,CAACQ,GAAG,CAAC,CAAC;UAC/DG,MAAM,EAAEtB,iBAAiB,CAAC,cAAc,EAAGoB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACV,MAAM,CAACW,MAAM,CAAC,CAAC;UACxEC,KAAK,EAAEvB,iBAAiB,CAAC,aAAa,EAAGoB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACV,MAAM,CAACY,KAAK,CAAC,CAAC;UACrEC,UAAU,EAAExB,iBAAiB,CAAC,mBAAmB,EAAGoB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACV,MAAM,CAACa,UAAU,CAAC;SACvF;QACDC,MAAM,EAAE;UACJC,OAAO,EAAE;YACLC,IAAI,EAAE3B,iBAAiB,CAAC,qBAAqB,EAAGoB,CAAC,IAAKA,CAAC,CAACQ,SAAS,CAAC,iBAAwB,CAAC,CAACC,UAAU,CAAC,sBAAsB,CAAC,CAAC;YAC/HC,EAAE,EAAE9B,iBAAiB,CAAC,mBAAmB,EAAGoB,CAAC,IAAKA,CAAC,CAACQ,SAAS,CAAC,cAAqB,CAAC,CAACC,UAAU,CAAC,sBAAsB,CAAC;;;OAGlI;MAEDd,GAAG,CAACX,KAAK,EAAE,MAAM,CAAC;MAAC2B,OAAA,YAEJd,aAAa;IAAA;EAAA;AAAA"}
@@ -1,424 +0,0 @@
1
- import Bind from "@web-atoms/core/dist/core/Bind";
2
- import Command from "@web-atoms/core/dist/core/Command";
3
- import XNode from "@web-atoms/core/dist/core/XNode";
4
- import StyleRule from "@web-atoms/core/dist/style/StyleRule";
5
- import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
6
- import CSS from "@web-atoms/core/dist/web/styles/CSS";
7
- import FormField from "./FormField";
8
- import IElement from "./IElement";
9
- import ToggleButtonBar from "./ToggleButtonBar";
10
- export const FormButtonBar = ToggleButtonBar;
11
-
12
- const css = CSS(StyleRule()
13
- .verticalFlexLayout({ alignItems: "stretch" })
14
- .displayNone(" .field-error:empty")
15
- .displayNone(":not([data-wa-show-errors=yes]) .field-error:not(:empty)")
16
- .child(StyleRule("button")
17
- .alignSelf("flex-start")
18
- )
19
- .and(StyleRule("[data-scrollable=true]")
20
- .justifyContent("flex-start")
21
- .overflow("auto")
22
- )
23
- , "*[data-wa-form=wa-form]");
24
-
25
- export interface ISubmitButton {
26
- eventClick: any;
27
- class?: string;
28
- [key: string]: any;
29
- }
30
-
31
- export interface ISubmitAction extends IElement {
32
- action: "submit";
33
- eventClick?: any;
34
- "event-click"?: any;
35
- }
36
-
37
- export interface ICancelAction extends IElement {
38
- action: "cancel";
39
- eventClick?: any;
40
- "event-click"?: any;
41
- }
42
-
43
- export type IFormAction = ISubmitAction | ICancelAction;
44
-
45
- /**
46
- * This is just a decorator, you must have a child button for this to work
47
- * @param action submit | cancel
48
- * @param node child node where action will be applied
49
- * @returns XNode
50
- */
51
- export function FormAction(
52
- {
53
- action = "submit",
54
- eventClick,
55
- "event-click": eventClick2,
56
- ... a
57
- }: IFormAction,
58
- node: XNode) {
59
- const attributes = node.attributes ??= {};
60
- attributes["data-wa-form-action"] = action;
61
- const e = attributes["event-click"] || attributes.eventClick;
62
- if (e) {
63
- attributes["event-submit"] = e;
64
- delete attributes["event-click"];
65
- delete attributes.eventClick;
66
- }
67
- eventClick ??= eventClick2;
68
- if (action === "submit" && eventClick) {
69
- attributes.eventSubmit = eventClick;
70
- }
71
- node.attributes = { ... a, ... attributes};
72
- return node;
73
- }
74
-
75
- /**
76
- * @deprecated Use Form with eventSubmit and button with data-event="submit"
77
- */
78
- export function SubmitAction(a: IElement, node: XNode) {
79
- (a as any).action = "submit";
80
- return FormAction(a as any, node);
81
- }
82
-
83
- /**
84
- * @deprecated Use Form with eventSubmit and button with data-event="submit"
85
- */
86
- export function CancelAction(a: IElement, node: XNode) {
87
- (a as any).action = "cancel";
88
- return FormAction(a as any, node);
89
- }
90
-
91
- /**
92
- * @deprecated Use Form with eventSubmit and button with data-event="submit"
93
- */
94
- export function SubmitButton(
95
- { eventClick,
96
- ... others}: ISubmitButton,
97
- ... nodes: XNode[]) {
98
- return <button
99
- data-wa-form-action="submit"
100
- eventSubmit={eventClick} { ... others }>{ ... nodes}</button>;
101
- }
102
-
103
- function findSubmitAction(e: Event) {
104
- let button = e.target as HTMLElement;
105
- if (e.type === "submit") {
106
- e.preventDefault();
107
- button = (e as SubmitEvent).submitter;
108
- }
109
- while (button) {
110
- const action = button.dataset.waFormAction ?? button.dataset.event;
111
- if (/submit|cancel/i.test(action)) {
112
- return { button, action };
113
- }
114
- button = button.parentElement;
115
- }
116
- return { button };
117
- }
118
-
119
- const submitFormHandler = (form: HTMLElement) => {
120
- if (!form.dataset.waShowErrors) {
121
- form.dataset.waShowErrors = "yes";
122
- }
123
- setTimeout(() => {
124
- const all = Array.from(form.getElementsByClassName("field-error"));
125
- for (const iterator of all) {
126
- if (iterator.textContent) {
127
- alert(form.dataset?.errorMessage ?? "Please fix all validations");
128
- return;
129
- }
130
- }
131
- form.dispatchEvent(new CustomEvent("submitForm"));
132
- }, 100);
133
- };
134
-
135
- const checkValidity = (handler) => (e: MouseEvent) => {
136
-
137
- const form = e.currentTarget as HTMLFormElement;
138
-
139
- const { button, action } = findSubmitAction(e);
140
- if (!button) {
141
- return;
142
- }
143
-
144
- if (handler) {
145
- submitFormHandler(form);
146
- return;
147
- }
148
-
149
- // if (button.tagName === "BUTTON" && e.type !== "submit") {
150
- // // as submit will be followed, we would ignore this only if the tag is button
151
- // return;
152
- // }
153
- if (action === "cancel") {
154
- form.dataset.waShowErrors = "";
155
- return;
156
- }
157
- if (!form.dataset.waShowErrors) {
158
- form.dataset.waShowErrors = "yes";
159
- }
160
-
161
- setTimeout(() => {
162
- const all = Array.from(form.getElementsByClassName("field-error"));
163
- for (const iterator of all) {
164
- if (iterator.textContent) {
165
- alert(form.dataset?.errorMessage ?? "Please fix all validations");
166
- return;
167
- }
168
- }
169
- button.dispatchEvent(new CustomEvent("submit"));
170
- }, 100);
171
- };
172
-
173
- const moveNext = (handler) => (e: KeyboardEvent) => {
174
- if (!/enter|submit|return/i.test(e.key)) {
175
- return;
176
- }
177
- const element = e.target as HTMLElement;
178
- if (!element.tagName) {
179
- return;
180
- }
181
- if (handler) {
182
- if (/^INPUT$/.test(element.tagName)) {
183
- submitFormHandler(e.currentTarget as HTMLElement);
184
- }
185
- return;
186
- }
187
- if (element.dataset.waFormAction === "submit") {
188
- element.dispatchEvent(new MouseEvent("click"));
189
- return;
190
- }
191
- if (/input/i.test(element.tagName)) {
192
- e.preventDefault();
193
- element.dispatchEvent(new KeyboardEvent("keypress", {
194
- key: "tab"
195
- }));
196
- }
197
- };
198
-
199
- document.body.addEventListener("click", (e: MouseEvent) => {
200
- let start = e.target as HTMLElement;
201
- let id;
202
- while (start) {
203
- id = start.dataset.submitFormId;
204
- if (id) {
205
- break;
206
- }
207
- start = start.parentElement;
208
- }
209
- if (!start) {
210
- return;
211
- }
212
- const form = document.body.querySelector(`[data-form-id="${id}"]`);
213
- submitFormHandler(form as HTMLElement);
214
- });
215
-
216
- export interface IForm {
217
- id?: number;
218
- class?: any;
219
- scrollable?: boolean ;
220
- /**
221
- * If set, when an enter key is pressed on
222
- * non textarea element, form will be submitted automatically
223
- */
224
- eventSubmit?: any;
225
- /**
226
- * By default it is true, when user presses enter button on an input
227
- * the focus will move on to the next input element
228
- */
229
- focusNextOnEnter?: boolean;
230
- [key: string]: any;
231
-
232
- submitCommand?: Command;
233
- }
234
-
235
- let formId = 0;
236
-
237
- const formGroupSymbol = Symbol("formGroup");
238
-
239
- export interface IFormGroup {
240
- group: string;
241
- // header?: string;
242
- // icon?: string;
243
- }
244
-
245
- export function FormGroup(
246
- fg: IFormGroup,
247
- ... nodes: XNode[]
248
- ) {
249
- fg[formGroupSymbol] = true;
250
- return <div
251
- { ... fg}>
252
- { ... nodes}
253
- </div>;
254
- }
255
-
256
- export default function OldForm(
257
- {
258
- id = formId++,
259
- focusNextOnEnter = true,
260
- scrollable,
261
- eventSubmit,
262
- submitCommand,
263
- ... a
264
- }: IForm,
265
- ... nodes: XNode[]) {
266
- if (focusNextOnEnter) {
267
- a.eventKeypress = moveNext(eventSubmit);
268
- }
269
- a["data-form-id"] = id;
270
- a["data-scrollable"] = !!scrollable;
271
- if (!eventSubmit) {
272
- a["data-wa-show-errors"] = "yes";
273
- }
274
- if (submitCommand) {
275
- a["event-" + submitCommand.name] = checkValidity(eventSubmit);
276
- }
277
- const fields = [];
278
- for (const iterator of nodes) {
279
- if (!iterator) {
280
- continue;
281
- }
282
- const ca = iterator.attributes as any;
283
- if (ca?.[formGroupSymbol]) {
284
- for (const child of iterator.children) {
285
- const cha = child.attributes ??= {};
286
- cha["data-group"] = ca.group;
287
- fields.push(child);
288
- }
289
- continue;
290
- }
291
- fields.push(iterator);
292
- }
293
-
294
- return <div
295
- data-wa-form="wa-form"
296
- { ... a}
297
- eventSubmitForm={eventSubmit}
298
- eventClick={checkValidity(eventSubmit)}>
299
- { ... fields}
300
- </div>;
301
- }
302
-
303
- export interface IFormLayout extends IForm {
304
- header?: XNode;
305
- footer?: XNode;
306
- }
307
-
308
- CSS(StyleRule()
309
- .display("grid")
310
- .alignSelf("stretch")
311
- .justifyContent("stretch" as any)
312
- .flex("1 1 100%")
313
- .gridTemplateRows("auto 1fr auto")
314
- .gridTemplateColumns("1fr")
315
- .child(StyleRule("[data-element=header]")
316
- .gridRowStart("1")
317
- )
318
- .child(StyleRule("[data-element=content]")
319
- .gridRowStart("2")
320
- .overflow("auto")
321
- .child(StyleRule("div")
322
- .verticalFlexLayout({ alignItems: "stretch", gap: 10 })
323
- )
324
- )
325
- .child(StyleRule("[data-element=footer]")
326
- .gridRowStart("3")
327
- )
328
- , "*[data-form-layout=form-layout]");
329
-
330
- const elementType = Symbol.for("elementType");
331
-
332
- export function FormLayout(
333
- {
334
- id = formId++,
335
- focusNextOnEnter = true,
336
- scrollable,
337
- eventSubmit,
338
- header,
339
- footer,
340
- ... a
341
- }: IFormLayout,
342
- ... nodes: XNode[]) {
343
- if (focusNextOnEnter) {
344
- a.eventKeypress = moveNext(eventSubmit);
345
- }
346
- a["data-form-id"] = id;
347
- a["data-scrollable"] = !!scrollable;
348
- if (!eventSubmit) {
349
- a["data-wa-show-errors"] = "yes";
350
- }
351
-
352
- const fields = [];
353
- for (const iterator of nodes) {
354
- if (!iterator) {
355
- continue;
356
- }
357
-
358
- const et = iterator[elementType];
359
- if (et !== void 0) {
360
- if (et === "header") {
361
- header = iterator;
362
- delete iterator[elementType];
363
- continue;
364
- }
365
- if (et === "footer") {
366
- footer = iterator;
367
- delete iterator[elementType];
368
- continue;
369
- }
370
- }
371
-
372
- const ca = iterator.attributes as any;
373
- if (ca?.[formGroupSymbol]) {
374
- for (const child of iterator.children) {
375
- const cha = child.attributes ??= {};
376
- cha["data-group"] = ca.group;
377
- fields.push(child);
378
- }
379
- continue;
380
- }
381
- fields.push(iterator);
382
- }
383
-
384
- if (header) {
385
- const ha = header.attributes ??= {};
386
- ha["data-element"] = "header";
387
- }
388
-
389
- if (footer) {
390
- const ha = footer.attributes ??= {};
391
- ha["data-element"] = "footer";
392
- }
393
-
394
- return <div
395
- data-wa-form="wa-form"
396
- data-form-layout="form-layout"
397
- { ... a}
398
- eventSubmitForm={eventSubmit}
399
- eventClick={checkValidity(eventSubmit)}>
400
- { header }
401
- <div data-element="content">
402
- <div>
403
- { ... fields}
404
- </div>
405
- </div>
406
- { footer }
407
- </div>;
408
- }
409
-
410
- FormLayout.Footer = ({}, child: XNode) => {
411
- child[elementType] = "footer";
412
- return child;
413
- };
414
-
415
- FormLayout.Header = ({}, child: XNode) => {
416
- child[elementType] = "header";
417
- return child;
418
- };
419
-
420
- OldForm.newId = () => formId++;
421
-
422
- OldForm.submitId = (id: number) => ({
423
- "data-submit-form-id": id.toString()
424
- });
@@ -1,41 +0,0 @@
1
- import Colors from "@web-atoms/core/dist/core/Colors";
2
- import StyleRule, { AtomStyleRules } from "@web-atoms/core/dist/style/StyleRule";
3
- import CSS from "@web-atoms/core/dist/web/styles/CSS";
4
-
5
- function fromCamelToHyphen(input: string): string {
6
- return input.replace( /([a-z])([A-Z])/g, "$1-$2" ).toLowerCase();
7
- }
8
-
9
- let style = StyleRule();
10
-
11
- function registerDataStyle(name, fx: (s: AtomStyleRules) => AtomStyleRules) {
12
- const className = `.${name}`;
13
- style = style.nested(fx(StyleRule(className)));
14
- const dataName = `data-${fromCamelToHyphen(name)}`;
15
- style = style.nested(fx(StyleRule(`*[${dataName}]`)));
16
- return {
17
- [dataName]: "1",
18
- toString() {
19
- return name;
20
- }
21
- };
22
- }
23
-
24
- const InBuiltStyles = {
25
- colors: {
26
- red: registerDataStyle("color-red", (x) => x.color(Colors.red)),
27
- yellow: registerDataStyle("color-yellow", (x) => x.color(Colors.yellow)),
28
- green: registerDataStyle("color-green", (x) => x.color(Colors.green)),
29
- lightGreen: registerDataStyle("color-light-green", (x) => x.color(Colors.lightGreen))
30
- },
31
- rotate: {
32
- animate: {
33
- d180: registerDataStyle("rotate-animate-d180", (x) => x.transform("rotate(-180deg)" as any).transition("transform 150ms ease")),
34
- d0: registerDataStyle("rotate-animate-d0", (x) => x.transform("rotate(0deg)" as any).transition("transform 150ms ease")),
35
- }
36
- }
37
- }
38
-
39
- CSS(style, "body");
40
-
41
- export default InBuiltStyles;