bromcom-ui 2.11.1-rc.1 → 2.11.1-rc.3

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 (222) hide show
  1. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  2. package/dist/bromcom-ui/{p-c3be05d5.entry.js → p-01bd2fbb.entry.js} +1 -1
  3. package/dist/bromcom-ui/{p-e73f4ad2.entry.js → p-0c5a0aa3.entry.js} +1 -1
  4. package/dist/bromcom-ui/{p-cb255600.entry.js → p-0d9d2b83.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-a99fee93.entry.js → p-1365fcd1.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-35b244ed.entry.js → p-1a4d3d4b.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-c13ddcc8.entry.js → p-1aeb3b84.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-ac06eaae.entry.js → p-1b977778.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-89cf88e4.entry.js → p-22fca42a.entry.js} +1 -1
  10. package/dist/bromcom-ui/{p-89d95887.entry.js → p-23697f6e.entry.js} +1 -1
  11. package/dist/bromcom-ui/{p-a6f1639c.entry.js → p-23d97a8f.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-1c9d1703.entry.js → p-24a073cd.entry.js} +1 -1
  13. package/dist/bromcom-ui/{p-178fa302.entry.js → p-27bd3558.entry.js} +1 -1
  14. package/dist/bromcom-ui/{p-c50f944c.entry.js → p-283d69bd.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-432a31d6.entry.js → p-29e07b1c.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-db5d552b.entry.js → p-3c58d022.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-75cf9504.entry.js → p-3d1debbc.entry.js} +1 -1
  18. package/dist/bromcom-ui/{p-cc28ec42.js → p-3d84b432.js} +1 -1
  19. package/dist/bromcom-ui/{p-ac493540.js → p-42385d2c.js} +1 -1
  20. package/dist/bromcom-ui/{p-6701673b.entry.js → p-45854285.entry.js} +1 -1
  21. package/dist/bromcom-ui/{p-78360e47.entry.js → p-4aac21d5.entry.js} +1 -1
  22. package/dist/bromcom-ui/{p-ab95e2d0.entry.js → p-53379ec3.entry.js} +1 -1
  23. package/dist/bromcom-ui/{p-1abbe3e3.js → p-5c59f8e5.js} +1 -1
  24. package/dist/bromcom-ui/{p-52dd2988.entry.js → p-5c79fb9a.entry.js} +1 -1
  25. package/dist/bromcom-ui/{p-40a10802.entry.js → p-5d6485b0.entry.js} +1 -1
  26. package/dist/bromcom-ui/{p-c84b9dbb.entry.js → p-5e195721.entry.js} +1 -1
  27. package/dist/bromcom-ui/{p-df7b37a4.entry.js → p-62fbf683.entry.js} +1 -1
  28. package/dist/bromcom-ui/{p-c7f52f74.entry.js → p-6bcd722c.entry.js} +1 -1
  29. package/dist/bromcom-ui/{p-1118c7d2.entry.js → p-6c00649d.entry.js} +1 -1
  30. package/dist/bromcom-ui/{p-4d5783d7.entry.js → p-7682e5f4.entry.js} +1 -1
  31. package/dist/bromcom-ui/{p-63edf0d5.entry.js → p-772e0ac0.entry.js} +1 -1
  32. package/dist/bromcom-ui/{p-37235864.entry.js → p-7750d6c9.entry.js} +1 -1
  33. package/dist/bromcom-ui/{p-1c7e5683.entry.js → p-7a335951.entry.js} +1 -1
  34. package/dist/bromcom-ui/{p-a467bdb1.entry.js → p-7c1acd0c.entry.js} +1 -1
  35. package/dist/bromcom-ui/{p-fb470c40.entry.js → p-9242e8a4.entry.js} +1 -1
  36. package/dist/bromcom-ui/{p-9954eaed.entry.js → p-970e32f8.entry.js} +1 -1
  37. package/dist/bromcom-ui/{p-6cbc9492.js → p-979af47a.js} +1 -1
  38. package/dist/bromcom-ui/{p-d8bfb45f.entry.js → p-a3b08549.entry.js} +1 -1
  39. package/dist/bromcom-ui/{p-b4608fe1.entry.js → p-a7e8b56c.entry.js} +1 -1
  40. package/dist/bromcom-ui/{p-f18b65a3.js → p-a9632cd3.js} +1 -1
  41. package/dist/bromcom-ui/p-ab52f0fd.entry.js +5 -0
  42. package/dist/bromcom-ui/{p-87d39c54.entry.js → p-ab62dbf4.entry.js} +1 -1
  43. package/dist/bromcom-ui/{p-f93ae986.entry.js → p-b3cb130f.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-662dfc68.entry.js → p-b51a5ffe.entry.js} +1 -1
  45. package/dist/bromcom-ui/p-b64fb627.js +5 -0
  46. package/dist/bromcom-ui/{p-75b1c613.entry.js → p-b70ce8a8.entry.js} +1 -1
  47. package/dist/bromcom-ui/{p-656bea0a.entry.js → p-bceff6ac.entry.js} +1 -1
  48. package/dist/bromcom-ui/{p-06685e47.entry.js → p-c360185a.entry.js} +1 -1
  49. package/dist/bromcom-ui/{p-50335368.entry.js → p-c5dc4334.entry.js} +1 -1
  50. package/dist/bromcom-ui/{p-cd1be7a2.entry.js → p-c99c97c4.entry.js} +1 -1
  51. package/dist/bromcom-ui/{p-d0c3234b.entry.js → p-cdae8b98.entry.js} +1 -1
  52. package/dist/bromcom-ui/{p-29c69275.entry.js → p-cddf5e9d.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-4e4fa388.entry.js → p-ce3a35d8.entry.js} +1 -1
  54. package/dist/bromcom-ui/{p-c76cfd39.entry.js → p-ce64aadd.entry.js} +1 -1
  55. package/dist/bromcom-ui/{p-3e4381a7.entry.js → p-d8078aad.entry.js} +1 -1
  56. package/dist/bromcom-ui/p-d9055031.entry.js +5 -0
  57. package/dist/bromcom-ui/{p-cce551cd.entry.js → p-dd3e80e4.entry.js} +1 -1
  58. package/dist/bromcom-ui/{p-73226a24.entry.js → p-ddcda6e6.entry.js} +1 -1
  59. package/dist/bromcom-ui/{p-ea1e50ed.entry.js → p-dfcea8e4.entry.js} +1 -1
  60. package/dist/bromcom-ui/{p-c497aab1.entry.js → p-e019251c.entry.js} +1 -1
  61. package/dist/bromcom-ui/{p-9a02958d.entry.js → p-e707a4cb.entry.js} +1 -1
  62. package/dist/bromcom-ui/{p-278530cc.entry.js → p-e9ab38fd.entry.js} +1 -1
  63. package/dist/bromcom-ui/{p-9ea3023e.js → p-ecdd078d.js} +1 -1
  64. package/dist/bromcom-ui/{p-e6449d83.entry.js → p-f320ed14.entry.js} +1 -1
  65. package/dist/bromcom-ui/{p-0a011eed.js → p-f4363375.js} +1 -1
  66. package/dist/bromcom-ui/{p-a08ec2e5.entry.js → p-f9782984.entry.js} +1 -1
  67. package/dist/bromcom-ui/{p-0acaa615.entry.js → p-fa937fc9.entry.js} +1 -1
  68. package/dist/bromcom-ui/{p-036c5c3b.entry.js → p-fc2bfd97.entry.js} +1 -1
  69. package/dist/bromcom-ui/{p-4a23063c.js → p-fd2abdda.js} +1 -1
  70. package/dist/bromcom-ui/{p-0e63cb54.entry.js → p-fec2e602.entry.js} +1 -1
  71. package/dist/bromcom-ui/{p-da5ba22f.entry.js → p-ff7a0518.entry.js} +1 -1
  72. package/dist/cjs/bcm-accordion.cjs.entry.js +2 -2
  73. package/dist/cjs/bcm-alert.cjs.entry.js +2 -2
  74. package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +4 -4
  75. package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +4 -4
  76. package/dist/cjs/bcm-attendance-actions_2.cjs.entry.js +4 -4
  77. package/dist/cjs/bcm-attendance.cjs.entry.js +2 -2
  78. package/dist/cjs/bcm-avatar_2.cjs.entry.js +4 -4
  79. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  80. package/dist/cjs/bcm-button-group.cjs.entry.js +2 -2
  81. package/dist/cjs/bcm-caption.cjs.entry.js +4 -4
  82. package/dist/cjs/bcm-card.cjs.entry.js +2 -2
  83. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +2 -2
  84. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +2 -2
  85. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +2 -2
  86. package/dist/cjs/bcm-chip-group.cjs.entry.js +4 -4
  87. package/dist/cjs/bcm-chip.cjs.entry.js +2 -2
  88. package/dist/cjs/bcm-collapse.cjs.entry.js +2 -2
  89. package/dist/cjs/bcm-color-input.cjs.entry.js +4 -4
  90. package/dist/cjs/bcm-colorful_2.cjs.entry.js +4 -4
  91. package/dist/cjs/bcm-date-picker.cjs.entry.js +2 -2
  92. package/dist/cjs/bcm-date.cjs.entry.js +4 -4
  93. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +2 -2
  94. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  95. package/dist/cjs/bcm-drawer.cjs.entry.js +4 -4
  96. package/dist/cjs/bcm-dropdown.cjs.entry.js +3 -3
  97. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +2 -2
  98. package/dist/cjs/bcm-form-2.cjs.entry.js +2 -2
  99. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  100. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +4 -4
  101. package/dist/cjs/bcm-input_2.cjs.entry.js +5 -5
  102. package/dist/cjs/bcm-item.cjs.entry.js +2 -2
  103. package/dist/cjs/bcm-items.cjs.entry.js +2 -2
  104. package/dist/cjs/bcm-label_2.cjs.entry.js +5 -5
  105. package/dist/cjs/bcm-list_3.cjs.entry.js +20 -9
  106. package/dist/cjs/bcm-menu.cjs.entry.js +5 -5
  107. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +4 -4
  108. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +4 -4
  109. package/dist/cjs/bcm-modal-2.cjs.entry.js +4 -4
  110. package/dist/cjs/bcm-modal.cjs.entry.js +2 -2
  111. package/dist/cjs/bcm-number-input.cjs.entry.js +4 -4
  112. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +2 -2
  113. package/dist/cjs/bcm-popconfirm.cjs.entry.js +2 -2
  114. package/dist/cjs/bcm-popover.cjs.entry.js +4 -4
  115. package/dist/cjs/bcm-progress.cjs.entry.js +2 -2
  116. package/dist/cjs/bcm-radio-group.cjs.entry.js +4 -4
  117. package/dist/cjs/bcm-radio.cjs.entry.js +4 -4
  118. package/dist/cjs/bcm-range.cjs.entry.js +2 -2
  119. package/dist/cjs/bcm-shortcut.cjs.entry.js +4 -4
  120. package/dist/cjs/bcm-skeleton.cjs.entry.js +4 -4
  121. package/dist/cjs/bcm-step.cjs.entry.js +3 -3
  122. package/dist/cjs/bcm-stepper.cjs.entry.js +5 -5
  123. package/dist/cjs/bcm-switch.cjs.entry.js +2 -2
  124. package/dist/cjs/bcm-tab-group.cjs.entry.js +4 -4
  125. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +4 -4
  126. package/dist/cjs/bcm-tab-item.cjs.entry.js +4 -4
  127. package/dist/cjs/bcm-table.cjs.entry.js +4 -4
  128. package/dist/cjs/bcm-tag.cjs.entry.js +3 -3
  129. package/dist/cjs/bcm-time-picker.cjs.entry.js +2 -2
  130. package/dist/cjs/bcm-toast.cjs.entry.js +2 -2
  131. package/dist/cjs/bromcom-ui.cjs.js +2 -2
  132. package/dist/cjs/{generate-1a4751ab.js → generate-794c57b1.js} +1 -1
  133. package/dist/cjs/{global-48f46995.js → global-c8462cce.js} +1 -1
  134. package/dist/cjs/{input-template-aafef7d2.js → input-template-c6c22a3e.js} +1 -1
  135. package/dist/cjs/{json-parse-decarator-085c6dbb.js → json-parse-decarator-55cde592.js} +1 -1
  136. package/dist/cjs/loader.cjs.js +2 -2
  137. package/dist/cjs/{number-helper-c0ba116e.js → number-helper-9d81ab60.js} +1 -1
  138. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +3 -3
  139. package/dist/cjs/old-bcm-popover.cjs.entry.js +2 -2
  140. package/dist/cjs/{package-c4cc1dcb.js → package-38271f86.js} +1 -1
  141. package/dist/cjs/{stepper-states-1a602652.js → stepper-states-e9eb3b78.js} +1 -1
  142. package/dist/cjs/{tooltip-helper-0c337a27.js → tooltip-helper-e0d71511.js} +3 -3
  143. package/dist/cjs/{validators-73d9a8d7.js → validators-b8329cff.js} +1 -1
  144. package/dist/collection/components/organism/list/list.js +14 -3
  145. package/dist/components/generate.js +1 -1
  146. package/dist/components/list.js +14 -3
  147. package/dist/esm/bcm-accordion.entry.js +2 -2
  148. package/dist/esm/bcm-alert.entry.js +2 -2
  149. package/dist/esm/bcm-attendance-actions-comment.entry.js +4 -4
  150. package/dist/esm/bcm-attendance-actions-dropdown.entry.js +4 -4
  151. package/dist/esm/bcm-attendance-actions_2.entry.js +4 -4
  152. package/dist/esm/bcm-attendance.entry.js +2 -2
  153. package/dist/esm/bcm-avatar_2.entry.js +4 -4
  154. package/dist/esm/bcm-breadcrumb.entry.js +2 -2
  155. package/dist/esm/bcm-button-group.entry.js +2 -2
  156. package/dist/esm/bcm-caption.entry.js +4 -4
  157. package/dist/esm/bcm-card.entry.js +2 -2
  158. package/dist/esm/bcm-checkbox-group.entry.js +2 -2
  159. package/dist/esm/bcm-checkbox-lite_9.entry.js +2 -2
  160. package/dist/esm/bcm-checkbox_2.entry.js +2 -2
  161. package/dist/esm/bcm-chip-group.entry.js +4 -4
  162. package/dist/esm/bcm-chip.entry.js +2 -2
  163. package/dist/esm/bcm-collapse.entry.js +2 -2
  164. package/dist/esm/bcm-color-input.entry.js +4 -4
  165. package/dist/esm/bcm-colorful_2.entry.js +4 -4
  166. package/dist/esm/bcm-date-picker.entry.js +2 -2
  167. package/dist/esm/bcm-date.entry.js +4 -4
  168. package/dist/esm/bcm-datetime-picker.entry.js +2 -2
  169. package/dist/esm/bcm-default.entry.js +2 -2
  170. package/dist/esm/bcm-drawer.entry.js +4 -4
  171. package/dist/esm/bcm-dropdown.entry.js +3 -3
  172. package/dist/esm/bcm-expansion-panel.entry.js +2 -2
  173. package/dist/esm/bcm-form-2.entry.js +2 -2
  174. package/dist/esm/bcm-input-custom.entry.js +2 -2
  175. package/dist/esm/bcm-input-dropdown.entry.js +4 -4
  176. package/dist/esm/bcm-input_2.entry.js +5 -5
  177. package/dist/esm/bcm-item.entry.js +2 -2
  178. package/dist/esm/bcm-items.entry.js +2 -2
  179. package/dist/esm/bcm-label_2.entry.js +5 -5
  180. package/dist/esm/bcm-list_3.entry.js +20 -9
  181. package/dist/esm/bcm-menu.entry.js +5 -5
  182. package/dist/esm/bcm-modal-2-footer.entry.js +4 -4
  183. package/dist/esm/bcm-modal-2-header.entry.js +4 -4
  184. package/dist/esm/bcm-modal-2.entry.js +4 -4
  185. package/dist/esm/bcm-modal.entry.js +2 -2
  186. package/dist/esm/bcm-number-input.entry.js +4 -4
  187. package/dist/esm/bcm-popconfirm-box.entry.js +2 -2
  188. package/dist/esm/bcm-popconfirm.entry.js +2 -2
  189. package/dist/esm/bcm-popover.entry.js +4 -4
  190. package/dist/esm/bcm-progress.entry.js +2 -2
  191. package/dist/esm/bcm-radio-group.entry.js +4 -4
  192. package/dist/esm/bcm-radio.entry.js +4 -4
  193. package/dist/esm/bcm-range.entry.js +2 -2
  194. package/dist/esm/bcm-shortcut.entry.js +4 -4
  195. package/dist/esm/bcm-skeleton.entry.js +4 -4
  196. package/dist/esm/bcm-step.entry.js +3 -3
  197. package/dist/esm/bcm-stepper.entry.js +5 -5
  198. package/dist/esm/bcm-switch.entry.js +2 -2
  199. package/dist/esm/bcm-tab-group.entry.js +4 -4
  200. package/dist/esm/bcm-tab-item-header.entry.js +4 -4
  201. package/dist/esm/bcm-tab-item.entry.js +4 -4
  202. package/dist/esm/bcm-table.entry.js +4 -4
  203. package/dist/esm/bcm-tag.entry.js +3 -3
  204. package/dist/esm/bcm-time-picker.entry.js +2 -2
  205. package/dist/esm/bcm-toast.entry.js +2 -2
  206. package/dist/esm/bromcom-ui.js +2 -2
  207. package/dist/esm/{generate-5bd07136.js → generate-4cecdf46.js} +1 -1
  208. package/dist/esm/{global-eb3198af.js → global-38baa9be.js} +1 -1
  209. package/dist/esm/{input-template-5d019513.js → input-template-96eea581.js} +1 -1
  210. package/dist/esm/{json-parse-decarator-906c06a6.js → json-parse-decarator-7fe3bbec.js} +1 -1
  211. package/dist/esm/loader.js +2 -2
  212. package/dist/esm/{number-helper-c4a6ae8a.js → number-helper-11c1236c.js} +1 -1
  213. package/dist/esm/old-bcm-popover-box.entry.js +3 -3
  214. package/dist/esm/old-bcm-popover.entry.js +2 -2
  215. package/dist/esm/{package-29b2cf6e.js → package-324454ca.js} +1 -1
  216. package/dist/esm/{stepper-states-f8ede5af.js → stepper-states-6887e3b8.js} +1 -1
  217. package/dist/esm/{tooltip-helper-fa684a4e.js → tooltip-helper-3fcc4880.js} +3 -3
  218. package/dist/esm/{validators-0288c955.js → validators-aadf3740.js} +1 -1
  219. package/package.json +1 -1
  220. package/dist/bromcom-ui/p-11a39f08.entry.js +0 -5
  221. package/dist/bromcom-ui/p-878bc38f.js +0 -5
  222. package/dist/bromcom-ui/p-b5e3da45.entry.js +0 -5
package/dist/bromcom-ui/{p-0acaa615.entry.js → p-fa937fc9.entry.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-e037ee2b.js";import{c as t}from"./p-bed627ab.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as l}from"./p-f18b65a3.js";import"./p-1abbe3e3.js";import"./p-6b5ed4d8.js";import"./p-4a23063c.js";import{T as r}from"./p-ac493540.js";import"./p-5ae0a59b.js";import"./p-a313fba6.js";import{I as b}from"./p-8e5e362a.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-6cbc9492.js";import"./p-6e5f5f36.js";const a=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.gap="16px",this.dropdown=!1,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new r({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),r=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen,"hidden tw-hidden":e.hidden})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>r(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container",style:{gap:this.gap}},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>r(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([b()],a.prototype,"el",void 0),a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}';export{a as bcm_menu}
5
+ import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-e037ee2b.js";import{c as t}from"./p-bed627ab.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as l}from"./p-a9632cd3.js";import"./p-5c59f8e5.js";import"./p-6b5ed4d8.js";import"./p-fd2abdda.js";import{T as r}from"./p-42385d2c.js";import"./p-5ae0a59b.js";import"./p-a313fba6.js";import{I as a}from"./p-8e5e362a.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-979af47a.js";import"./p-6e5f5f36.js";const b=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.gap="16px",this.dropdown=!1,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new r({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),r=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen,"hidden tw-hidden":e.hidden})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>r(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container",style:{gap:this.gap}},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>r(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([a()],b.prototype,"el",void 0),b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}';export{b as bcm_menu}
package/dist/bromcom-ui/{p-036c5c3b.entry.js → p-fc2bfd97.entry.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import{r as o,c as t,h as e,H as r,g as n}from"./p-e037ee2b.js";import{C as c}from"./p-4798d827.js";import"./p-626a65e9.js";import{G as i,s as a}from"./p-f18b65a3.js";import"./p-1abbe3e3.js";import"./p-6b5ed4d8.js";import"./p-4a23063c.js";import"./p-5ae0a59b.js";import{B as l,a as b}from"./p-a313fba6.js";import{c as s}from"./p-bed627ab.js";import{c as d}from"./p-08c75801.js";import{c as u}from"./p-197aba37.js";import{S as m}from"./p-4213ba24.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-6cbc9492.js";const v=d({slots:{host:["tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-48 tw-gap-2","bcm-ui-element bcm-attendance-actions"],base:"",buttonContainer:"tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-[168px]",button:["","tw-button-reset","tw-flex-1 last:tw-flex-none","tw-bg-[--bcm-attendance-actions-button-bg]","tw-text-[--bcm-attendance-actions-button-text]","tw-border tw-border-solid tw-border-[--bcm-attendance-actions-button-border]","hover:tw-bg-[--bcm-attendance-actions-button-hover-bg]","active:tw-bg-[--bcm-attendance-actions-button-active-bg]","focus-visible:tw-ring-2 focus-visible:tw-ring-offset-2 focus-visible:tw-z-10","tw-flex tw-flex-row tw-items-center tw-justify-center","first:tw-rounded-l last:tw-rounded-r","tw-font-medium","-tw-ml-[1px] first:tw-ml-0"],dropdownButton:"",mainButton:"",commentIcon:""},variants:{selected:{true:{button:["tw-text-white tw-border-transparent last:tw-ml-[1px]","first:tw-justify-start"],mainButton:["tw-min-w-[calc(theme(spacing.12)-1px)]"]},false:{button:[""]}},size:{small:{button:["tw-text-2","tw-min-h-6","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},medium:{button:["tw-text-3","tw-min-h-8","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},large:{button:["tw-text-4","tw-min-h-10","tw-gap-2.5"],mainButton:["tw-px-3"],dropdownButton:["tw-px-3"]}},disabled:{true:{},false:{}}},compoundVariants:[{disabled:!0,class:{buttonContainer:["tw-cursor-not-allowed tw-pointer-events-none"],button:["tw-cursor-not-allowed","tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]"],mainButton:["tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-cursor-not-allowed"],host:["tw-cursor-not-allowed"],commentIcon:["tw-cursor-not-allowed tw-pointer-events-none"]}},{disabled:!1,class:{button:["tw-cursor-pointer"]}}],defaultVariants:{selected:!1,size:"medium",disabled:!1}}),h=class{constructor(e){o(this,e),this.change=t(this,"bcm-attendance-change",3),this._id=i.UID(),this.size=l.Size.medium,this.disabled=!1,this.data=[{key:"P",value:"Present",color:"emerald",icon:"fa-solid fa-check",priority:0},{key:"A",value:"Absent",color:"red",icon:"fa-solid fa-times",priority:1},{key:"L",value:"Late",color:"amber",icon:"fa-solid fa-clock",priority:2},{key:"C",value:"Other Authorised Circumstance",color:"blue",icon:"fa-solid fa-question"},{key:"E",value:"Exlude",color:"blue",icon:"fa-solid fa-minus"},{key:"G",value:"Family Holiday",color:"blue",icon:"fa-solid fa-minus"},{key:"H",value:"Family Holiday (Agreed)",color:"blue",icon:"fa-solid fa-minus"},{key:"I",value:"Illness",color:"blue",icon:"fa-solid fa-minus"},{key:"J",value:"Intervier",color:"blue",icon:"fa-solid fa-minus"},{key:"M",value:"Medical / Dental",color:"blue",icon:"fa-solid fa-minus"},{key:"N",value:"No Reason yet PRovided",color:"blue",icon:"fa-solid fa-minus"},{key:"O",value:"Unauthrised Absence",color:"blue",icon:"fa-solid fa-minus"},{key:"U",value:"Late after Reg. Closed",color:"blue",icon:"fa-solid fa-minus"},{key:"X",value:"Non-comp School Age Absence",color:"blue",icon:"fa-solid fa-minus"}],this.lateKeys="L",this.hideComment=!1}get selectedItem(){return this.data.find((o=>o.selected))}get priorityButtons(){return this.data.filter((o=>void 0!==o.priority)).sort(((o,t)=>o.priority-t.priority))}get renderButtons(){const{selectedItem:o,priorityButtons:t}=this;return[...o?[o]:t.length?t:this.data.slice(0,3)]}get lateKeysMap(){return this.lateKeys.toLocaleLowerCase().split(",")}get isLate(){var o,t;return this.lateKeysMap.includes(null===(t=null===(o=this.selectedItem)||void 0===o?void 0:o.key)||void 0===t?void 0:t.toLocaleLowerCase())}get dropdownMenuElement(){return document.getElementById("attendance-dropdown-"+this._id)}get commentAreaElement(){return document.getElementById("comment-"+this._id)}handleSelectItem(o,t=!0,e=!0){var r,n;if(this.data=[...this.data.map((t=>{var e,r;return Object.assign(Object.assign({},t),{selected:(null===(e=o.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null===(r=t.key)||void 0===r?void 0:r.toLocaleLowerCase())})}))],null===(r=this.dropdownMenuElement)||void 0===r||r.hide(),null===(n=this.commentAreaElement)||void 0===n||n.hide(),!this.isLate)return t&&this.changed();!this.hideComment&&e&&this.commentArea()}changed(){this.change.emit(this.selectedItem)}hasDataForKey(o){return!!this.data.find((t=>t.key.toLocaleLowerCase()===o.toLocaleLowerCase()))}handleKeyPress({key:o}){if(!this.hasDataForKey(o))return;const t=this.data.find((t=>{var e;return(null===(e=t.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null==o?void 0:o.toLocaleLowerCase())}));this.handleSelectItem(t)}handleSave(o,t){this.data=[...this.data].map((e=>{var r,n,c;return(null===(r=e.key)||void 0===r?void 0:r.toLocaleLowerCase())===(null===(c=null===(n=this.selectedItem)||void 0===n?void 0:n.key)||void 0===c?void 0:c.toLocaleLowerCase())?Object.assign(Object.assign({},e),{lateMin:o,comment:t}):e})),this.changed()}dropdownMenu(){var o;const t=i.createComponent("bcm-attendance-actions-dropdown",{id:"attendance-dropdown-"+this._id,size:this.size,data:this.data,selectedKey:null===(o=this.selectedItem)||void 0===o?void 0:o.key,targetId:"attendance-dropdown-button-"+this._id});t.addEventListener("bcm-attendance-actions-dropdown-change",(({detail:o})=>{this.handleSelectItem(o)})),t.show()}commentArea(){var o,t;const e=i.createComponent("bcm-attendance-actions-comment",{id:"comment-"+this._id,size:this.size,isLate:this.isLate,targetId:"comment-area-"+this._id,selectedItem:this.selectedItem,lateMinutes:null===(o=this.selectedItem)||void 0===o?void 0:o.lateMin,comment:null===(t=this.selectedItem)||void 0===t?void 0:t.comment});e.addEventListener("bcm-attendance-actions-comment-change",(({detail:o})=>{this.handleSave(o.lateMinutes,o.comment)})),e.show()}async set(o,t=!0){if(!this.hasDataForKey(o))return;const e=this.data.find((t=>{var e;return(null===(e=t.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null==o?void 0:o.toLocaleLowerCase())}));this.handleSelectItem(e,t,!1)}async get(){return this.selectedItem}render(){var o,t,n;const{selectedItem:c,renderButtons:a,disabled:l,hideComment:b,size:d}=this,{host:u,buttonContainer:m,button:h,dropdownButton:g,commentIcon:p,mainButton:f}=v({selected:!!c,size:d,disabled:l}),k=c?i.getTwColor({color:null!==(o=c.color)&&void 0!==o?o:"blue",tones:{600:["bg"],700:["hover-bg"],800:["active-bg"]},variable:"--bcm-attendance-actions-button"}):{},x={class:s(h(),f()),style:Object.assign({},k),disabled:l,type:"button"},w=Object.assign(Object.assign({},x),{class:s(h(),g())}),_=!b&&!!c,y=(null==c?void 0:c.comment)||(null==c?void 0:c.lateMin)?`${(null==c?void 0:c.comment)||""}${(null==c?void 0:c.lateMin)?` (${null==c?void 0:c.lateMin} min) `:""}`:"";return e(r,{class:u(),onKeyPress:this.handleKeyPress.bind(this)},e("div",{class:m()},null==a?void 0:a.map((o=>e("button",Object.assign({},x,{onClick:()=>this.handleSelectItem(o),title:o.value}),e("i",{class:s(o.icon||"fa-solid fa-minus","!tw-leading-[inherit]")}),o.selected&&e("span",{class:"tw-truncate"},o.value)))),e("button",Object.assign({id:"attendance-dropdown-button-"+this._id},w,{onClick:()=>this.dropdownMenu(),title:"More"}),e("i",{class:s("fa-solid fa-angle-down !tw-leading-[inherit]")}))),e("div",{id:"comment-area-"+this._id,class:s(p(),{"tw-cursor-default":!_,"tw-cursor-pointer":_}),onClick:()=>_&&this.commentArea()},e("i",{title:_?y:"",class:s("fa-solid fa-comment",{"tw-text-gray-400":!((null===(t=this.selectedItem)||void 0===t?void 0:t.comment)||(null===(n=this.selectedItem)||void 0===n?void 0:n.lateMin)),"tw-visible":_,"tw-invisible":!_})})))}get el(){return n(this)}};h.style="";const g={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var p;!function(o){o.save="save",o.submit="submit",o.ok="ok",o.new="new",o.add="add",o.create="create",o.apply="apply",o.prev="prev",o.next="next",o.send="send",o.delete="delete",o.cancel="cancel",o.decline="decline",o.close="close",o.archive="archive",o.remove="remove",o.edit="edit",o.export="export",o.import="import",o.filter="filter",o.update="update",o.reset="Reset",o.download="download"}(p||(p={}));const{state:f}=u({value:new Map,setData:{},removeData:{}}),k=({value:o,type:t,componentClass:r,disabled:n,href:c,target:i,loading:a,isIconOnly:l,icon:s,iconPosition:d,id:u})=>e(c?b.HtmlElementType.a:b.HtmlElementType.button,Object.assign({id:u},t==b.HtmlElementType.button&&{type:t},{class:r,disabled:n,href:c,target:i,tabindex:"0"}),e("span",{hidden:!0},e("slot",null)),a&&e("span",{class:"bcm-button__container-loading"}," ",e("span",{class:"bcm-button__container-icon"},e("i",{class:"far fa-spinner-third fa-spin"})," ")),s&&e("span",{class:`${d} bcm-button__container-icon`},e("i",{class:`${s}`})),!l&&e(m,{className:"bcm-button__container-text",value:o}),e("slot",{name:"suffix"})),x=class{constructor(e){o(this,e),this.bcmClick=t(this,"bcm-click",7),this._id=i.UID(),this.hidden=!1,this.type=b.ButtonType.button,this.size=b.Size.medium,this.disabled=!1,this.kind=b.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=b.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(o){if(this.disabled)return o.preventDefault(),o.stopPropagation(),!1}componentWillRender(){const{size:o,kind:t,icon:e,iconPosition:r,disabled:n,outline:c,href:i,type:a,target:l,loading:s,variant:d,fullWidth:u,hidden:m,value:v}=this;(o=>{const t=Object.assign(Object.assign({},o),g[o.variant]&&{icon:g[o.variant].icon,value:g[o.variant].text,iconPosition:b.IconPosition[g[o.variant].iconPosition],variantColor:g[o.variant].color});f.value.set(t.id,t)})({id:this._id,size:o,type:a,kind:t,icon:e,iconPosition:r,disabled:n,outline:c,href:i,target:l,loading:s,variant:d,fullWidth:u,hidden:m,value:v,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return o=this._id,a((()=>f.value.get(o)),{});var o}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((o=>o.nodeType===Node.TEXT_NODE))}setColor(o=this.color){if(!o)return;const{kind:t}=this,e=`--bcm-button-${t}`;return"solid"===t?{[`${e}-color-default`]:c.dsColor("white"),[`${e}-color-hover`]:c.dsColor("white"),[`${e}-color-focus-visible`]:c.dsColor("white"),[`${e}-color-active`]:c.dsColor("white"),[`${e}-color-disabled`]:c.dsColor("white"),[`${e}-background-color-default`]:c.dsColor(o+"-500"),[`${e}-background-color-hover`]:c.dsColor(o+"-600"),[`${e}-background-color-focus-visible`]:c.dsColor(o+"-700"),[`${e}-background-color-active`]:c.dsColor(o+"-800"),[`${e}-background-color-disabled`]:c.dsColor("slate-400"),[`${e}-border-default`]:c.dsColor(o+"-500"),[`${e}-border-hover`]:c.dsColor(o+"-600"),[`${e}-border-focus-visible`]:c.dsColor(o+"-700"),[`${e}-border-active`]:c.dsColor(o+"-800"),[`${e}-border-disabled`]:c.dsColor("slate-400")}:"link"==t?{[`${e}-color-default`]:c.dsColor(o+"-500"),[`${e}-color-hover`]:c.dsColor(o+"-600"),[`${e}-color-focus-visible`]:c.dsColor(o+"-800"),[`${e}-color-active`]:c.dsColor(o+"-700"),[`${e}-color-disabled`]:c.dsColor("slate-400"),[`${e}-background-color-default`]:c.dsColor("transparent"),[`${e}-background-color-hover`]:c.dsColor("transparent"),[`${e}-background-color-focus-visible`]:c.dsColor("slate-50"),[`${e}-background-color-active`]:c.dsColor("slate-50"),[`${e}-background-color-disabled`]:c.dsColor("transparent"),[`${e}-border-default`]:c.dsColor("transparent"),[`${e}-border-hover`]:c.dsColor("transparent"),[`${e}-border-focus-visible`]:c.dsColor("slate-50"),[`${e}-border-active`]:c.dsColor("slate-50"),[`${e}-border-disabled`]:c.dsColor("transparent")}:"ghost"==t?{[`${e}-color-default`]:c.dsColor(o+"-600"),[`${e}-color-hover`]:c.dsColor(o+"-600"),[`${e}-color-focus-visible`]:c.dsColor(o+"-600"),[`${e}-color-active`]:c.dsColor(o+"-600"),[`${e}-color-disabled`]:c.dsColor(o+"-300"),[`${e}-background-color-default`]:c.dsColor(o+"-100"),[`${e}-background-color-hover`]:c.dsColor(o+"-200"),[`${e}-background-color-focus-visible`]:c.dsColor(o+"-400"),[`${e}-background-color-active`]:c.dsColor(o+"-300"),[`${e}-background-color-disabled`]:c.dsColor(o+"-50"),[`${e}-border-default`]:c.dsColor(o+"-300"),[`${e}-border-hover`]:c.dsColor(o+"-400"),[`${e}-border-focus-visible`]:c.dsColor(o+"-600"),[`${e}-border-active`]:c.dsColor(o+"-500"),[`${e}-border-disabled`]:c.dsColor(o+"-200")}:void 0}render(){const{size:o,kind:t,disabled:n,outline:c,type:i,href:a,target:l,loading:b,variantColor:d,fullWidth:u,hidden:m,icon:v,iconPosition:h,value:g,isIconOnly:p,iconSize:f}=this.getStateData();let x=s("bcm-button__container",`bcm-button__container-size-${o}`,`bcm-button__container-kind-${c?"ghost":t}`,{"full-width":u,checked:this.checked,disabled:n});const w=s("bcm-button",{hidden:m,"full-width":u});return e(r,{class:w,style:this.setColor(d),onClick:()=>!n&&this.bcmClick.emit(this.el)},e(k,{type:i,value:g,componentClass:x,disabled:n,href:a,target:l,icon:v,loading:b,iconSize:f,isIconOnly:p,iconPosition:h}))}get el(){return n(this)}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';export{h as bcm_attendance_actions,x as bcm_button}
5
+ import{r as o,c as t,h as e,H as r,g as n}from"./p-e037ee2b.js";import{C as c}from"./p-4798d827.js";import"./p-626a65e9.js";import{G as i,s as a}from"./p-a9632cd3.js";import"./p-5c59f8e5.js";import"./p-6b5ed4d8.js";import"./p-fd2abdda.js";import"./p-5ae0a59b.js";import{B as l,a as b}from"./p-a313fba6.js";import{c as s}from"./p-bed627ab.js";import{c as d}from"./p-08c75801.js";import{c as u}from"./p-197aba37.js";import{S as m}from"./p-4213ba24.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-979af47a.js";const v=d({slots:{host:["tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-48 tw-gap-2","bcm-ui-element bcm-attendance-actions"],base:"",buttonContainer:"tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-[168px]",button:["","tw-button-reset","tw-flex-1 last:tw-flex-none","tw-bg-[--bcm-attendance-actions-button-bg]","tw-text-[--bcm-attendance-actions-button-text]","tw-border tw-border-solid tw-border-[--bcm-attendance-actions-button-border]","hover:tw-bg-[--bcm-attendance-actions-button-hover-bg]","active:tw-bg-[--bcm-attendance-actions-button-active-bg]","focus-visible:tw-ring-2 focus-visible:tw-ring-offset-2 focus-visible:tw-z-10","tw-flex tw-flex-row tw-items-center tw-justify-center","first:tw-rounded-l last:tw-rounded-r","tw-font-medium","-tw-ml-[1px] first:tw-ml-0"],dropdownButton:"",mainButton:"",commentIcon:""},variants:{selected:{true:{button:["tw-text-white tw-border-transparent last:tw-ml-[1px]","first:tw-justify-start"],mainButton:["tw-min-w-[calc(theme(spacing.12)-1px)]"]},false:{button:[""]}},size:{small:{button:["tw-text-2","tw-min-h-6","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},medium:{button:["tw-text-3","tw-min-h-8","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},large:{button:["tw-text-4","tw-min-h-10","tw-gap-2.5"],mainButton:["tw-px-3"],dropdownButton:["tw-px-3"]}},disabled:{true:{},false:{}}},compoundVariants:[{disabled:!0,class:{buttonContainer:["tw-cursor-not-allowed tw-pointer-events-none"],button:["tw-cursor-not-allowed","tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]"],mainButton:["tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-cursor-not-allowed"],host:["tw-cursor-not-allowed"],commentIcon:["tw-cursor-not-allowed tw-pointer-events-none"]}},{disabled:!1,class:{button:["tw-cursor-pointer"]}}],defaultVariants:{selected:!1,size:"medium",disabled:!1}}),h=class{constructor(e){o(this,e),this.change=t(this,"bcm-attendance-change",3),this._id=i.UID(),this.size=l.Size.medium,this.disabled=!1,this.data=[{key:"P",value:"Present",color:"emerald",icon:"fa-solid fa-check",priority:0},{key:"A",value:"Absent",color:"red",icon:"fa-solid fa-times",priority:1},{key:"L",value:"Late",color:"amber",icon:"fa-solid fa-clock",priority:2},{key:"C",value:"Other Authorised Circumstance",color:"blue",icon:"fa-solid fa-question"},{key:"E",value:"Exlude",color:"blue",icon:"fa-solid fa-minus"},{key:"G",value:"Family Holiday",color:"blue",icon:"fa-solid fa-minus"},{key:"H",value:"Family Holiday (Agreed)",color:"blue",icon:"fa-solid fa-minus"},{key:"I",value:"Illness",color:"blue",icon:"fa-solid fa-minus"},{key:"J",value:"Intervier",color:"blue",icon:"fa-solid fa-minus"},{key:"M",value:"Medical / Dental",color:"blue",icon:"fa-solid fa-minus"},{key:"N",value:"No Reason yet PRovided",color:"blue",icon:"fa-solid fa-minus"},{key:"O",value:"Unauthrised Absence",color:"blue",icon:"fa-solid fa-minus"},{key:"U",value:"Late after Reg. Closed",color:"blue",icon:"fa-solid fa-minus"},{key:"X",value:"Non-comp School Age Absence",color:"blue",icon:"fa-solid fa-minus"}],this.lateKeys="L",this.hideComment=!1}get selectedItem(){return this.data.find((o=>o.selected))}get priorityButtons(){return this.data.filter((o=>void 0!==o.priority)).sort(((o,t)=>o.priority-t.priority))}get renderButtons(){const{selectedItem:o,priorityButtons:t}=this;return[...o?[o]:t.length?t:this.data.slice(0,3)]}get lateKeysMap(){return this.lateKeys.toLocaleLowerCase().split(",")}get isLate(){var o,t;return this.lateKeysMap.includes(null===(t=null===(o=this.selectedItem)||void 0===o?void 0:o.key)||void 0===t?void 0:t.toLocaleLowerCase())}get dropdownMenuElement(){return document.getElementById("attendance-dropdown-"+this._id)}get commentAreaElement(){return document.getElementById("comment-"+this._id)}handleSelectItem(o,t=!0,e=!0){var r,n;if(this.data=[...this.data.map((t=>{var e,r;return Object.assign(Object.assign({},t),{selected:(null===(e=o.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null===(r=t.key)||void 0===r?void 0:r.toLocaleLowerCase())})}))],null===(r=this.dropdownMenuElement)||void 0===r||r.hide(),null===(n=this.commentAreaElement)||void 0===n||n.hide(),!this.isLate)return t&&this.changed();!this.hideComment&&e&&this.commentArea()}changed(){this.change.emit(this.selectedItem)}hasDataForKey(o){return!!this.data.find((t=>t.key.toLocaleLowerCase()===o.toLocaleLowerCase()))}handleKeyPress({key:o}){if(!this.hasDataForKey(o))return;const t=this.data.find((t=>{var e;return(null===(e=t.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null==o?void 0:o.toLocaleLowerCase())}));this.handleSelectItem(t)}handleSave(o,t){this.data=[...this.data].map((e=>{var r,n,c;return(null===(r=e.key)||void 0===r?void 0:r.toLocaleLowerCase())===(null===(c=null===(n=this.selectedItem)||void 0===n?void 0:n.key)||void 0===c?void 0:c.toLocaleLowerCase())?Object.assign(Object.assign({},e),{lateMin:o,comment:t}):e})),this.changed()}dropdownMenu(){var o;const t=i.createComponent("bcm-attendance-actions-dropdown",{id:"attendance-dropdown-"+this._id,size:this.size,data:this.data,selectedKey:null===(o=this.selectedItem)||void 0===o?void 0:o.key,targetId:"attendance-dropdown-button-"+this._id});t.addEventListener("bcm-attendance-actions-dropdown-change",(({detail:o})=>{this.handleSelectItem(o)})),t.show()}commentArea(){var o,t;const e=i.createComponent("bcm-attendance-actions-comment",{id:"comment-"+this._id,size:this.size,isLate:this.isLate,targetId:"comment-area-"+this._id,selectedItem:this.selectedItem,lateMinutes:null===(o=this.selectedItem)||void 0===o?void 0:o.lateMin,comment:null===(t=this.selectedItem)||void 0===t?void 0:t.comment});e.addEventListener("bcm-attendance-actions-comment-change",(({detail:o})=>{this.handleSave(o.lateMinutes,o.comment)})),e.show()}async set(o,t=!0){if(!this.hasDataForKey(o))return;const e=this.data.find((t=>{var e;return(null===(e=t.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null==o?void 0:o.toLocaleLowerCase())}));this.handleSelectItem(e,t,!1)}async get(){return this.selectedItem}render(){var o,t,n;const{selectedItem:c,renderButtons:a,disabled:l,hideComment:b,size:d}=this,{host:u,buttonContainer:m,button:h,dropdownButton:g,commentIcon:p,mainButton:f}=v({selected:!!c,size:d,disabled:l}),k=c?i.getTwColor({color:null!==(o=c.color)&&void 0!==o?o:"blue",tones:{600:["bg"],700:["hover-bg"],800:["active-bg"]},variable:"--bcm-attendance-actions-button"}):{},x={class:s(h(),f()),style:Object.assign({},k),disabled:l,type:"button"},w=Object.assign(Object.assign({},x),{class:s(h(),g())}),_=!b&&!!c,y=(null==c?void 0:c.comment)||(null==c?void 0:c.lateMin)?`${(null==c?void 0:c.comment)||""}${(null==c?void 0:c.lateMin)?` (${null==c?void 0:c.lateMin} min) `:""}`:"";return e(r,{class:u(),onKeyPress:this.handleKeyPress.bind(this)},e("div",{class:m()},null==a?void 0:a.map((o=>e("button",Object.assign({},x,{onClick:()=>this.handleSelectItem(o),title:o.value}),e("i",{class:s(o.icon||"fa-solid fa-minus","!tw-leading-[inherit]")}),o.selected&&e("span",{class:"tw-truncate"},o.value)))),e("button",Object.assign({id:"attendance-dropdown-button-"+this._id},w,{onClick:()=>this.dropdownMenu(),title:"More"}),e("i",{class:s("fa-solid fa-angle-down !tw-leading-[inherit]")}))),e("div",{id:"comment-area-"+this._id,class:s(p(),{"tw-cursor-default":!_,"tw-cursor-pointer":_}),onClick:()=>_&&this.commentArea()},e("i",{title:_?y:"",class:s("fa-solid fa-comment",{"tw-text-gray-400":!((null===(t=this.selectedItem)||void 0===t?void 0:t.comment)||(null===(n=this.selectedItem)||void 0===n?void 0:n.lateMin)),"tw-visible":_,"tw-invisible":!_})})))}get el(){return n(this)}};h.style="";const g={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var p;!function(o){o.save="save",o.submit="submit",o.ok="ok",o.new="new",o.add="add",o.create="create",o.apply="apply",o.prev="prev",o.next="next",o.send="send",o.delete="delete",o.cancel="cancel",o.decline="decline",o.close="close",o.archive="archive",o.remove="remove",o.edit="edit",o.export="export",o.import="import",o.filter="filter",o.update="update",o.reset="Reset",o.download="download"}(p||(p={}));const{state:f}=u({value:new Map,setData:{},removeData:{}}),k=({value:o,type:t,componentClass:r,disabled:n,href:c,target:i,loading:a,isIconOnly:l,icon:s,iconPosition:d,id:u})=>e(c?b.HtmlElementType.a:b.HtmlElementType.button,Object.assign({id:u},t==b.HtmlElementType.button&&{type:t},{class:r,disabled:n,href:c,target:i,tabindex:"0"}),e("span",{hidden:!0},e("slot",null)),a&&e("span",{class:"bcm-button__container-loading"}," ",e("span",{class:"bcm-button__container-icon"},e("i",{class:"far fa-spinner-third fa-spin"})," ")),s&&e("span",{class:`${d} bcm-button__container-icon`},e("i",{class:`${s}`})),!l&&e(m,{className:"bcm-button__container-text",value:o}),e("slot",{name:"suffix"})),x=class{constructor(e){o(this,e),this.bcmClick=t(this,"bcm-click",7),this._id=i.UID(),this.hidden=!1,this.type=b.ButtonType.button,this.size=b.Size.medium,this.disabled=!1,this.kind=b.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=b.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(o){if(this.disabled)return o.preventDefault(),o.stopPropagation(),!1}componentWillRender(){const{size:o,kind:t,icon:e,iconPosition:r,disabled:n,outline:c,href:i,type:a,target:l,loading:s,variant:d,fullWidth:u,hidden:m,value:v}=this;(o=>{const t=Object.assign(Object.assign({},o),g[o.variant]&&{icon:g[o.variant].icon,value:g[o.variant].text,iconPosition:b.IconPosition[g[o.variant].iconPosition],variantColor:g[o.variant].color});f.value.set(t.id,t)})({id:this._id,size:o,type:a,kind:t,icon:e,iconPosition:r,disabled:n,outline:c,href:i,target:l,loading:s,variant:d,fullWidth:u,hidden:m,value:v,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return o=this._id,a((()=>f.value.get(o)),{});var o}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((o=>o.nodeType===Node.TEXT_NODE))}setColor(o=this.color){if(!o)return;const{kind:t}=this,e=`--bcm-button-${t}`;return"solid"===t?{[`${e}-color-default`]:c.dsColor("white"),[`${e}-color-hover`]:c.dsColor("white"),[`${e}-color-focus-visible`]:c.dsColor("white"),[`${e}-color-active`]:c.dsColor("white"),[`${e}-color-disabled`]:c.dsColor("white"),[`${e}-background-color-default`]:c.dsColor(o+"-500"),[`${e}-background-color-hover`]:c.dsColor(o+"-600"),[`${e}-background-color-focus-visible`]:c.dsColor(o+"-700"),[`${e}-background-color-active`]:c.dsColor(o+"-800"),[`${e}-background-color-disabled`]:c.dsColor("slate-400"),[`${e}-border-default`]:c.dsColor(o+"-500"),[`${e}-border-hover`]:c.dsColor(o+"-600"),[`${e}-border-focus-visible`]:c.dsColor(o+"-700"),[`${e}-border-active`]:c.dsColor(o+"-800"),[`${e}-border-disabled`]:c.dsColor("slate-400")}:"link"==t?{[`${e}-color-default`]:c.dsColor(o+"-500"),[`${e}-color-hover`]:c.dsColor(o+"-600"),[`${e}-color-focus-visible`]:c.dsColor(o+"-800"),[`${e}-color-active`]:c.dsColor(o+"-700"),[`${e}-color-disabled`]:c.dsColor("slate-400"),[`${e}-background-color-default`]:c.dsColor("transparent"),[`${e}-background-color-hover`]:c.dsColor("transparent"),[`${e}-background-color-focus-visible`]:c.dsColor("slate-50"),[`${e}-background-color-active`]:c.dsColor("slate-50"),[`${e}-background-color-disabled`]:c.dsColor("transparent"),[`${e}-border-default`]:c.dsColor("transparent"),[`${e}-border-hover`]:c.dsColor("transparent"),[`${e}-border-focus-visible`]:c.dsColor("slate-50"),[`${e}-border-active`]:c.dsColor("slate-50"),[`${e}-border-disabled`]:c.dsColor("transparent")}:"ghost"==t?{[`${e}-color-default`]:c.dsColor(o+"-600"),[`${e}-color-hover`]:c.dsColor(o+"-600"),[`${e}-color-focus-visible`]:c.dsColor(o+"-600"),[`${e}-color-active`]:c.dsColor(o+"-600"),[`${e}-color-disabled`]:c.dsColor(o+"-300"),[`${e}-background-color-default`]:c.dsColor(o+"-100"),[`${e}-background-color-hover`]:c.dsColor(o+"-200"),[`${e}-background-color-focus-visible`]:c.dsColor(o+"-400"),[`${e}-background-color-active`]:c.dsColor(o+"-300"),[`${e}-background-color-disabled`]:c.dsColor(o+"-50"),[`${e}-border-default`]:c.dsColor(o+"-300"),[`${e}-border-hover`]:c.dsColor(o+"-400"),[`${e}-border-focus-visible`]:c.dsColor(o+"-600"),[`${e}-border-active`]:c.dsColor(o+"-500"),[`${e}-border-disabled`]:c.dsColor(o+"-200")}:void 0}render(){const{size:o,kind:t,disabled:n,outline:c,type:i,href:a,target:l,loading:b,variantColor:d,fullWidth:u,hidden:m,icon:v,iconPosition:h,value:g,isIconOnly:p,iconSize:f}=this.getStateData();let x=s("bcm-button__container",`bcm-button__container-size-${o}`,`bcm-button__container-kind-${c?"ghost":t}`,{"full-width":u,checked:this.checked,disabled:n});const w=s("bcm-button",{hidden:m,"full-width":u});return e(r,{class:w,style:this.setColor(d),onClick:()=>!n&&this.bcmClick.emit(this.el)},e(k,{type:i,value:g,componentClass:x,disabled:n,href:a,target:l,icon:v,loading:b,iconSize:f,isIconOnly:p,iconPosition:h}))}get el(){return n(this)}};x.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';export{h as bcm_attendance_actions,x as bcm_button}
package/dist/bromcom-ui/{p-4a23063c.js → p-fd2abdda.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import{s as f}from"./p-f18b65a3.js";class a{}a.compareTwoArrayIsSame=(a,d)=>f((()=>a.length===d.length&&a.every(((f,a)=>f===d[a])))),a.isEmailValid=f=>/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(f),a.isUrlValid=f=>/^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/i.test(f),a.isNumberValid=f=>/^[+-]?\d+$/.test(f),a.isNumberFloatValid=f=>/^\d+(\.\d+)?$/.test(f),a.isPhoneValid=f=>/^(?=.*[0-9])[- +()0-9]+$/.test(f),a.pattern=(f,a)=>new RegExp(a).test(f),a.isValidate=(f,d)=>{switch(d){case"email":return a.isEmailValid(f);case"url":return a.isUrlValid(f);case"number":return a.isNumberValid(f)||a.isNumberFloatValid(f);case"phone":return a.isPhoneValid(f);default:return!0}};export{a as V}
5
+ import{s as f}from"./p-a9632cd3.js";class a{}a.compareTwoArrayIsSame=(a,d)=>f((()=>a.length===d.length&&a.every(((f,a)=>f===d[a])))),a.isEmailValid=f=>/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(f),a.isUrlValid=f=>/^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/i.test(f),a.isNumberValid=f=>/^[+-]?\d+$/.test(f),a.isNumberFloatValid=f=>/^\d+(\.\d+)?$/.test(f),a.isPhoneValid=f=>/^(?=.*[0-9])[- +()0-9]+$/.test(f),a.pattern=(f,a)=>new RegExp(a).test(f),a.isValidate=(f,d)=>{switch(d){case"email":return a.isEmailValid(f);case"url":return a.isUrlValid(f);case"number":return a.isNumberValid(f)||a.isNumberFloatValid(f);case"phone":return a.isPhoneValid(f);default:return!0}};export{a as V}
package/dist/bromcom-ui/{p-0e63cb54.entry.js → p-fec2e602.entry.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import{r as t,c as s,h as i,H as h,g as e}from"./p-e037ee2b.js";import{C as o}from"./p-4798d827.js";import"./p-626a65e9.js";import{G as r}from"./p-f18b65a3.js";import"./p-1abbe3e3.js";import{S as a}from"./p-6b5ed4d8.js";import"./p-4a23063c.js";import"./p-5ae0a59b.js";import{B as c}from"./p-a313fba6.js";import{d as n}from"./p-3c7a0345.js";import{F as p}from"./p-6e5f5f36.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-6cbc9492.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:w=0,autoHide:m=!1,emitShow:d=(()=>{}),emitHide:b=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const{tone:t,colorName:s}=o.parseColor(this.color,700),i=r.getTwColor({color:s,tones:{[t]:["bg"]},variable:"--bcm-popover"}),h=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":o.reverseColor(i["--bcm-popover-bg"])}),e=`<div class="tw-z-[1] tw-rounded tw-py-2">\n ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${a.trim(this.message)}</div>`:""}\n ${this.content?`<div class="tw-font-normal tw-px-4">${a.trim(this.content)}</div>`:""}\n </div>`;this.el=r.createElement("div",{id:`${this.targetId}-popover-box`,class:"\n tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n tw-shadow",role:"popover","aria-hidden":"true",style:o.generateStyleString(h),innerHTML:e})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&p({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-popover-bg]"})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=w,this.autoHide=m,this.emitShow=d,this.emitHide=b}}const w=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=r.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},i("slot",null))}get el(){return e(this)}};export{w as bcm_popover}
5
+ import{r as t,c as s,h as i,H as h,g as e}from"./p-e037ee2b.js";import{C as o}from"./p-4798d827.js";import"./p-626a65e9.js";import{G as r}from"./p-a9632cd3.js";import"./p-5c59f8e5.js";import{S as a}from"./p-6b5ed4d8.js";import"./p-fd2abdda.js";import"./p-5ae0a59b.js";import{B as c}from"./p-a313fba6.js";import{d as n}from"./p-3c7a0345.js";import{F as p}from"./p-6e5f5f36.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-979af47a.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:w=0,autoHide:m=!1,emitShow:d=(()=>{}),emitHide:b=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const{tone:t,colorName:s}=o.parseColor(this.color,700),i=r.getTwColor({color:s,tones:{[t]:["bg"]},variable:"--bcm-popover"}),h=Object.assign(Object.assign({},i),i["--bcm-popover-bg"]&&{"--bcm-popover-text":o.reverseColor(i["--bcm-popover-bg"])}),e=`<div class="tw-z-[1] tw-rounded tw-py-2">\n ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${a.trim(this.message)}</div>`:""}\n ${this.content?`<div class="tw-font-normal tw-px-4">${a.trim(this.content)}</div>`:""}\n </div>`;this.el=r.createElement("div",{id:`${this.targetId}-popover-box`,class:"\n tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n tw-shadow",role:"popover","aria-hidden":"true",style:o.generateStyleString(h),innerHTML:e})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&p({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-popover-bg]"})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=w,this.autoHide=m,this.emitShow=d,this.emitHide=b}}const w=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=r.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{class:"tw-inline-flex tw-h-fit tw-w-fit",role:"tooltip","aria-hidden":"true"},i("slot",null))}get el(){return e(this)}};export{w as bcm_popover}
package/dist/bromcom-ui/{p-da5ba22f.entry.js → p-ff7a0518.entry.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import{r as t,f as e,h as s,H as r,g as i}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as o}from"./p-f18b65a3.js";import"./p-1abbe3e3.js";import"./p-6b5ed4d8.js";import"./p-4a23063c.js";import"./p-5ae0a59b.js";import"./p-a313fba6.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-6cbc9492.js";const p=class{constructor(e){t(this,e),this._id=o.UID(),this.label="",this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.fullWidth=!1}handleChange(t){this.value=t,this.getInputElement().setValue(t),e(this.el)}getInputElement(){return this.el.querySelector("bcm-input")}getPickerElement(){return document.querySelector("#"+this._id+"-picker")}handleInputChanged(t){this.getPickerElement().color=t.detail}eyeDropper(){(new window.EyeDropper).open().then((t=>{this.handleChange(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}render(){return s(r,{class:"tw-block"},s("bcm-input",{id:this._id+"-color",fullWidth:this.fullWidth,label:this.label,placeholder:this.placeholder,type:"text","onBcm-change":t=>this.handleInputChanged(t)},s("i",{slot:"prefix",class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100",style:{backgroundColor:this.value}}),this.isEyeDropperSupported()&&s("i",{slot:"suffix",class:"far fa-eye-dropper",onClick:()=>this.eyeDropper()})),s("bcm-linked",{targetId:this._id+"-color-container"},s("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.handleChange(t.detail)})))}get el(){return i(this)}};export{p as bcm_color_input}
5
+ import{r as t,f as e,h as s,H as r,g as i}from"./p-e037ee2b.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as o}from"./p-a9632cd3.js";import"./p-5c59f8e5.js";import"./p-6b5ed4d8.js";import"./p-fd2abdda.js";import"./p-5ae0a59b.js";import"./p-a313fba6.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-979af47a.js";const p=class{constructor(e){t(this,e),this._id=o.UID(),this.label="",this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.fullWidth=!1}handleChange(t){this.value=t,this.getInputElement().setValue(t),e(this.el)}getInputElement(){return this.el.querySelector("bcm-input")}getPickerElement(){return document.querySelector("#"+this._id+"-picker")}handleInputChanged(t){this.getPickerElement().color=t.detail}eyeDropper(){(new window.EyeDropper).open().then((t=>{this.handleChange(t.sRGBHex)})).catch((t=>{"NotAllowedError"===t.name?console.log("Permission to access sensor was denied."):"NotSupportedError"===t.name&&console.log("Sensor not supported.")}))}isEyeDropperSupported(){return"undefined"!=typeof window&&"EyeDropper"in window}render(){return s(r,{class:"tw-block"},s("bcm-input",{id:this._id+"-color",fullWidth:this.fullWidth,label:this.label,placeholder:this.placeholder,type:"text","onBcm-change":t=>this.handleInputChanged(t)},s("i",{slot:"prefix",class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100",style:{backgroundColor:this.value}}),this.isEyeDropperSupported()&&s("i",{slot:"suffix",class:"far fa-eye-dropper",onClick:()=>this.eyeDropper()})),s("bcm-linked",{targetId:this._id+"-color-container"},s("bcm-colorful",{id:this._id+"-picker",color:this.value,onBcmChange:t=>this.handleChange(t.detail)})))}get el(){return i(this)}};export{p as bcm_color_input}
package/dist/cjs/bcm-accordion.cjs.entry.js CHANGED
@@ -7,8 +7,8 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
- const generate = require('./generate-1a4751ab.js');
11
- require('./package-c4cc1dcb.js');
10
+ const generate = require('./generate-794c57b1.js');
11
+ require('./package-38271f86.js');
12
12
  require('./colors-078851ec.js');
13
13
  require('./_commonjsHelpers-ed84c3ca.js');
14
14
 
package/dist/cjs/bcm-alert.cjs.entry.js CHANGED
@@ -7,11 +7,11 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index$1 = require('./index-c591ecec.js');
10
- const generate = require('./generate-1a4751ab.js');
10
+ const generate = require('./generate-794c57b1.js');
11
11
  const index$2 = require('./index-95ae50d0.js');
12
12
  const index = require('./index-d321de96.js');
13
13
  const stringHelper = require('./string-helper-9cdfb273.js');
14
- require('./package-c4cc1dcb.js');
14
+ require('./package-38271f86.js');
15
15
  require('./colors-078851ec.js');
16
16
  require('./_commonjsHelpers-ed84c3ca.js');
17
17
  require('./bcm-1d1fcf21.js');
package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js CHANGED
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
9
9
  const index$1 = require('./index-c591ecec.js');
10
10
  require('./color-helper-c3a819ea.js');
11
11
  require('./datetime-helper-eaf4fadb.js');
12
- const generate = require('./generate-1a4751ab.js');
13
- require('./number-helper-c0ba116e.js');
12
+ const generate = require('./generate-794c57b1.js');
13
+ require('./number-helper-9d81ab60.js');
14
14
  require('./string-helper-9cdfb273.js');
15
- require('./validators-73d9a8d7.js');
15
+ require('./validators-b8329cff.js');
16
16
  require('./element-dragger-a8562f82.js');
17
17
  const utils = require('./utils-fc077139.js');
18
18
  const floatingUi = require('./floating-ui-5b396838.js');
@@ -21,7 +21,7 @@ const index = require('./index-5279dea2.js');
21
21
  require('./colors-56282b00.js');
22
22
  require('./colors-078851ec.js');
23
23
  require('./_commonjsHelpers-ed84c3ca.js');
24
- require('./package-c4cc1dcb.js');
24
+ require('./package-38271f86.js');
25
25
 
26
26
  const attendanceActionCommentStyle = index.ce({
27
27
  slots: {
package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js CHANGED
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
9
9
  const index$1 = require('./index-c591ecec.js');
10
10
  require('./color-helper-c3a819ea.js');
11
11
  require('./datetime-helper-eaf4fadb.js');
12
- const generate = require('./generate-1a4751ab.js');
13
- require('./number-helper-c0ba116e.js');
12
+ const generate = require('./generate-794c57b1.js');
13
+ require('./number-helper-9d81ab60.js');
14
14
  require('./string-helper-9cdfb273.js');
15
- require('./validators-73d9a8d7.js');
15
+ require('./validators-b8329cff.js');
16
16
  require('./element-dragger-a8562f82.js');
17
17
  const floatingUi = require('./floating-ui-5b396838.js');
18
18
  const bcm = require('./bcm-1d1fcf21.js');
@@ -22,7 +22,7 @@ require('./colors-56282b00.js');
22
22
  require('./utils-fc077139.js');
23
23
  require('./colors-078851ec.js');
24
24
  require('./_commonjsHelpers-ed84c3ca.js');
25
- require('./package-c4cc1dcb.js');
25
+ require('./package-38271f86.js');
26
26
 
27
27
  const attendanceActionDropdownStyle = index.ce({
28
28
  slots: {
package/dist/cjs/bcm-attendance-actions_2.cjs.entry.js CHANGED
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
9
9
  const index$1 = require('./index-c591ecec.js');
10
10
  const colorHelper = require('./color-helper-c3a819ea.js');
11
11
  require('./datetime-helper-eaf4fadb.js');
12
- const generate = require('./generate-1a4751ab.js');
13
- require('./number-helper-c0ba116e.js');
12
+ const generate = require('./generate-794c57b1.js');
13
+ require('./number-helper-9d81ab60.js');
14
14
  require('./string-helper-9cdfb273.js');
15
- require('./validators-73d9a8d7.js');
15
+ require('./validators-b8329cff.js');
16
16
  require('./element-dragger-a8562f82.js');
17
17
  const bcm = require('./bcm-1d1fcf21.js');
18
18
  const index$2 = require('./index-95ae50d0.js');
@@ -23,7 +23,7 @@ require('./colors-56282b00.js');
23
23
  require('./utils-fc077139.js');
24
24
  require('./colors-078851ec.js');
25
25
  require('./_commonjsHelpers-ed84c3ca.js');
26
- require('./package-c4cc1dcb.js');
26
+ require('./package-38271f86.js');
27
27
 
28
28
  // --bcm-attendance-actions-button-bg: #F1F5F9; /* slate-100 */
29
29
  // --bcm-attendance-actions-button-text: #334155; /* slate-700 */
package/dist/cjs/bcm-attendance.cjs.entry.js CHANGED
@@ -7,8 +7,8 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
- const generate = require('./generate-1a4751ab.js');
11
- require('./package-c4cc1dcb.js');
10
+ const generate = require('./generate-794c57b1.js');
11
+ require('./package-38271f86.js');
12
12
  require('./colors-078851ec.js');
13
13
  require('./_commonjsHelpers-ed84c3ca.js');
14
14
 
package/dist/cjs/bcm-avatar_2.cjs.entry.js CHANGED
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
9
9
  const index$1 = require('./index-c591ecec.js');
10
10
  const colorHelper = require('./color-helper-c3a819ea.js');
11
11
  require('./datetime-helper-eaf4fadb.js');
12
- const generate = require('./generate-1a4751ab.js');
13
- require('./number-helper-c0ba116e.js');
12
+ const generate = require('./generate-794c57b1.js');
13
+ require('./number-helper-9d81ab60.js');
14
14
  require('./string-helper-9cdfb273.js');
15
- require('./validators-73d9a8d7.js');
15
+ require('./validators-b8329cff.js');
16
16
  require('./element-dragger-a8562f82.js');
17
17
  const bcm = require('./bcm-1d1fcf21.js');
18
18
  const index = require('./index-5279dea2.js');
@@ -20,7 +20,7 @@ require('./colors-56282b00.js');
20
20
  require('./utils-fc077139.js');
21
21
  require('./colors-078851ec.js');
22
22
  require('./_commonjsHelpers-ed84c3ca.js');
23
- require('./package-c4cc1dcb.js');
23
+ require('./package-38271f86.js');
24
24
 
25
25
  const avatarStyle = index.ce({
26
26
  slots: {
package/dist/cjs/bcm-breadcrumb.cjs.entry.js CHANGED
@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$1 = require('./index-95ae50d0.js');
11
- const generate = require('./generate-1a4751ab.js');
11
+ const generate = require('./generate-794c57b1.js');
12
12
  require('./_commonjsHelpers-ed84c3ca.js');
13
- require('./package-c4cc1dcb.js');
13
+ require('./package-38271f86.js');
14
14
  require('./colors-078851ec.js');
15
15
 
16
16
  const breadcrumbCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}";
package/dist/cjs/bcm-button-group.cjs.entry.js CHANGED
@@ -7,11 +7,11 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
- const generate = require('./generate-1a4751ab.js');
10
+ const generate = require('./generate-794c57b1.js');
11
11
  const bcm = require('./bcm-1d1fcf21.js');
12
12
  const index$1 = require('./index-95ae50d0.js');
13
13
  const stringHelper = require('./string-helper-9cdfb273.js');
14
- require('./package-c4cc1dcb.js');
14
+ require('./package-38271f86.js');
15
15
  require('./colors-078851ec.js');
16
16
  require('./_commonjsHelpers-ed84c3ca.js');
17
17
 
package/dist/cjs/bcm-caption.cjs.entry.js CHANGED
@@ -14,16 +14,16 @@ require('./index-95ae50d0.js');
14
14
  require('./types-cc4adee7.js');
15
15
  require('./color-helper-c3a819ea.js');
16
16
  require('./datetime-helper-eaf4fadb.js');
17
- require('./generate-1a4751ab.js');
18
- require('./number-helper-c0ba116e.js');
19
- require('./validators-73d9a8d7.js');
17
+ require('./generate-794c57b1.js');
18
+ require('./number-helper-9d81ab60.js');
19
+ require('./validators-b8329cff.js');
20
20
  require('./element-dragger-a8562f82.js');
21
21
  require('./types-7523fd99.js');
22
22
  require('./_commonjsHelpers-ed84c3ca.js');
23
23
  require('./colors-56282b00.js');
24
24
  require('./utils-fc077139.js');
25
25
  require('./colors-078851ec.js');
26
- require('./package-c4cc1dcb.js');
26
+ require('./package-38271f86.js');
27
27
 
28
28
  const BcmCaption = class {
29
29
  constructor(hostRef) {
package/dist/cjs/bcm-card.cjs.entry.js CHANGED
@@ -9,14 +9,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$1 = require('./index-95ae50d0.js');
11
11
  const colorHelper = require('./color-helper-c3a819ea.js');
12
- const generate = require('./generate-1a4751ab.js');
12
+ const generate = require('./generate-794c57b1.js');
13
13
  const stringHelper = require('./string-helper-9cdfb273.js');
14
14
  const slotTemplate = require('./slot-template-df7b5b59.js');
15
15
  require('./_commonjsHelpers-ed84c3ca.js');
16
16
  require('./colors-56282b00.js');
17
17
  require('./utils-fc077139.js');
18
18
  require('./colors-078851ec.js');
19
- require('./package-c4cc1dcb.js');
19
+ require('./package-38271f86.js');
20
20
  require('./bcm-1d1fcf21.js');
21
21
 
22
22
  const cardCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-card{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}";
package/dist/cjs/bcm-checkbox-group.cjs.entry.js CHANGED
@@ -8,14 +8,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$2 = require('./index-95ae50d0.js');
11
- const generate = require('./generate-1a4751ab.js');
11
+ const generate = require('./generate-794c57b1.js');
12
12
  const bcm = require('./bcm-1d1fcf21.js');
13
13
  const utils = require('./utils-fc077139.js');
14
14
  const index$1 = require('./index-d321de96.js');
15
15
  const labelTemplate = require('./label-template-3b970f86.js');
16
16
  const isLoadDecorator = require('./is-load-decorator-15036f37.js');
17
17
  require('./_commonjsHelpers-ed84c3ca.js');
18
- require('./package-c4cc1dcb.js');
18
+ require('./package-38271f86.js');
19
19
  require('./colors-078851ec.js');
20
20
 
21
21
  const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {
package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js CHANGED
@@ -8,11 +8,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$1 = require('./index-95ae50d0.js');
11
- const generate = require('./generate-1a4751ab.js');
11
+ const generate = require('./generate-794c57b1.js');
12
12
  const bcm = require('./bcm-1d1fcf21.js');
13
13
  const utils = require('./utils-fc077139.js');
14
14
  require('./_commonjsHelpers-ed84c3ca.js');
15
- require('./package-c4cc1dcb.js');
15
+ require('./package-38271f86.js');
16
16
  require('./colors-078851ec.js');
17
17
 
18
18
  const checkboxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";