@luzmo/lucero 1.0.1-alpha.17 → 1.0.1-alpha.19

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 (277) hide show
  1. package/components/NumberFormatter-DewVDY5w.cjs +18 -0
  2. package/components/NumberFormatter-DgOUVrge.js +136 -0
  3. package/components/NumberParser-Dik4a0h-.cjs +18 -0
  4. package/components/NumberParser-ci9J5EKv.js +173 -0
  5. package/components/accordion/index.cjs +6 -183
  6. package/components/accordion/index.js +88 -136
  7. package/components/action-bar/index.cjs +4 -85
  8. package/components/action-bar/index.js +50 -72
  9. package/components/action-button/index.cjs +3 -205
  10. package/components/action-button/index.js +93 -167
  11. package/components/action-group/index.cjs +1 -7
  12. package/components/action-group/index.js +8 -12
  13. package/components/action-group-C54IxNZk.cjs +20 -0
  14. package/components/action-group-C9dsPJg-.js +258 -0
  15. package/components/action-menu/index.cjs +11 -91
  16. package/components/action-menu/index.js +47 -66
  17. package/components/async-directive-BwIAw5tB.js +82 -0
  18. package/components/async-directive-DLz6JB0v.cjs +22 -0
  19. package/components/avatar/index.cjs +3 -63
  20. package/components/avatar/index.js +42 -54
  21. package/components/{focusable-selectors-D0t_5P7C.cjs → base-BjTwmyRF.cjs} +5 -16
  22. package/components/base-CFWO09N1.js +684 -0
  23. package/components/base-Cy0MQrPT.cjs +40 -0
  24. package/components/base-D76d76ww.js +26 -0
  25. package/components/button/index.cjs +2 -134
  26. package/components/button/index.js +72 -106
  27. package/components/button-base-B8bWcklV.js +144 -0
  28. package/components/button-base-tf95Lyl4.cjs +25 -0
  29. package/components/button-group/index.cjs +1 -45
  30. package/components/button-group/index.js +25 -37
  31. package/components/calendar/index.cjs +1 -632
  32. package/components/calendar/index.js +7 -637
  33. package/components/checkbox/index.cjs +4 -111
  34. package/components/checkbox/index.js +53 -98
  35. package/components/checkbox-mixin-BOTvuPEu.js +70 -0
  36. package/components/checkbox-mixin-BVPpXtsq.cjs +27 -0
  37. package/components/class-map-CGfNk3Ee.js +51 -0
  38. package/components/class-map-D-Y-hsN5.cjs +22 -0
  39. package/components/clear-button-CuPbWwZY.cjs +18 -0
  40. package/components/clear-button-DzZ5ulBW.js +53 -0
  41. package/components/close-button-BTo4yrFR.cjs +18 -0
  42. package/components/close-button-CuQdsez5.js +51 -0
  43. package/components/color-area/index.cjs +13 -440
  44. package/components/color-area/index.js +187 -322
  45. package/components/color-controller-B0uX6Zso.js +3230 -0
  46. package/components/color-controller-CoUL5f9K.cjs +18 -0
  47. package/components/color-field/index.cjs +2 -95
  48. package/components/color-field/index.js +41 -77
  49. package/components/color-handle/index.cjs +3 -64
  50. package/components/color-handle/index.js +37 -58
  51. package/components/color-loupe/index.cjs +1 -7
  52. package/components/color-loupe/index.js +8 -12
  53. package/components/color-loupe-CrM2DVY3.cjs +56 -0
  54. package/components/color-loupe-DmQe3SpP.js +81 -0
  55. package/components/color-menu/index.cjs +12 -217
  56. package/components/color-menu/index.js +93 -187
  57. package/components/color-palette/index.cjs +1 -89
  58. package/components/color-palette/index.js +51 -78
  59. package/components/color-palette-group/index.cjs +3 -259
  60. package/components/color-palette-group/index.js +105 -193
  61. package/components/color-picker/index.cjs +6 -114
  62. package/components/color-picker/index.js +72 -92
  63. package/components/color-slider/index.cjs +1 -585
  64. package/components/color-slider/index.js +7 -590
  65. package/components/condition-attribute-with-id-DrQYZzFS.cjs +18 -0
  66. package/components/condition-attribute-with-id-Dv4lSRbe.js +31 -0
  67. package/components/date-time-picker/index.cjs +31 -1357
  68. package/components/date-time-picker/index.js +637 -951
  69. package/components/{dependency-manger-XHpQjFgK.js → dependency-manger-CO-VPlqq.js} +14 -24
  70. package/components/dependency-manger-uthev62E.cjs +18 -0
  71. package/components/directive-C7oCP5Bh.cjs +22 -0
  72. package/components/directive-helpers-D4KMv2dC.js +62 -0
  73. package/components/directive-helpers-t-TVum7J.cjs +22 -0
  74. package/components/{slottable-request-event-CANixJnR.cjs → directive-oAbCiebi.js} +25 -14
  75. package/components/divider/index.cjs +1 -54
  76. package/components/divider/index.js +30 -49
  77. package/components/divider.module-DDvBo9zo.cjs +18 -0
  78. package/components/divider.module-DoQWQEIJ.js +21 -0
  79. package/components/element-resolution-BvRLGqIU.cjs +18 -0
  80. package/components/element-resolution-FCUT-wql.js +91 -0
  81. package/components/field-group/index.cjs +1 -7
  82. package/components/field-group/index.js +8 -12
  83. package/components/field-group-5WQMBOk4.cjs +23 -0
  84. package/components/field-group-D4B0IOdA.js +66 -0
  85. package/components/field-label/index.cjs +1 -7
  86. package/components/field-label/index.js +8 -12
  87. package/components/field-label-DxmPiC5p.js +106 -0
  88. package/components/field-label-Dz9kisdW.cjs +25 -0
  89. package/components/flow-D-0MTYCm.js +527 -0
  90. package/components/flow-DM3dNAKs.cjs +30 -0
  91. package/components/focus-group-DHeTq18L.js +218 -0
  92. package/components/focus-group-DnxZUBhQ.cjs +18 -0
  93. package/components/focus-visible-BvScGDCE.js +74 -0
  94. package/components/focus-visible-D4BXb5RB.cjs +18 -0
  95. package/components/focusable-B_KwfEec.cjs +18 -0
  96. package/components/focusable-C5JjRZmT.js +153 -0
  97. package/components/{focusable-selectors-IltOAOd9.js → focusable-selectors-B4YgbghQ.js} +4 -7
  98. package/components/focusable-selectors-BgFlyFcY.cjs +18 -0
  99. package/components/icon/index.cjs +1 -90
  100. package/components/icon/index.js +46 -74
  101. package/components/if-defined-DULpqYwi.js +27 -0
  102. package/components/if-defined-DaXWqfzc.cjs +22 -0
  103. package/components/index-CNK8wHXu.cjs +57 -0
  104. package/components/index-Cf6G4q52.js +1490 -0
  105. package/components/index-D3ICqC7S.js +1174 -0
  106. package/components/index-hqVbNKYy.cjs +113 -0
  107. package/components/index.cjs +1 -174
  108. package/components/index.js +172 -174
  109. package/components/infield-button/index.cjs +2 -46
  110. package/components/infield-button/index.js +30 -41
  111. package/components/label/index.cjs +1 -37
  112. package/components/label/index.js +24 -36
  113. package/components/{language-resolution-BSGJAWiQ.js → language-resolution-B-wjV5bb.js} +17 -21
  114. package/components/language-resolution-EUER43cg.cjs +18 -0
  115. package/components/like-anchor-Bu3pXbjT.cjs +32 -0
  116. package/components/like-anchor-DCFJN0LV.js +69 -0
  117. package/components/luzmo-icons-CiSek5iM.js +229 -0
  118. package/components/luzmo-icons-CtA-TJPd.cjs +29 -0
  119. package/components/manage-help-text-CHfMLzSa.js +92 -0
  120. package/components/manage-help-text-DNqdEkTA.cjs +30 -0
  121. package/components/menu/index.cjs +29 -1297
  122. package/components/menu/index.js +499 -954
  123. package/components/multi-language-field/index.cjs +2 -132
  124. package/components/multi-language-field/index.js +88 -118
  125. package/components/mutation-controller-DH7YOCyj.js +52 -0
  126. package/components/mutation-controller-DkOMCW-c.cjs +22 -0
  127. package/components/number-field/index.cjs +10 -613
  128. package/components/number-field/index.js +243 -442
  129. package/components/observe-slot-presence-CmVi0zTc.js +68 -0
  130. package/components/observe-slot-presence-bc9chhsi.cjs +18 -0
  131. package/components/observe-slot-text-C3moTjwy.js +87 -0
  132. package/components/observe-slot-text-D2VAEFSd.cjs +18 -0
  133. package/components/options/index.cjs +60 -693
  134. package/components/options/index.js +953 -519
  135. package/components/overlay/index.cjs +21 -367
  136. package/components/overlay/index.js +189 -273
  137. package/components/overlay-B3ajDLLq.cjs +47 -0
  138. package/components/overlay-CUKs69yr.js +2745 -0
  139. package/components/{pending-state-CXbe-Xul.js → pending-state-B2wWssTo.js} +13 -28
  140. package/components/pending-state-bJr-nEJl.cjs +26 -0
  141. package/components/picker/index.cjs +1 -9
  142. package/components/picker/index.js +11 -15
  143. package/components/picker-C0LvseZe.cjs +123 -0
  144. package/components/picker-W1qNmtsh.js +461 -0
  145. package/components/picker-button/index.cjs +4 -56
  146. package/components/picker-button/index.js +34 -45
  147. package/components/{condition-attribute-with-id-Cn815e9W.js → platform-BM-uMWpX.js} +49 -24
  148. package/components/platform-BiXhwqk3.cjs +18 -0
  149. package/components/popover/index.cjs +1 -7
  150. package/components/popover/index.js +8 -12
  151. package/components/popover-fwJeZHMQ.cjs +30 -0
  152. package/components/popover-iD8f5Jkp.js +67 -0
  153. package/components/progress-circle/index.cjs +1 -7
  154. package/components/progress-circle/index.js +8 -12
  155. package/components/progress-circle-DZxaMe8L.cjs +33 -0
  156. package/components/progress-circle-USIIU1up.js +97 -0
  157. package/components/query-BL-TJj7K.cjs +22 -0
  158. package/components/query-D_KR_GUc.js +51 -0
  159. package/components/query-assigned-elements-DjfhL1cl.js +36 -0
  160. package/components/query-assigned-elements-DsKsfk7G.cjs +22 -0
  161. package/components/query-assigned-nodes-BcKWmGzy.cjs +22 -0
  162. package/components/query-assigned-nodes-C76XVPWY.js +36 -0
  163. package/components/radio/index.cjs +2 -244
  164. package/components/radio/index.js +110 -192
  165. package/components/{random-id-BEc6QIUL.js → random-id-ByCz1xaq.js} +3 -3
  166. package/components/random-id-CqvckpWe.cjs +18 -0
  167. package/components/roving-tabindex-By_fCy_e.cjs +18 -0
  168. package/components/roving-tabindex-DOg4z6ZU.js +66 -0
  169. package/components/search/index.cjs +8 -115
  170. package/components/search/index.js +66 -96
  171. package/components/select/index.cjs +51 -720
  172. package/components/select/index.js +347 -563
  173. package/components/sized-mixin-CJbBHWRQ.js +63 -0
  174. package/components/sized-mixin-WPHH0a_D.cjs +18 -0
  175. package/components/slider/index.cjs +1 -119
  176. package/components/slider/index.js +1113 -100
  177. package/components/slottable-request-event-BfUUt1Mh.cjs +18 -0
  178. package/components/{slottable-request-event-D9WzrdWv.js → slottable-request-event-DggLA4Rx.js} +9 -12
  179. package/components/state-DwIwYPvt.js +29 -0
  180. package/components/state-vf0PJN3_.cjs +22 -0
  181. package/components/strategies-C6HsQpU2.cjs +18 -0
  182. package/components/strategies-CUMLHtQI.js +195 -0
  183. package/components/streaming-listener-BQ68fKMa.js +91 -0
  184. package/components/streaming-listener-DeGQYM-9.cjs +18 -0
  185. package/components/style-map-Bnhf_mVZ.js +53 -0
  186. package/components/style-map-DuMd5xlY.cjs +22 -0
  187. package/components/swatch/index.cjs +7 -436
  188. package/components/swatch/index.js +205 -350
  189. package/components/switch/index.cjs +2 -61
  190. package/components/switch/index.js +34 -51
  191. package/components/tabs/index.cjs +26 -693
  192. package/components/tabs/index.js +388 -521
  193. package/components/tags/index.cjs +4 -201
  194. package/components/tags/index.js +87 -152
  195. package/components/text-field/index.cjs +3 -49
  196. package/components/text-field/index.js +30 -44
  197. package/components/text-field-BkFPYo7S.cjs +85 -0
  198. package/components/text-field-C2n3rzCK.js +314 -0
  199. package/components/text-field.module-C2KVUJcX.js +21 -0
  200. package/components/text-field.module-DXhFA9G-.cjs +18 -0
  201. package/components/toast/index.cjs +12 -177
  202. package/components/toast/index.js +73 -145
  203. package/components/tooltip/index.cjs +6 -221
  204. package/components/tooltip/index.js +131 -155
  205. package/components/tooltip/tooltip.d.ts +12 -1
  206. package/components/unit-input/index.cjs +8 -232
  207. package/components/unit-input/index.js +108 -201
  208. package/components/utils.cjs +1 -25
  209. package/components/utils.js +22 -22
  210. package/components/{random-id-BE6HA503.cjs → when-CDK1Tt5Y.js} +10 -7
  211. package/components/when-CDZyJPvd.cjs +22 -0
  212. package/custom-elements.json +1 -1
  213. package/package.json +1 -1
  214. package/components/action-group-DHp8RHDf.js +0 -392
  215. package/components/action-group-MPf19RPV.cjs +0 -391
  216. package/components/base-COw9n7UR.cjs +0 -119
  217. package/components/base-DmeVy0cq.js +0 -120
  218. package/components/button-base-7Ak55xFd.cjs +0 -206
  219. package/components/button-base-C3kf6BTK.js +0 -207
  220. package/components/checkbox-mixin-8cL-vfDy.js +0 -84
  221. package/components/checkbox-mixin-CE7dJj3J.cjs +0 -83
  222. package/components/clear-button-Co6oKSgl.js +0 -59
  223. package/components/clear-button-X_HDY2eH.cjs +0 -58
  224. package/components/close-button-DPBK6Kpu.cjs +0 -59
  225. package/components/close-button-Miw9ZjoJ.js +0 -60
  226. package/components/color-controller-BjDZaxhX.js +0 -491
  227. package/components/color-controller-C3c_vb2P.cjs +0 -490
  228. package/components/color-loupe-BQqNR8YD.cjs +0 -88
  229. package/components/color-loupe-B_DDFv8l.js +0 -89
  230. package/components/condition-attribute-with-id-DEc2Yjne.cjs +0 -43
  231. package/components/dependency-manger-CcIE1uvQ.cjs +0 -63
  232. package/components/divider.module-Cm5LcDRV.cjs +0 -20
  233. package/components/divider.module-DauH6k2_.js +0 -21
  234. package/components/element-resolution-DCsrhGZO.cjs +0 -112
  235. package/components/element-resolution-nMlmW4Jy.js +0 -113
  236. package/components/field-group-DNmY8W9v.cjs +0 -86
  237. package/components/field-group-DVdAWCQF.js +0 -87
  238. package/components/field-label-CKH9EXpR.cjs +0 -156
  239. package/components/field-label-Dpsecoc6.js +0 -157
  240. package/components/focus-group-BqDAk9Is.js +0 -337
  241. package/components/focus-group-DFzOlalL.cjs +0 -336
  242. package/components/focus-visible-B-B8-P9R.cjs +0 -104
  243. package/components/focus-visible-BUPRWlsh.js +0 -105
  244. package/components/focusable-BPrTcZPd.cjs +0 -262
  245. package/components/focusable-ChCLg1k4.js +0 -263
  246. package/components/language-resolution-iN9EImbb.cjs +0 -57
  247. package/components/like-anchor-D62faRNG.cjs +0 -79
  248. package/components/like-anchor-v3cJ9RWM.js +0 -80
  249. package/components/manage-help-text-BYx84zZR.cjs +0 -125
  250. package/components/manage-help-text-DOuMTGht.js +0 -126
  251. package/components/observe-slot-presence-9AwLGUQ_.cjs +0 -78
  252. package/components/observe-slot-presence-DcMdoumP.js +0 -79
  253. package/components/observe-slot-text-CSofZeeF.cjs +0 -104
  254. package/components/observe-slot-text-CjnkkBPn.js +0 -105
  255. package/components/overlay-CN8ISP1F.js +0 -2485
  256. package/components/overlay-LViy9VWM.cjs +0 -2484
  257. package/components/pending-state-e4RbXe9u.cjs +0 -75
  258. package/components/picker-DNde3awt.cjs +0 -672
  259. package/components/picker-PfUAF05y.js +0 -673
  260. package/components/platform-CxDar3Dn.cjs +0 -68
  261. package/components/platform-Cxn0WbyT.js +0 -69
  262. package/components/popover-BkbYhl3i.js +0 -74
  263. package/components/popover-BkgUf0kL.cjs +0 -74
  264. package/components/progress-circle-Hu_ivPHf.js +0 -133
  265. package/components/progress-circle-_Etqsj9f.cjs +0 -132
  266. package/components/roving-tabindex-AsmAh2In.cjs +0 -95
  267. package/components/roving-tabindex-DPF9NmrH.js +0 -96
  268. package/components/sized-mixin-DmkrNdWB.js +0 -80
  269. package/components/sized-mixin-UaTVa-AE.cjs +0 -79
  270. package/components/strategies-DlMlaSJR.cjs +0 -317
  271. package/components/strategies-DlPQoTFE.js +0 -318
  272. package/components/streaming-listener-D4sHaMub.cjs +0 -145
  273. package/components/streaming-listener-cAz5zJyk.js +0 -146
  274. package/components/text-field-11tcnftU.cjs +0 -338
  275. package/components/text-field-Chi9J2Cz.js +0 -339
  276. package/components/text-field.module-CMBS0jSL.js +0 -21
  277. package/components/text-field.module-DIJdV_sA.cjs +0 -20
@@ -15,405 +15,59 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- "use strict";
19
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
20
- const overlay = require("../overlay-LViy9VWM.cjs");
21
- const lit = require("lit");
22
- const decorators_js = require("lit/decorators.js");
23
- const base = require("../base-COw9n7UR.cjs");
24
- const asyncDirective_js = require("lit/async-directive.js");
25
- const slottableRequestEvent = require("../slottable-request-event-CANixJnR.cjs");
26
- const overlayTriggerStyles = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";
27
- var __defProp = Object.defineProperty;
28
- var __decorateClass = (decorators, target, key, kind) => {
29
- var result = void 0;
30
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
31
- if (decorator = decorators[i])
32
- result = decorator(target, key, result) || result;
33
- if (result) __defProp(target, key, result);
34
- return result;
35
- };
36
- class LuzmoOverlayTrigger extends base.LuzmoElement {
37
- constructor() {
38
- super(...arguments);
39
- this.content = "click hover longpress";
40
- this.offset = 6;
41
- this.disabled = false;
42
- this.receivesFocus = "auto";
43
- this.clickContent = [];
44
- this.longpressContent = [];
45
- this.hoverContent = [];
46
- this.targetContent = [];
47
- }
48
- static get styles() {
49
- return [lit.unsafeCSS(overlayTriggerStyles)];
50
- }
51
- getAssignedElementsFromSlot(slot) {
52
- return slot.assignedElements({ flatten: true });
53
- }
54
- handleTriggerContent(event) {
55
- this.targetContent = this.getAssignedElementsFromSlot(event.target);
56
- }
57
- handleSlotContent(event) {
58
- switch (event.target.name) {
59
- case "click-content": {
60
- this.clickContent = this.getAssignedElementsFromSlot(event.target);
61
- break;
62
- }
63
- case "longpress-content": {
64
- this.longpressContent = this.getAssignedElementsFromSlot(event.target);
65
- break;
66
- }
67
- case "hover-content": {
68
- this.hoverContent = this.getAssignedElementsFromSlot(event.target);
69
- break;
70
- }
71
- }
72
- }
73
- handleBeforetoggle(event) {
74
- const { target } = event;
75
- let type;
76
- if (target === this.clickOverlayElement) {
77
- type = "click";
78
- } else if (target === this.longpressOverlayElement) {
79
- type = "longpress";
80
- } else if (target === this.hoverOverlayElement) {
81
- type = "hover";
82
- } else {
83
- return;
84
- }
85
- if (event.newState === "open") {
86
- this.open = type;
87
- } else if (this.open === type) {
88
- this.open = void 0;
89
- }
90
- }
91
- update(changes) {
92
- var _a, _b, _c, _d, _e, _f;
93
- if (changes.has("clickContent")) {
94
- this.clickPlacement = ((_a = this.clickContent[0]) == null ? void 0 : _a.getAttribute("placement")) || ((_b = this.clickContent[0]) == null ? void 0 : _b.getAttribute("direction")) || void 0;
95
- }
96
- if (changes.has("hoverContent")) {
97
- this.hoverPlacement = ((_c = this.hoverContent[0]) == null ? void 0 : _c.getAttribute("placement")) || ((_d = this.hoverContent[0]) == null ? void 0 : _d.getAttribute("direction")) || void 0;
98
- }
99
- if (changes.has("longpressContent")) {
100
- this.longpressPlacement = ((_e = this.longpressContent[0]) == null ? void 0 : _e.getAttribute("placement")) || ((_f = this.longpressContent[0]) == null ? void 0 : _f.getAttribute("direction")) || void 0;
101
- }
102
- super.update(changes);
103
- }
104
- renderSlot(name) {
105
- return lit.html`
106
- <slot name=${name} @slotchange=${this.handleSlotContent}></slot>
107
- `;
108
- }
109
- renderClickOverlay() {
110
- var _a;
111
- const slot = this.renderSlot("click-content");
112
- const clickOverlay = lit.html`
18
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../overlay-B3ajDLLq.cjs"),n=require("../base-Cy0MQrPT.cjs"),p=require("../state-vf0PJN3_.cjs"),d=require("../query-BL-TJj7K.cjs"),f=require("../directive-C7oCP5Bh.cjs"),O=require("../async-directive-DLz6JB0v.cjs"),u=require("../slottable-request-event-BfUUt1Mh.cjs"),S=":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";var $=Object.defineProperty,l=(h,e,r,t)=>{for(var i=void 0,a=h.length-1,c;a>=0;a--)(c=h[a])&&(i=c(e,r,i)||i);return i&&$(e,r,i),i};class o extends n.LuzmoElement{constructor(){super(...arguments),this.content="click hover longpress",this.offset=6,this.disabled=!1,this.receivesFocus="auto",this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[n.r(S)]}getAssignedElementsFromSlot(e){return e.assignedElements({flatten:!0})}handleTriggerContent(e){this.targetContent=this.getAssignedElementsFromSlot(e.target)}handleSlotContent(e){switch(e.target.name){case"click-content":{this.clickContent=this.getAssignedElementsFromSlot(e.target);break}case"longpress-content":{this.longpressContent=this.getAssignedElementsFromSlot(e.target);break}case"hover-content":{this.hoverContent=this.getAssignedElementsFromSlot(e.target);break}}}handleBeforetoggle(e){const{target:r}=e;let t;if(r===this.clickOverlayElement)t="click";else if(r===this.longpressOverlayElement)t="longpress";else if(r===this.hoverOverlayElement)t="hover";else return;e.newState==="open"?this.open=t:this.open===t&&(this.open=void 0)}update(e){var r,t,i,a,c,g;e.has("clickContent")&&(this.clickPlacement=((r=this.clickContent[0])==null?void 0:r.getAttribute("placement"))||((t=this.clickContent[0])==null?void 0:t.getAttribute("direction"))||void 0),e.has("hoverContent")&&(this.hoverPlacement=((i=this.hoverContent[0])==null?void 0:i.getAttribute("placement"))||((a=this.hoverContent[0])==null?void 0:a.getAttribute("direction"))||void 0),e.has("longpressContent")&&(this.longpressPlacement=((c=this.longpressContent[0])==null?void 0:c.getAttribute("placement"))||((g=this.longpressContent[0])==null?void 0:g.getAttribute("direction"))||void 0),super.update(e)}renderSlot(e){return n.x`
19
+ <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
20
+ `}renderClickOverlay(){var t;const e=this.renderSlot("click-content"),r=n.x`
113
21
  <luzmo-overlay
114
22
  id="click-overlay"
115
- ?disabled=${this.disabled || this.clickContent.length === 0}
116
- ?open=${this.open === "click" && this.clickContent.length > 0}
23
+ ?disabled=${this.disabled||this.clickContent.length===0}
24
+ ?open=${this.open==="click"&&this.clickContent.length>0}
117
25
  .offset=${this.offset}
118
- .placement=${this.clickPlacement || this.placement}
26
+ .placement=${this.clickPlacement||this.placement}
119
27
  .triggerElement=${this.targetContent[0]}
120
28
  .triggerInteraction=${"click"}
121
- .type=${this.type === "modal" ? "modal" : "auto"}
29
+ .type=${this.type==="modal"?"modal":"auto"}
122
30
  @beforetoggle=${this.handleBeforetoggle}
123
31
  .receivesFocus=${this.receivesFocus}
124
32
  >
125
- ${slot}
33
+ ${e}
126
34
  </luzmo-overlay>
127
- `;
128
- if ((_a = this.triggeredBy) == null ? void 0 : _a.includes("click")) {
129
- return clickOverlay;
130
- }
131
- if (this.clickContent.length === 0) {
132
- return slot;
133
- }
134
- return clickOverlay;
135
- }
136
- renderHoverOverlay() {
137
- var _a;
138
- const slot = this.renderSlot("hover-content");
139
- const hoverOverlay = lit.html`
35
+ `;return(t=this.triggeredBy)!=null&&t.includes("click")?r:this.clickContent.length===0?e:r}renderHoverOverlay(){var t;const e=this.renderSlot("hover-content"),r=n.x`
140
36
  <luzmo-overlay
141
37
  id="hover-overlay"
142
- ?open=${this.open === "hover" && this.hoverContent.length > 0}
143
- ?disabled=${this.disabled || this.hoverContent.length === 0 || !!this.open && this.open !== "hover"}
38
+ ?open=${this.open==="hover"&&this.hoverContent.length>0}
39
+ ?disabled=${this.disabled||this.hoverContent.length===0||!!this.open&&this.open!=="hover"}
144
40
  .offset=${this.offset}
145
- .placement=${this.hoverPlacement || this.placement}
41
+ .placement=${this.hoverPlacement||this.placement}
146
42
  .triggerElement=${this.targetContent[0]}
147
43
  .triggerInteraction=${"hover"}
148
44
  .type=${"hint"}
149
45
  @beforetoggle=${this.handleBeforetoggle}
150
46
  .receivesFocus=${this.receivesFocus}
151
47
  >
152
- ${slot}
48
+ ${e}
153
49
  </luzmo-overlay>
154
- `;
155
- if ((_a = this.triggeredBy) == null ? void 0 : _a.includes("hover")) {
156
- return hoverOverlay;
157
- }
158
- if (this.hoverContent.length === 0) {
159
- return slot;
160
- }
161
- return hoverOverlay;
162
- }
163
- renderLongpressOverlay() {
164
- var _a;
165
- const slot = this.renderSlot("longpress-content");
166
- const longpressOverlay = lit.html`
50
+ `;return(t=this.triggeredBy)!=null&&t.includes("hover")?r:this.hoverContent.length===0?e:r}renderLongpressOverlay(){var t;const e=this.renderSlot("longpress-content"),r=n.x`
167
51
  <luzmo-overlay
168
52
  id="longpress-overlay"
169
- ?disabled=${this.disabled || this.longpressContent.length === 0}
170
- ?open=${this.open === "longpress" && this.longpressContent.length > 0}
53
+ ?disabled=${this.disabled||this.longpressContent.length===0}
54
+ ?open=${this.open==="longpress"&&this.longpressContent.length>0}
171
55
  .offset=${this.offset}
172
- .placement=${this.longpressPlacement || this.placement}
56
+ .placement=${this.longpressPlacement||this.placement}
173
57
  .triggerElement=${this.targetContent[0]}
174
58
  .triggerInteraction=${"longpress"}
175
59
  .type=${"auto"}
176
60
  @beforetoggle=${this.handleBeforetoggle}
177
61
  .receivesFocus=${this.receivesFocus}
178
62
  >
179
- ${slot}
63
+ ${e}
180
64
  </luzmo-overlay>
181
65
  <slot name="longpress-describedby-descriptor"></slot>
182
- `;
183
- if ((_a = this.triggeredBy) == null ? void 0 : _a.includes("longpress")) {
184
- return longpressOverlay;
185
- }
186
- if (this.longpressContent.length === 0) {
187
- return slot;
188
- }
189
- return longpressOverlay;
190
- }
191
- render() {
192
- return lit.html`
66
+ `;return(t=this.triggeredBy)!=null&&t.includes("longpress")?r:this.longpressContent.length===0?e:r}render(){return n.x`
193
67
  <slot
194
68
  id="trigger"
195
69
  name="trigger"
196
70
  @slotchange=${this.handleTriggerContent}
197
71
  ></slot>
198
- ${[
199
- this.renderClickOverlay(),
200
- this.renderHoverOverlay(),
201
- this.renderLongpressOverlay()
202
- ]}
203
- `;
204
- }
205
- updated(changedProperties) {
206
- super.updated(changedProperties);
207
- if (this.disabled && changedProperties.has("disabled")) {
208
- this.open = void 0;
209
- return;
210
- }
211
- }
212
- async getUpdateComplete() {
213
- const complete = await super.getUpdateComplete();
214
- return complete;
215
- }
216
- }
217
- __decorateClass([
218
- decorators_js.property()
219
- ], LuzmoOverlayTrigger.prototype, "content");
220
- __decorateClass([
221
- decorators_js.property({ attribute: "triggered-by" })
222
- ], LuzmoOverlayTrigger.prototype, "triggeredBy");
223
- __decorateClass([
224
- decorators_js.property({ reflect: true })
225
- ], LuzmoOverlayTrigger.prototype, "placement");
226
- __decorateClass([
227
- decorators_js.property()
228
- ], LuzmoOverlayTrigger.prototype, "type");
229
- __decorateClass([
230
- decorators_js.property({ type: Number })
231
- ], LuzmoOverlayTrigger.prototype, "offset");
232
- __decorateClass([
233
- decorators_js.property({ reflect: true })
234
- ], LuzmoOverlayTrigger.prototype, "open");
235
- __decorateClass([
236
- decorators_js.property({ type: Boolean, reflect: true })
237
- ], LuzmoOverlayTrigger.prototype, "disabled");
238
- __decorateClass([
239
- decorators_js.property({ attribute: "receives-focus" })
240
- ], LuzmoOverlayTrigger.prototype, "receivesFocus");
241
- __decorateClass([
242
- decorators_js.state()
243
- ], LuzmoOverlayTrigger.prototype, "clickContent");
244
- __decorateClass([
245
- decorators_js.state()
246
- ], LuzmoOverlayTrigger.prototype, "longpressContent");
247
- __decorateClass([
248
- decorators_js.state()
249
- ], LuzmoOverlayTrigger.prototype, "hoverContent");
250
- __decorateClass([
251
- decorators_js.state()
252
- ], LuzmoOverlayTrigger.prototype, "targetContent");
253
- __decorateClass([
254
- decorators_js.query("#click-overlay", true)
255
- ], LuzmoOverlayTrigger.prototype, "clickOverlayElement");
256
- __decorateClass([
257
- decorators_js.query("#longpress-overlay", true)
258
- ], LuzmoOverlayTrigger.prototype, "longpressOverlayElement");
259
- __decorateClass([
260
- decorators_js.query("#hover-overlay", true)
261
- ], LuzmoOverlayTrigger.prototype, "hoverOverlayElement");
262
- function openOverlay(triggerOrContent, interactionOrOptions, content, optionsV1) {
263
- return overlay.LuzmoOverlay.open(
264
- triggerOrContent,
265
- interactionOrOptions,
266
- content,
267
- optionsV1
268
- );
269
- }
270
- class SlottableRequestDirective extends asyncDirective_js.AsyncDirective {
271
- /* c8 ignore next 9 */
272
- render(_template) {
273
- return lit.nothing;
274
- }
275
- update(part, [template]) {
276
- this.template = template;
277
- if (this.target !== part.element) {
278
- this.target = part.element;
279
- this.renderBefore = this.target.children[0];
280
- }
281
- this.listenerHost = this.target;
282
- this.init();
283
- }
284
- handleSlottableRequest(event) {
285
- if (event.target !== event.currentTarget) {
286
- return;
287
- }
288
- const willRemoveSlottable = event.data === slottableRequestEvent.removeSlottableRequest;
289
- lit.render(willRemoveSlottable ? void 0 : this.template(), this.target, {
290
- renderBefore: this.renderBefore
291
- });
292
- }
293
- init() {
294
- var _a;
295
- (_a = this.listeners) == null ? void 0 : _a.abort();
296
- this.listeners = new AbortController();
297
- const { signal } = this.listeners;
298
- this.listenerHost.addEventListener(
299
- "slottable-request",
300
- (event) => this.handleSlottableRequest(event),
301
- { signal }
302
- );
303
- }
304
- disconnected() {
305
- var _a;
306
- (_a = this.listeners) == null ? void 0 : _a.abort();
307
- }
308
- /* c8 ignore next 3 */
309
- reconnected() {
310
- this.init();
311
- }
312
- }
313
- const slottableRequest = asyncDirective_js.directive(SlottableRequestDirective);
314
- class OverlayTriggerDirective extends SlottableRequestDirective {
315
- constructor() {
316
- super(...arguments);
317
- this.defaultOptions = {
318
- triggerInteraction: "click",
319
- overlayOptions: {
320
- type: "auto",
321
- offset: 0
322
- }
323
- };
324
- this.options = {
325
- ...this.defaultOptions.overlayOptions
326
- };
327
- }
328
- /* c8 ignore next 9 */
329
- render(_template, _options) {
330
- return lit.nothing;
331
- }
332
- update(part, [template, options]) {
333
- var _a, _b, _c;
334
- this.options = {
335
- ...this.defaultOptions.overlayOptions,
336
- ...options == null ? void 0 : options.overlayOptions
337
- };
338
- this.insertionOptions = options == null ? void 0 : options.insertionOptions;
339
- this.template = template;
340
- this.host = (_a = part.options) == null ? void 0 : _a.host;
341
- let newTarget = false;
342
- const triggerInteraction = (options == null ? void 0 : options.triggerInteraction) || this.defaultOptions.triggerInteraction;
343
- const newStrategy = overlay.InteractionTypes[(_b = this.strategy) == null ? void 0 : _b.type] !== triggerInteraction;
344
- if (this.target !== part.element) {
345
- this.target = part.element;
346
- newTarget = true;
347
- }
348
- if (newTarget || newStrategy) {
349
- (_c = this.strategy) == null ? void 0 : _c.abort();
350
- this.strategy = new overlay.strategies[triggerInteraction](this.target, {
351
- isPersistent: true,
352
- handleOverlayReady: (overlay2) => {
353
- this.listenerHost = this.overlay = overlay2;
354
- this.init();
355
- }
356
- });
357
- }
358
- this.strategy.open = (options == null ? void 0 : options.open) ?? false;
359
- }
360
- handleSlottableRequest(event) {
361
- var _a, _b;
362
- if (event.target !== event.currentTarget) {
363
- return;
364
- }
365
- const willRemoveSlottable = event.data === slottableRequestEvent.removeSlottableRequest;
366
- const options = {};
367
- if (this.host) {
368
- options.host = this.host;
369
- }
370
- lit.render(
371
- willRemoveSlottable ? void 0 : this.template(),
372
- this.overlay,
373
- options
374
- );
375
- if (willRemoveSlottable) {
376
- this.overlay.remove();
377
- } else {
378
- overlay.LuzmoAbstractOverlay.applyOptions(this.overlay, {
379
- ...this.options,
380
- trigger: this.target
381
- });
382
- const insertionEl = typeof ((_a = this.insertionOptions) == null ? void 0 : _a.el) === "function" ? this.insertionOptions.el() : ((_b = this.insertionOptions) == null ? void 0 : _b.el) || this.target;
383
- const { where = "afterend" } = this.insertionOptions || {};
384
- insertionEl.insertAdjacentElement(where, this.overlay);
385
- }
386
- }
387
- }
388
- const trigger = asyncDirective_js.directive(OverlayTriggerDirective);
389
- if (!customElements.get("luzmo-overlay")) {
390
- customElements.define("luzmo-overlay", overlay.LuzmoOverlay);
391
- }
392
- if (!customElements.get("luzmo-overlay-trigger")) {
393
- customElements.define("luzmo-overlay-trigger", LuzmoOverlayTrigger);
394
- }
395
- exports.ClickController = overlay.ClickController;
396
- exports.HoverController = overlay.HoverController;
397
- exports.InteractionController = overlay.InteractionController;
398
- exports.InteractionTypes = overlay.InteractionTypes;
399
- exports.LONGPRESS_INSTRUCTIONS = overlay.LONGPRESS_INSTRUCTIONS;
400
- exports.LongpressController = overlay.LongpressController;
401
- exports.LuzmoAbstractOverlay = overlay.LuzmoAbstractOverlay;
402
- exports.LuzmoOverlay = overlay.LuzmoOverlay;
403
- exports.PlacementController = overlay.PlacementController;
404
- exports.SAFARI_FOCUS_RING_CLASS = overlay.SAFARI_FOCUS_RING_CLASS;
405
- exports.VirtualTrigger = overlay.VirtualTrigger;
406
- exports.guaranteedAllTransitionend = overlay.guaranteedAllTransitionend;
407
- exports.lastInteractionType = overlay.lastInteractionType;
408
- exports.nextFrame = overlay.nextFrame;
409
- exports.noop = overlay.noop;
410
- exports.overlayTimer = overlay.overlayTimer;
411
- exports.placementUpdatedSymbol = overlay.placementUpdatedSymbol;
412
- exports.SlottableRequestEvent = slottableRequestEvent.SlottableRequestEvent;
413
- exports.removeSlottableRequest = slottableRequestEvent.removeSlottableRequest;
414
- exports.LuzmoOverlayTrigger = LuzmoOverlayTrigger;
415
- exports.OverlayTriggerDirective = OverlayTriggerDirective;
416
- exports.SlottableRequestDirective = SlottableRequestDirective;
417
- exports.openOverlay = openOverlay;
418
- exports.slottableRequest = slottableRequest;
419
- exports.trigger = trigger;
72
+ ${[this.renderClickOverlay(),this.renderHoverOverlay(),this.renderLongpressOverlay()]}
73
+ `}updated(e){if(super.updated(e),this.disabled&&e.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}l([n.n()],o.prototype,"content");l([n.n({attribute:"triggered-by"})],o.prototype,"triggeredBy");l([n.n({reflect:!0})],o.prototype,"placement");l([n.n()],o.prototype,"type");l([n.n({type:Number})],o.prototype,"offset");l([n.n({reflect:!0})],o.prototype,"open");l([n.n({type:Boolean,reflect:!0})],o.prototype,"disabled");l([n.n({attribute:"receives-focus"})],o.prototype,"receivesFocus");l([p.r()],o.prototype,"clickContent");l([p.r()],o.prototype,"longpressContent");l([p.r()],o.prototype,"hoverContent");l([p.r()],o.prototype,"targetContent");l([d.e("#click-overlay",!0)],o.prototype,"clickOverlayElement");l([d.e("#longpress-overlay",!0)],o.prototype,"longpressOverlayElement");l([d.e("#hover-overlay",!0)],o.prototype,"hoverOverlayElement");function k(h,e,r,t){return s.LuzmoOverlay.open(h,e,r,t)}class v extends O.f{render(e){return n.E}update(e,[r]){this.template=r,this.target!==e.element&&(this.target=e.element,this.renderBefore=this.target.children[0]),this.listenerHost=this.target,this.init()}handleSlottableRequest(e){if(e.target!==e.currentTarget)return;const r=e.data===u.removeSlottableRequest;n.B(r?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){var r;(r=this.listeners)==null||r.abort(),this.listeners=new AbortController;const{signal:e}=this.listeners;this.listenerHost.addEventListener("slottable-request",t=>this.handleSlottableRequest(t),{signal:e})}disconnected(){var e;(e=this.listeners)==null||e.abort()}reconnected(){this.init()}}const E=f.e(v);class b extends v{constructor(){super(...arguments),this.defaultOptions={triggerInteraction:"click",overlayOptions:{type:"auto",offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,r){return n.E}update(e,[r,t]){var g,y,m;this.options={...this.defaultOptions.overlayOptions,...t==null?void 0:t.overlayOptions},this.insertionOptions=t==null?void 0:t.insertionOptions,this.template=r,this.host=(g=e.options)==null?void 0:g.host;let i=!1;const a=(t==null?void 0:t.triggerInteraction)||this.defaultOptions.triggerInteraction,c=s.InteractionTypes[(y=this.strategy)==null?void 0:y.type]!==a;this.target!==e.element&&(this.target=e.element,i=!0),(i||c)&&((m=this.strategy)==null||m.abort(),this.strategy=new s.strategies[a](this.target,{isPersistent:!0,handleOverlayReady:C=>{this.listenerHost=this.overlay=C,this.init()}})),this.strategy.open=(t==null?void 0:t.open)??!1}handleSlottableRequest(e){var i,a;if(e.target!==e.currentTarget)return;const r=e.data===u.removeSlottableRequest,t={};if(this.host&&(t.host=this.host),n.B(r?void 0:this.template(),this.overlay,t),r)this.overlay.remove();else{s.LuzmoAbstractOverlay.applyOptions(this.overlay,{...this.options,trigger:this.target});const c=typeof((i=this.insertionOptions)==null?void 0:i.el)=="function"?this.insertionOptions.el():((a=this.insertionOptions)==null?void 0:a.el)||this.target,{where:g="afterend"}=this.insertionOptions||{};c.insertAdjacentElement(g,this.overlay)}}}const T=f.e(b);customElements.get("luzmo-overlay")||customElements.define("luzmo-overlay",s.LuzmoOverlay);customElements.get("luzmo-overlay-trigger")||customElements.define("luzmo-overlay-trigger",o);exports.ClickController=s.ClickController;exports.HoverController=s.HoverController;exports.InteractionController=s.InteractionController;exports.InteractionTypes=s.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=s.LONGPRESS_INSTRUCTIONS;exports.LongpressController=s.LongpressController;exports.LuzmoAbstractOverlay=s.LuzmoAbstractOverlay;exports.LuzmoOverlay=s.LuzmoOverlay;exports.PlacementController=s.PlacementController;exports.SAFARI_FOCUS_RING_CLASS=s.SAFARI_FOCUS_RING_CLASS;exports.VirtualTrigger=s.VirtualTrigger;exports.guaranteedAllTransitionend=s.guaranteedAllTransitionend;exports.lastInteractionType=s.lastInteractionType;exports.nextFrame=s.nextFrame;exports.noop=s.noop;exports.overlayTimer=s.overlayTimer;exports.placementUpdatedSymbol=s.placementUpdatedSymbol;exports.SlottableRequestEvent=u.SlottableRequestEvent;exports.removeSlottableRequest=u.removeSlottableRequest;exports.LuzmoOverlayTrigger=o;exports.OverlayTriggerDirective=b;exports.SlottableRequestDirective=v;exports.openOverlay=k;exports.slottableRequest=E;exports.trigger=T;