@limetech/lime-elements 33.14.0-next.12 → 33.14.0-next.16

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 (203) hide show
  1. package/dist/cjs/{checkbox.template-c0b4c7c7.js → checkbox.template-d4423721.js} +1 -1
  2. package/dist/cjs/component-f7ef9087.js +2365 -0
  3. package/dist/cjs/{index-153dc912.js → index-e63a89d7.js} +73 -64
  4. package/dist/cjs/lime-elements.cjs.js +3 -3
  5. package/dist/cjs/limel-badge.cjs.entry.js +2 -2
  6. package/dist/cjs/limel-banner.cjs.entry.js +2 -2
  7. package/dist/cjs/limel-button-group.cjs.entry.js +2 -2
  8. package/dist/cjs/limel-button.cjs.entry.js +2 -2
  9. package/dist/cjs/limel-checkbox.cjs.entry.js +3 -3
  10. package/dist/cjs/limel-chip-set.cjs.entry.js +2 -2
  11. package/dist/cjs/limel-circular-progress.cjs.entry.js +2 -2
  12. package/dist/cjs/limel-code-editor.cjs.entry.js +2 -2
  13. package/dist/cjs/limel-collapsible-section.cjs.entry.js +2 -2
  14. package/dist/cjs/limel-config.cjs.entry.js +2 -2
  15. package/dist/cjs/limel-date-picker.cjs.entry.js +2 -2
  16. package/dist/cjs/limel-dialog.cjs.entry.js +2 -2
  17. package/dist/cjs/limel-file.cjs.entry.js +2 -2
  18. package/dist/cjs/limel-flatpickr-adapter_2.cjs.entry.js +3 -3
  19. package/dist/cjs/limel-flex-container.cjs.entry.js +2 -2
  20. package/dist/cjs/limel-form.cjs.entry.js +2 -2
  21. package/dist/cjs/limel-grid.cjs.entry.js +2 -2
  22. package/dist/cjs/limel-header.cjs.entry.js +2 -2
  23. package/dist/cjs/limel-icon-button.cjs.entry.js +2 -2
  24. package/dist/cjs/limel-icon.cjs.entry.js +2 -2
  25. package/dist/cjs/limel-linear-progress.cjs.entry.js +2 -2
  26. package/dist/cjs/limel-list_2.cjs.entry.js +497 -0
  27. package/dist/cjs/limel-menu-list.cjs.entry.js +885 -0
  28. package/dist/cjs/limel-menu.cjs.entry.js +6 -6
  29. package/dist/cjs/limel-picker.cjs.entry.js +2 -2
  30. package/dist/cjs/limel-popover-surface.cjs.entry.js +2 -2
  31. package/dist/cjs/limel-popover.cjs.entry.js +2 -2
  32. package/dist/cjs/limel-portal.cjs.entry.js +1935 -0
  33. package/dist/cjs/limel-progress-flow-item.cjs.entry.js +3 -3
  34. package/dist/cjs/limel-progress-flow.cjs.entry.js +2 -2
  35. package/dist/cjs/limel-select.cjs.entry.js +2 -2
  36. package/dist/cjs/limel-slider.cjs.entry.js +2 -2
  37. package/dist/cjs/limel-snackbar.cjs.entry.js +2 -2
  38. package/dist/cjs/limel-spinner.cjs.entry.js +2 -2
  39. package/dist/cjs/limel-switch.cjs.entry.js +2 -2
  40. package/dist/cjs/limel-tab-bar.cjs.entry.js +2 -2
  41. package/dist/cjs/limel-tab-panel.cjs.entry.js +2 -2
  42. package/dist/cjs/limel-table.cjs.entry.js +2 -2
  43. package/dist/cjs/limel-tooltip-content.cjs.entry.js +7 -4
  44. package/dist/cjs/limel-tooltip.cjs.entry.js +3 -3
  45. package/dist/cjs/loader.cjs.js +3 -3
  46. package/dist/collection/collection-manifest.json +3 -2
  47. package/dist/collection/components/chip-set/chip-set.js +2 -2
  48. package/dist/collection/components/list/list-renderer.js +161 -163
  49. package/dist/collection/components/list/list.css +0 -10
  50. package/dist/collection/components/list/list.js +77 -125
  51. package/dist/collection/components/menu/menu.js +13 -13
  52. package/dist/collection/components/menu-list/menu-list-renderer-config.js +1 -0
  53. package/dist/collection/components/menu-list/menu-list-renderer.js +158 -0
  54. package/dist/collection/components/menu-list/menu-list.css +3397 -0
  55. package/dist/collection/components/menu-list/menu-list.js +288 -0
  56. package/dist/collection/components/menu-list/menu-list.types.js +1 -0
  57. package/dist/collection/components/menu-surface/menu-surface.js +84 -87
  58. package/dist/collection/components/picker/picker.js +2 -2
  59. package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css +1 -1
  60. package/dist/collection/components/tooltip/tooltip-content.css +25 -13
  61. package/dist/collection/components/tooltip/tooltip-content.js +4 -3
  62. package/dist/collection/components/tooltip/tooltip.css +0 -6
  63. package/dist/collection/components/tooltip/tooltip.js +31 -5
  64. package/dist/esm/{checkbox.template-434214d5.js → checkbox.template-dbdd27c8.js} +1 -1
  65. package/dist/esm/component-2eb4e07b.js +2357 -0
  66. package/dist/esm/{index-dc421a6e.js → index-2316f345.js} +73 -64
  67. package/dist/esm/lime-elements.js +3 -3
  68. package/dist/esm/limel-badge.entry.js +2 -2
  69. package/dist/esm/limel-banner.entry.js +2 -2
  70. package/dist/esm/limel-button-group.entry.js +2 -2
  71. package/dist/esm/limel-button.entry.js +2 -2
  72. package/dist/esm/limel-checkbox.entry.js +3 -3
  73. package/dist/esm/limel-chip-set.entry.js +2 -2
  74. package/dist/esm/limel-circular-progress.entry.js +2 -2
  75. package/dist/esm/limel-code-editor.entry.js +2 -2
  76. package/dist/esm/limel-collapsible-section.entry.js +2 -2
  77. package/dist/esm/limel-config.entry.js +2 -2
  78. package/dist/esm/limel-date-picker.entry.js +2 -2
  79. package/dist/esm/limel-dialog.entry.js +2 -2
  80. package/dist/esm/limel-file.entry.js +2 -2
  81. package/dist/esm/limel-flatpickr-adapter_2.entry.js +3 -3
  82. package/dist/esm/limel-flex-container.entry.js +2 -2
  83. package/dist/esm/limel-form.entry.js +2 -2
  84. package/dist/esm/limel-grid.entry.js +2 -2
  85. package/dist/esm/limel-header.entry.js +2 -2
  86. package/dist/esm/limel-icon-button.entry.js +2 -2
  87. package/dist/esm/limel-icon.entry.js +2 -2
  88. package/dist/esm/limel-linear-progress.entry.js +2 -2
  89. package/dist/esm/limel-list_2.entry.js +492 -0
  90. package/dist/esm/limel-menu-list.entry.js +881 -0
  91. package/dist/esm/limel-menu.entry.js +6 -6
  92. package/dist/esm/limel-picker.entry.js +2 -2
  93. package/dist/esm/limel-popover-surface.entry.js +2 -2
  94. package/dist/esm/limel-popover.entry.js +2 -2
  95. package/dist/esm/limel-portal.entry.js +1931 -0
  96. package/dist/esm/limel-progress-flow-item.entry.js +3 -3
  97. package/dist/esm/limel-progress-flow.entry.js +2 -2
  98. package/dist/esm/limel-select.entry.js +2 -2
  99. package/dist/esm/limel-slider.entry.js +2 -2
  100. package/dist/esm/limel-snackbar.entry.js +2 -2
  101. package/dist/esm/limel-spinner.entry.js +2 -2
  102. package/dist/esm/limel-switch.entry.js +2 -2
  103. package/dist/esm/limel-tab-bar.entry.js +2 -2
  104. package/dist/esm/limel-tab-panel.entry.js +2 -2
  105. package/dist/esm/limel-table.entry.js +2 -2
  106. package/dist/esm/limel-tooltip-content.entry.js +7 -4
  107. package/dist/esm/limel-tooltip.entry.js +3 -3
  108. package/dist/esm/loader.js +3 -3
  109. package/dist/lime-elements/lime-elements.esm.js +1 -1
  110. package/dist/lime-elements/{p-af7c5b11.entry.js → p-03c28bee.entry.js} +2 -2
  111. package/dist/lime-elements/p-041ae00c.entry.js +1 -0
  112. package/dist/lime-elements/p-143705b1.entry.js +1 -0
  113. package/dist/lime-elements/{p-467c87f6.entry.js → p-1d7c7d5e.entry.js} +1 -1
  114. package/dist/lime-elements/p-1fb5340d.entry.js +1 -0
  115. package/dist/lime-elements/p-227d2c5a.entry.js +1 -0
  116. package/dist/lime-elements/p-31299106.js +126 -0
  117. package/dist/lime-elements/p-34c7872e.entry.js +1 -0
  118. package/dist/lime-elements/p-3525d50c.entry.js +37 -0
  119. package/dist/lime-elements/p-4932c029.entry.js +1 -0
  120. package/dist/lime-elements/p-4b5af81b.entry.js +1 -0
  121. package/dist/lime-elements/p-510bb5a4.entry.js +1 -0
  122. package/dist/lime-elements/p-590ef65e.entry.js +1 -0
  123. package/dist/lime-elements/p-64549ba6.entry.js +37 -0
  124. package/dist/lime-elements/p-692f31f1.entry.js +16 -0
  125. package/dist/lime-elements/p-7476efe0.entry.js +1 -0
  126. package/dist/lime-elements/{p-c636bfcf.entry.js → p-85094bfc.entry.js} +2 -2
  127. package/dist/lime-elements/p-89b5a983.js +1 -0
  128. package/dist/lime-elements/p-8d8bd2ab.entry.js +73 -0
  129. package/dist/lime-elements/p-90f3e17c.entry.js +37 -0
  130. package/dist/lime-elements/{p-fabb836f.js → p-92146da6.js} +1 -1
  131. package/dist/lime-elements/p-9d362dd5.entry.js +1 -0
  132. package/dist/lime-elements/{p-90b2c0a2.entry.js → p-a1153d2a.entry.js} +1 -1
  133. package/dist/lime-elements/{p-5577f962.entry.js → p-a3dadae7.entry.js} +2 -2
  134. package/dist/lime-elements/p-b386bfeb.entry.js +1 -0
  135. package/dist/lime-elements/p-b5d6abc3.entry.js +126 -0
  136. package/dist/lime-elements/p-bbc1bb01.entry.js +1 -0
  137. package/dist/lime-elements/p-be56ffab.entry.js +1 -0
  138. package/dist/lime-elements/p-c35874db.entry.js +1 -0
  139. package/dist/lime-elements/p-c8c8a946.entry.js +59 -0
  140. package/dist/lime-elements/p-d070f0e7.entry.js +1 -0
  141. package/dist/lime-elements/p-d2c74396.entry.js +1 -0
  142. package/dist/lime-elements/{p-67c48f98.entry.js → p-d97f8f04.entry.js} +1 -1
  143. package/dist/lime-elements/p-dcad1b31.entry.js +82 -0
  144. package/dist/lime-elements/p-de017026.entry.js +1 -0
  145. package/dist/lime-elements/p-e332bcf4.entry.js +1 -0
  146. package/dist/lime-elements/p-e5738ec6.entry.js +1 -0
  147. package/dist/lime-elements/p-e881e98d.entry.js +1 -0
  148. package/dist/lime-elements/{p-2476f7bb.entry.js → p-f079f1fd.entry.js} +2 -2
  149. package/dist/lime-elements/p-f2df64ec.entry.js +1 -0
  150. package/dist/lime-elements/p-f4495f59.entry.js +1 -0
  151. package/dist/lime-elements/p-fc30b8e3.entry.js +1 -0
  152. package/dist/lime-elements/{p-61ecc7f1.entry.js → p-ff0217b3.entry.js} +2 -2
  153. package/dist/loader/index.d.ts +0 -1
  154. package/dist/types/components/list/list-item.types.d.ts +2 -1
  155. package/dist/types/components/list/list-renderer-config.d.ts +0 -1
  156. package/dist/types/components/list/list-renderer.d.ts +0 -1
  157. package/dist/types/components/list/list.d.ts +0 -7
  158. package/dist/types/components/list/list.types.d.ts +1 -1
  159. package/dist/types/components/menu/menu.d.ts +2 -3
  160. package/dist/types/components/menu/menu.types.d.ts +35 -3
  161. package/dist/types/components/menu-list/menu-list-renderer-config.d.ts +8 -0
  162. package/dist/types/components/menu-list/menu-list-renderer.d.ts +49 -0
  163. package/dist/types/components/menu-list/menu-list.d.ts +59 -0
  164. package/dist/types/components/menu-list/menu-list.types.d.ts +6 -0
  165. package/dist/types/components/menu-surface/menu-surface.d.ts +0 -1
  166. package/dist/types/components/tooltip/tooltip-content.d.ts +1 -1
  167. package/dist/types/components/tooltip/tooltip.d.ts +31 -5
  168. package/dist/types/components.d.ts +66 -5
  169. package/dist/types/interface.d.ts +1 -0
  170. package/package.json +3 -2
  171. package/dist/cjs/limel-list_3.cjs.entry.js +0 -5418
  172. package/dist/esm/limel-list_3.entry.js +0 -5412
  173. package/dist/lime-elements/p-034f336b.entry.js +0 -126
  174. package/dist/lime-elements/p-136230d6.entry.js +0 -1
  175. package/dist/lime-elements/p-16c336e8.entry.js +0 -59
  176. package/dist/lime-elements/p-191f05bc.entry.js +0 -1
  177. package/dist/lime-elements/p-1a3a9bfd.entry.js +0 -1
  178. package/dist/lime-elements/p-231f62ba.entry.js +0 -1
  179. package/dist/lime-elements/p-24c128ec.entry.js +0 -37
  180. package/dist/lime-elements/p-30c4b32a.entry.js +0 -1
  181. package/dist/lime-elements/p-3a21fa33.entry.js +0 -37
  182. package/dist/lime-elements/p-3df01502.entry.js +0 -1
  183. package/dist/lime-elements/p-63e4f918.entry.js +0 -1
  184. package/dist/lime-elements/p-6d9f679d.entry.js +0 -1
  185. package/dist/lime-elements/p-6e3b6e69.entry.js +0 -1
  186. package/dist/lime-elements/p-79541c2b.entry.js +0 -73
  187. package/dist/lime-elements/p-7be3a593.entry.js +0 -1
  188. package/dist/lime-elements/p-7c6f6b80.entry.js +0 -1
  189. package/dist/lime-elements/p-7dd9c41d.entry.js +0 -16
  190. package/dist/lime-elements/p-9b79dfe7.js +0 -1
  191. package/dist/lime-elements/p-a6a7dd00.entry.js +0 -1
  192. package/dist/lime-elements/p-b0b18dfc.entry.js +0 -1
  193. package/dist/lime-elements/p-b88e7350.entry.js +0 -1
  194. package/dist/lime-elements/p-bd805195.entry.js +0 -1
  195. package/dist/lime-elements/p-bde1749a.entry.js +0 -1
  196. package/dist/lime-elements/p-c45238b6.entry.js +0 -1
  197. package/dist/lime-elements/p-c53695a3.entry.js +0 -37
  198. package/dist/lime-elements/p-dc5b3f45.entry.js +0 -1
  199. package/dist/lime-elements/p-e078c459.entry.js +0 -177
  200. package/dist/lime-elements/p-e9b4bdac.entry.js +0 -1
  201. package/dist/lime-elements/p-eb81fc35.entry.js +0 -1
  202. package/dist/lime-elements/p-f94cbe50.entry.js +0 -1
  203. package/dist/lime-elements/p-fa880bd6.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as t,h as n,g as e}from"./p-92146da6.js";var r="top",i="bottom",o="right",a="left",u=[r,i,o,a],f=u.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),s=[].concat(u,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),c=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function l(t){return t?(t.nodeName||"").toLowerCase():null}function p(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function d(t){return t instanceof p(t).Element||t instanceof Element}function h(t){return t instanceof p(t).HTMLElement||t instanceof HTMLElement}function v(t){return"undefined"!=typeof ShadowRoot&&(t instanceof p(t).ShadowRoot||t instanceof ShadowRoot)}function b(t){return t.split("-")[0]}var m=Math.round;function y(t,n){void 0===n&&(n=!1);var e=t.getBoundingClientRect(),r=1,i=1;return h(t)&&n&&(r=e.width/t.offsetWidth||1,i=e.height/t.offsetHeight||1),{width:m(e.width/r),height:m(e.height/i),top:m(e.top/i),right:m(e.right/r),bottom:m(e.bottom/i),left:m(e.left/r),x:m(e.left/r),y:m(e.top/i)}}function w(t){var n=y(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function g(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&v(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function O(t){return p(t).getComputedStyle(t)}function x(t){return["table","td","th"].indexOf(l(t))>=0}function j(t){return((d(t)?t.ownerDocument:t.document)||window.document).documentElement}function M(t){return"html"===l(t)?t:t.assignedSlot||t.parentNode||(v(t)?t.host:null)||j(t)}function k(t){return h(t)&&"fixed"!==O(t).position?t.offsetParent:null}function C(t){for(var n=p(t),e=k(t);e&&x(e)&&"static"===O(e).position;)e=k(e);return e&&("html"===l(e)||"body"===l(e)&&"static"===O(e).position)?n:e||function(t){var n=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&h(t)&&"fixed"===O(t).position)return null;for(var e=M(t);h(e)&&["html","body"].indexOf(l(e))<0;){var r=O(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function P(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var q=Math.max,E=Math.min,R=Math.round;function W(t,n,e){return q(t,E(n,e))}function B(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function S(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}var L={top:"auto",right:"auto",bottom:"auto",left:"auto"};function A(t){var n,e=t.popper,u=t.popperRect,f=t.placement,s=t.offsets,c=t.position,l=t.gpuAcceleration,d=t.adaptive,h=t.roundOffsets,v=!0===h?function(t){var n=t.y,e=window.devicePixelRatio||1;return{x:R(R(t.x*e)/e)||0,y:R(R(n*e)/e)||0}}(s):"function"==typeof h?h(s):s,b=v.x,m=void 0===b?0:b,y=v.y,w=void 0===y?0:y,g=s.hasOwnProperty("x"),x=s.hasOwnProperty("y"),M=a,k=r,P=window;if(d){var q=C(e),E="clientHeight",W="clientWidth";q===p(e)&&"static"!==O(q=j(e)).position&&(E="scrollHeight",W="scrollWidth"),q=q,f===r&&(k=i,w-=q[E]-u.height,w*=l?1:-1),f===a&&(M=o,m-=q[W]-u.width,m*=l?1:-1)}var B,S=Object.assign({position:c},d&&L);return Object.assign({},S,l?((B={})[k]=x?"0":"",B[M]=g?"0":"",B.transform=(P.devicePixelRatio||1)<2?"translate("+m+"px, "+w+"px)":"translate3d("+m+"px, "+w+"px, 0)",B):((n={})[k]=x?w+"px":"",n[M]=g?m+"px":"",n.transform="",n))}var I={passive:!0},T={left:"right",right:"left",bottom:"top",top:"bottom"};function z(t){return t.replace(/left|right|bottom|top/g,(function(t){return T[t]}))}var H={start:"end",end:"start"};function V(t){return t.replace(/start|end/g,(function(t){return H[t]}))}function D(t){var n=p(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function F(t){return y(j(t)).left+D(t).scrollLeft}function $(t){var n=O(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function _(t){return["html","body","#document"].indexOf(l(t))>=0?t.ownerDocument.body:h(t)&&$(t)?t:_(M(t))}function U(t,n){var e;void 0===n&&(n=[]);var r=_(t),i=r===(null==(e=t.ownerDocument)?void 0:e.body),o=p(r),a=i?[o].concat(o.visualViewport||[],$(r)?r:[]):r,u=n.concat(a);return i?u:u.concat(U(M(a)))}function G(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function J(t,n){return"viewport"===n?G(function(t){var n=p(t),e=j(t),r=n.visualViewport,i=e.clientWidth,o=e.clientHeight,a=0,u=0;return r&&(i=r.width,o=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,u=r.offsetTop)),{width:i,height:o,x:a+F(t),y:u}}(t)):h(n)?function(t){var n=y(t);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(n):G(function(t){var n,e=j(t),r=D(t),i=null==(n=t.ownerDocument)?void 0:n.body,o=q(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=q(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),u=-r.scrollLeft+F(t),f=-r.scrollTop;return"rtl"===O(i||e).direction&&(u+=q(e.clientWidth,i?i.clientWidth:0)-o),{width:o,height:a,x:u,y:f}}(j(t)))}function K(t){return t.split("-")[1]}function N(t){var n,e=t.reference,u=t.element,f=t.placement,s=f?b(f):null,c=f?K(f):null,l=e.x+e.width/2-u.width/2,p=e.y+e.height/2-u.height/2;switch(s){case r:n={x:l,y:e.y-u.height};break;case i:n={x:l,y:e.y+e.height};break;case o:n={x:e.x+e.width,y:p};break;case a:n={x:e.x-u.width,y:p};break;default:n={x:e.x,y:e.y}}var d=s?P(s):null;if(null!=d){var h="y"===d?"height":"width";switch(c){case"start":n[d]=n[d]-(e[h]/2-u[h]/2);break;case"end":n[d]=n[d]+(e[h]/2-u[h]/2)}}return n}function Q(t,n){void 0===n&&(n={});var e=n.placement,a=void 0===e?t.placement:e,f=n.boundary,s=void 0===f?"clippingParents":f,c=n.rootBoundary,p=void 0===c?"viewport":c,v=n.elementContext,b=void 0===v?"popper":v,m=n.altBoundary,w=void 0!==m&&m,x=n.padding,k=void 0===x?0:x,P=B("number"!=typeof k?k:S(k,u)),R=t.elements.reference,W=t.rects.popper,L=t.elements[w?"popper"===b?"reference":"popper":b],A=function(t,n,e){var r="clippingParents"===n?function(t){var n=U(M(t)),e=["absolute","fixed"].indexOf(O(t).position)>=0&&h(t)?C(t):t;return d(e)?n.filter((function(t){return d(t)&&g(t,e)&&"body"!==l(t)})):[]}(t):[].concat(n),i=[].concat(r,[e]),o=i.reduce((function(n,e){var r=J(t,e);return n.top=q(r.top,n.top),n.right=E(r.right,n.right),n.bottom=E(r.bottom,n.bottom),n.left=q(r.left,n.left),n}),J(t,i[0]));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}(d(L)?L:L.contextElement||j(t.elements.popper),s,p),I=y(R),T=N({reference:I,element:W,strategy:"absolute",placement:a}),z=G(Object.assign({},W,T)),H="popper"===b?z:I,V={top:A.top-H.top+P.top,bottom:H.bottom-A.bottom+P.bottom,left:A.left-H.left+P.left,right:H.right-A.right+P.right},D=t.modifiersData.offset;if("popper"===b&&D){var F=D[a];Object.keys(V).forEach((function(t){var n=[o,i].indexOf(t)>=0?1:-1,e=[r,i].indexOf(t)>=0?"y":"x";V[t]+=F[e]*n}))}return V}function X(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,i=n.padding,o=n.flipVariations,a=n.allowedAutoPlacements,c=void 0===a?s:a,l=K(n.placement),p=l?o?f:f.filter((function(t){return K(t)===l})):u,d=p.filter((function(t){return c.indexOf(t)>=0}));0===d.length&&(d=p);var h=d.reduce((function(n,o){return n[o]=Q(t,{placement:o,boundary:e,rootBoundary:r,padding:i})[b(o)],n}),{});return Object.keys(h).sort((function(t,n){return h[t]-h[n]}))}function Y(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function Z(t){return[r,o,i,a].some((function(n){return t[n]>=0}))}function tt(t,n,e){void 0===e&&(e=!1);var r,i,o=h(n),a=h(n)&&function(t){var n=t.getBoundingClientRect();return 1!==(n.width/t.offsetWidth||1)||1!==(n.height/t.offsetHeight||1)}(n),u=j(n),f=y(t,a),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!e)&&(("body"!==l(n)||$(u))&&(s=(r=n)!==p(r)&&h(r)?{scrollLeft:(i=r).scrollLeft,scrollTop:i.scrollTop}:D(r)),h(n)?((c=y(n,!0)).x+=n.clientLeft,c.y+=n.clientTop):u&&(c.x=F(u))),{x:f.left+s.scrollLeft-c.x,y:f.top+s.scrollTop-c.y,width:f.width,height:f.height}}function nt(t){var n=new Map,e=new Set,r=[];function i(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&i(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||i(t)})),r}var et={placement:"bottom",modifiers:[],strategy:"absolute"};function rt(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function it(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,i=void 0===r?et:r;return function(t,n,r){void 0===r&&(r=i);var o,a,u={placement:"bottom",orderedModifiers:[],options:Object.assign({},et,i),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},f=[],s=!1,l={state:u,setOptions:function(r){p(),u.options=Object.assign({},i,u.options,r),u.scrollParents={reference:d(t)?U(t):t.contextElement?U(t.contextElement):[],popper:U(n)};var o,a,s=function(t){var n=nt(t);return c.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((o=[].concat(e,u.options.modifiers),a=o.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(a).map((function(t){return a[t]}))));return u.orderedModifiers=s.filter((function(t){return t.enabled})),u.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:u,name:t.name,instance:l,options:void 0===n?{}:n});f.push(r||function(){})}})),l.update()},forceUpdate:function(){if(!s){var t=u.elements,n=t.reference,e=t.popper;if(rt(n,e)){u.rects={reference:tt(n,C(e),"fixed"===u.options.strategy),popper:w(e)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach((function(t){return u.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<u.orderedModifiers.length;r++)if(!0!==u.reset){var i=u.orderedModifiers[r],o=i.fn,a=i.options;"function"==typeof o&&(u=o({state:u,options:void 0===a?{}:a,name:i.name,instance:l})||u)}else u.reset=!1,r=-1}}},update:(o=function(){return new Promise((function(t){l.forceUpdate(),t(u)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){p(),s=!0}};if(!rt(t,n))return l;function p(){f.forEach((function(t){return t()})),f=[]}return l.setOptions(r).then((function(t){!s&&r.onFirstUpdate&&r.onFirstUpdate(t)})),l}}var ot=it({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,i=r.scroll,o=void 0===i||i,a=r.resize,u=void 0===a||a,f=p(n.elements.popper),s=[].concat(n.scrollParents.reference,n.scrollParents.popper);return o&&s.forEach((function(t){t.addEventListener("scroll",e.update,I)})),u&&f.addEventListener("resize",e.update,I),function(){o&&s.forEach((function(t){t.removeEventListener("scroll",e.update,I)})),u&&f.removeEventListener("resize",e.update,I)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=N({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,i=void 0===r||r,o=e.adaptive,a=void 0===o||o,u=e.roundOffsets,f=void 0===u||u,s={placement:b(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:i};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,A(Object.assign({},s,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,A(Object.assign({},s,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},i=n.elements[t];h(i)&&l(i)&&(Object.assign(i.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?i.removeAttribute(t):i.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],i=n.attributes[t]||{},o=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});h(r)&&l(r)&&(Object.assign(r.style,o),Object.keys(i).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.name,i=t.options.offset,u=void 0===i?[0,0]:i,f=s.reduce((function(t,e){return t[e]=function(t,n,e){var i=b(t),u=[a,r].indexOf(i)>=0?-1:1,f="function"==typeof e?e(Object.assign({},n,{placement:t})):e,s=f[0],c=f[1];return s=s||0,c=(c||0)*u,[a,o].indexOf(i)>=0?{x:c,y:s}:{x:s,y:c}}(e,n.rects,u),t}),{}),c=f[n.placement],l=c.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=c.x,n.modifiersData.popperOffsets.y+=l),n.modifiersData[e]=f}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,u=t.name;if(!n.modifiersData[u]._skip){for(var f=e.mainAxis,s=void 0===f||f,c=e.altAxis,l=void 0===c||c,p=e.fallbackPlacements,d=e.padding,h=e.boundary,v=e.rootBoundary,m=e.altBoundary,y=e.flipVariations,w=void 0===y||y,g=e.allowedAutoPlacements,O=n.options.placement,x=b(O),j=p||(x!==O&&w?function(t){if("auto"===b(t))return[];var n=z(t);return[V(t),n,V(n)]}(O):[z(O)]),M=[O].concat(j).reduce((function(t,e){return t.concat("auto"===b(e)?X(n,{placement:e,boundary:h,rootBoundary:v,padding:d,flipVariations:w,allowedAutoPlacements:g}):e)}),[]),k=n.rects.reference,C=n.rects.popper,P=new Map,q=!0,E=M[0],R=0;R<M.length;R++){var W=M[R],B=b(W),S="start"===K(W),L=[r,i].indexOf(B)>=0,A=L?"width":"height",I=Q(n,{placement:W,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),T=L?S?o:a:S?i:r;k[A]>C[A]&&(T=z(T));var H=z(T),D=[];if(s&&D.push(I[B]<=0),l&&D.push(I[T]<=0,I[H]<=0),D.every((function(t){return t}))){E=W,q=!1;break}P.set(W,D)}if(q)for(var F=function(t){var n=M.find((function(n){var e=P.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return E=n,"break"},$=w?3:1;$>0&&"break"!==F($);$--);n.placement!==E&&(n.modifiersData[u]._skip=!0,n.placement=E,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,u=t.name,f=e.mainAxis,s=void 0===f||f,c=e.altAxis,l=void 0!==c&&c,p=e.tether,d=void 0===p||p,h=e.tetherOffset,v=void 0===h?0:h,m=Q(n,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),y=b(n.placement),g=K(n.placement),O=!g,x=P(y),j="x"===x?"y":"x",M=n.modifiersData.popperOffsets,k=n.rects.reference,R=n.rects.popper,B="function"==typeof v?v(Object.assign({},n.rects,{placement:n.placement})):v,S={x:0,y:0};if(M){if(s||l){var L="y"===x?r:a,A="y"===x?i:o,I="y"===x?"height":"width",T=M[x],z=M[x]+m[L],H=M[x]-m[A],V=d?-R[I]/2:0,D="start"===g?k[I]:R[I],F="start"===g?-R[I]:-k[I],$=n.elements.arrow,_=d&&$?w($):{width:0,height:0},U=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},G=U[L],J=U[A],N=W(0,k[I],_[I]),X=O?k[I]/2-V-N-G-B:D-N-G-B,Y=O?-k[I]/2+V+N+J+B:F+N+J+B,Z=n.elements.arrow&&C(n.elements.arrow),tt=n.modifiersData.offset?n.modifiersData.offset[n.placement][x]:0,nt=M[x]+X-tt-(Z?"y"===x?Z.clientTop||0:Z.clientLeft||0:0),et=M[x]+Y-tt;if(s){var rt=W(d?E(z,nt):z,T,d?q(H,et):H);M[x]=rt,S[x]=rt-T}if(l){var it=M[j],ot=it+m["x"===x?r:a],at=it-m["x"===x?i:o],ut=W(d?E(ot,nt):ot,it,d?q(at,et):at);M[j]=ut,S[j]=ut-it}}n.modifiersData[u]=S}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,f=t.name,s=t.options,c=e.elements.arrow,l=e.modifiersData.popperOffsets,p=b(e.placement),d=P(p),h=[a,o].indexOf(p)>=0?"height":"width";if(c&&l){var v=function(t,n){return B("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:S(t,u))}(s.padding,e),m=w(c),y="y"===d?r:a,g="y"===d?i:o,O=e.rects.reference[h]+e.rects.reference[d]-l[d]-e.rects.popper[h],x=l[d]-e.rects.reference[d],j=C(c),M=j?"y"===d?j.clientHeight||0:j.clientWidth||0:0,k=M/2-m[h]/2+(O/2-x/2),q=W(v[y],k,M-m[h]-v[g]);e.modifiersData[f]=((n={})[d]=q,n.centerOffset=q-k,n)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&g(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,i=n.rects.popper,o=n.modifiersData.preventOverflow,a=Q(n,{elementContext:"reference"}),u=Q(n,{altBoundary:!0}),f=Y(a,r),s=Y(u,i,o),c=Z(f),l=Z(s);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:l},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":l})}}]});let at=class{constructor(n){t(this,n),this.openDirection="right",this.position="absolute",this.containerStyle={},this.parent=document.body,this.inheritParentWidth=!1,this.visible=!1,this.loaded=!1,this.parents=new WeakMap}onVisible(){if(!this.visible)return this.hideContainer(),this.styleContainer(),void this.destroyPopper();this.styleContainer(),this.createPopper(),requestAnimationFrame((()=>{this.showContainer()}))}disconnectedCallback(){this.removeContainer(),this.destroyPopper(),this.observer&&this.observer.unobserve(this.container)}connectedCallback(){this.loaded&&(this.createContainer(),this.hideContainer(),this.attachContainer(),this.styleContainer(),this.visible&&(this.createPopper(),this.showContainer()),"ResizeObserver"in window)&&new ResizeObserver((()=>{this.popperInstance&&(this.styleContainer(),this.popperInstance.update())})).observe(this.container)}componentDidLoad(){this.loaded=!0,this.connectedCallback()}render(){return n("slot",null)}createContainer(){const t=this.host.shadowRoot.querySelector("slot"),n=t.assignedElements&&t.assignedElements()||[];this.container=document.createElement("div"),this.container.setAttribute("id",this.containerId),this.container.setAttribute("class","limel-portal--container"),Object.assign(this.container,{portalSource:this.host}),n.forEach((t=>{this.parents.set(t,t.parentElement),this.container.appendChild(t)}))}attachContainer(){this.parent.appendChild(this.container)}removeContainer(){this.container&&(Array.from(this.container.children).forEach((t=>{const n=this.parents.get(t);n&&n.appendChild(t)})),this.hideContainer(),this.container.parentElement.removeChild(this.container))}hideContainer(){this.container.style.opacity="0"}showContainer(){this.container.style.opacity="1"}styleContainer(){const t=this.host.getBoundingClientRect().width;if(this.container.style.display=this.visible?"block":"none",this.inheritParentWidth){let n=this.getContentWidth(this.container);t>0&&(n=t),this.container.style.width=`${n}px`}this.ensureContainerFitsInViewPort(),Object.keys(this.containerStyle).forEach((t=>{this.container.style[t]=this.containerStyle[t]}))}getContentWidth(t){if(!t)return null;const n=t.getBoundingClientRect().width;if(0!==n)return n;const e=t.querySelector("*");return this.getContentWidth(e)}createPopper(){const t=this.createPopperConfig();this.popperInstance=ot(this.host,this.container,t)}destroyPopper(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy(),this.popperInstance=null}createPopperConfig(){let t="bottom-start",n="top-start";return"left"===this.openDirection&&(t="bottom-end",n="top-end"),{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[n]}}]}}ensureContainerFitsInViewPort(){const t=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),{top:n,bottom:e}=this.host.getBoundingClientRect(),r=Math.max(n,0),i=Math.max(t-e,0),o=Math.max(r,i)-16;this.container.style.maxHeight=`${o}px`}get host(){return e(this)}static get watchers(){return{visible:["onVisible"]}}};at.style=":host(limel-portal:not(.limel-portal--fixed)){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host(limel-portal.limel-portal--fixed){position:fixed}:host([hidden]){display:none}";export{at as limel_portal}
@@ -0,0 +1 @@
1
+ import{r,h as a}from"./p-92146da6.js";let e=class{constructor(a){r(this,a)}render(){return[a("div",{class:"label"},this.label),a("div",{class:"helper-label"},this.helperLabel)]}};e.style=":host{animation:display-tooltip 0.2s ease;display:flex;flex-direction:row;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:0.875rem;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16)}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800));padding:0 0 0 1rem}.helper-label:empty{display:none}@keyframes display-tooltip{0%{opacity:0;transform:translate3d(0, 0, 0) scale(0.94)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";export{e as limel_tooltip_content}
@@ -0,0 +1 @@
1
+ import{r,h as e}from"./p-92146da6.js";let n=class{constructor(e){r(this,e),this.isOpen=!1}async open(){this.isOpen=!0}async close(){this.isOpen=!1}render(){return e("div",{class:"lime-banner "+(this.isOpen?"lime-banner--open":"")},e("div",{class:"lime-banner__surface"},e("div",{class:"lime-banner__content"},this.renderIcon(),e("div",{class:"mdc-typography--body2"},this.message),e("div",{class:"lime-banner__actions"},e("slot",{name:"buttons"})))))}renderIcon(){if(this.icon)return e("div",{class:"lime-banner__icon"},e("limel-icon",{name:this.icon,badge:!0,size:"large"}))}};n.style=":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}.lime-banner{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);min-height:3.25rem;display:none;background-color:rgba(var(--contrast-100), 0.7);backdrop-filter:blur(0.3125rem);box-shadow:var(--shadow-depth-16)}.lime-banner.lime-banner--open{display:block}.lime-banner.lime-banner--open .lime-banner__surface{opacity:1}.lime-banner .lime-banner__surface{display:flex;justify-content:center;box-sizing:border-box;opacity:0}.lime-banner .lime-banner__content{display:flex;align-items:center;align-content:stretch;padding:1rem;flex-wrap:wrap}.lime-banner div[class^=mdc-typography]{color:rgb(var(--contrast-1200))}.lime-banner .lime-banner__icon{margin:0 0.625rem;align-self:flex-start}.lime-banner .lime-banner__actions{margin-left:3.125rem;display:flex;justify-content:flex-end}.lime-banner limel-icon{color:var(--banner-icon-fill-color, rgb(var(--contrast-100)));background-color:var(--banner-icon-background-color, rgb(var(--contrast-800)))}";export{n as limel_banner}
@@ -1,4 +1,4 @@
1
- import{r as t,c as n,h as r,g as i}from"./p-fabb836f.js";import{a as e,w as o,f as c,h as a,j as s}from"./p-8e4ff107.js";import{M as l,a as u}from"./p-076bd4dc.js";import{a as d,b as f,M as h}from"./p-902347b9.js";import{m}from"./p-dcc97cc2.js";import{a as b,b as p,c as g,i as v,d as _}from"./p-c0765c9b.js";import"./p-fc610f15.js";import"./p-8bbe3720.js";import"./p-0b1af919.js";import"./p-3ce2d46a.js";var y=g((function(t,n){return v(t)?function(t,n,r,i){var e=-1,o=b,s=!0,l=t.length,u=[],d=n.length;if(!l)return u;n.length>=200&&(o=a,s=!1,n=new c(n));t:for(;++e<l;){var f=t[e],h=f;if(f=0!==f?f:0,s&&h==h){for(var m=d;m--;)if(n[m]===h)continue t;u.push(f)}else o(n,h,i)||u.push(f)}return u}(t,_(n,1,v,!0)):[]})),x=function(t,n){return(x=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])})(t,n)};
1
+ import{r as t,c as n,h as r,g as i}from"./p-92146da6.js";import{a as e,w as o,f as c,h as a,j as s}from"./p-8e4ff107.js";import{M as l,a as u}from"./p-076bd4dc.js";import{a as d,b as f,M as h}from"./p-902347b9.js";import{m}from"./p-dcc97cc2.js";import{a as b,b as p,c as g,i as v,d as _}from"./p-c0765c9b.js";import"./p-fc610f15.js";import"./p-8bbe3720.js";import"./p-0b1af919.js";import"./p-3ce2d46a.js";var y=g((function(t,n){return v(t)?function(t,n,r,i){var e=-1,o=b,s=!0,l=t.length,u=[],d=n.length;if(!l)return u;n.length>=200&&(o=a,s=!1,n=new c(n));t:for(;++e<l;){var f=t[e],h=f;if(f=0!==f?f:0,s&&h==h){for(var m=d;m--;)if(n[m]===h)continue t;u.push(f)}else o(n,h,i)||u.push(f)}return u}(t,_(n,1,v,!0)):[]})),x=function(t,n){return(x=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])})(t,n)};
2
2
  /*! *****************************************************************************
3
3
  Copyright (c) Microsoft Corporation.
4
4
 
@@ -128,4 +128,4 @@ PERFORMANCE OF THIS SOFTWARE.
128
128
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
129
129
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
130
130
  * THE SOFTWARE.
131
- */const{TAB_ACTIVATED_EVENT:ct}=Z,at=class{constructor(r){t(this,r),this.changeTab=n(this,"changeTab",7),this.tabs=[],this.canScrollLeft=!1,this.canScrollRight=!1,this.setupMdc=!1,this.handleTabActivated=this.handleTabActivated.bind(this),this.handleScroll=this.handleScroll.bind(this),this.handleLeftScrollClick=this.handleLeftScrollClick.bind(this),this.handleRightScrollClick=this.handleRightScrollClick.bind(this),this.renderTab=this.renderTab.bind(this)}connectedCallback(){this.setup()}componentDidLoad(){this.setup()}componentDidUpdate(){this.setupMdc&&(this.setup(),this.setupMdc=!1)}disconnectedCallback(){this.tearDown()}render(){return r("div",{class:"mdc-tab-bar",role:"tablist"},r("div",{class:{"mdc-tab-scroller":!0,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},r("div",{class:"mdc-tab-scroller__scroll-area lime-hide-scrollbars"},r("div",{class:"mdc-tab-scroller__scroll-content"},this.tabs.map(this.renderTab))),r("div",{class:"scroll-fade left"}),r("div",{class:"scroll-button left"},r("limel-icon-button",{icon:"angle_left",elevated:!0,tabindex:"-1","aria-hidden":"true",disabled:!this.canScrollLeft,onClick:this.handleLeftScrollClick})),r("div",{class:"scroll-fade right"}),r("div",{class:"scroll-button right"},r("limel-icon-button",{icon:"angle_right",elevated:!0,tabindex:"-1","aria-hidden":"true",disabled:!this.canScrollRight,onClick:this.handleRightScrollClick}))))}tabsChanged(t=[],n=[]){const r=t.map((t=>t.id)),i=n.map((t=>t.id));s(r,i)||(this.setupMdc=!0,this.tearDown())}handleWindowResize(){this.handleScroll()}setup(){const t=this.host.shadowRoot.querySelector(".mdc-tab-bar");t&&(this.mdcTabBar=new ot(t),this.mdcTabBar.focusOnActivate=!0,this.mdcTabBar.useAutomaticActivation=!0,this.scrollArea=t.querySelector(".mdc-tab-scroller__scroll-area"),this.scrollContent=t.querySelector(".mdc-tab-scroller__scroll-content"),this.setupListeners(),setTimeout(this.handleScroll,0))}tearDown(){this.scrollArea&&this.scrollArea.removeEventListener("scroll",this.handleScroll),this.mdcTabBar&&(this.mdcTabBar.unlisten(ct,this.handleTabActivated),this.mdcTabBar.destroy())}setupListeners(){this.mdcTabBar.listen(ct,this.handleTabActivated),this.scrollArea.addEventListener("scroll",this.handleScroll,{passive:!0})}handleTabActivated(t){const n=function(t,n){const r=t.findIndex((t=>!0===t.active)),i=[...t];return-1!==r&&(i[r]=Object.assign(Object.assign({},t[r]),{active:!1})),i[n]=Object.assign(Object.assign({},t[n]),{active:!0}),i}(this.tabs,t.detail.index);y(n,this.tabs).sort(this.sortByInactive).forEach((t=>{this.changeTab.emit(t)})),this.tabs=n}sortByInactive(t,n){return Number(t.active)-Number(n.active)}handleScroll(){const t=this.scrollArea.scrollLeft,n=Math.floor(this.scrollContent.getBoundingClientRect().width-this.scrollArea.getBoundingClientRect().width-t);this.canScrollLeft=t>40,this.canScrollRight=n>40}handleLeftScrollClick(){this.scrollArea.scroll({left:this.scrollArea.scrollLeft-150,behavior:"smooth"})}handleRightScrollClick(){this.scrollArea.scroll({left:this.scrollArea.scrollLeft+150,behavior:"smooth"})}renderIcon(t){if(!t.icon)return;const n={color:""};return t.iconColor&&(n.color=t.iconColor),r("limel-icon",{class:"mdc-tab__icon",name:t.icon,style:n,size:"small","aria-hidden":"true"})}renderTab(t){return r("button",{class:{"mdc-tab":!0,"mdc-tab--active":!!t.active},role:"tab","aria-selected":t.active?"true":"false",tabindex:t.active?0:-1},r("span",{class:"mdc-tab__content"},this.renderIcon(t),r("span",{class:"mdc-tab__text-label"},t.text),t.badge?r("limel-badge",{label:t.badge}):""),r("span",{class:{"mdc-tab-indicator":!0,"mdc-tab-indicator--active":!!t.active}},r("span",{class:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})),r("span",{class:"mdc-tab__ripple"}))}get host(){return i(this)}static get watchers(){return{tabs:["tabsChanged"]}}};at.style=":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#575756;color:var(--mdc-theme-secondary, #575756)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator__content{transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:100ms}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:none;text-transform:var(--mdc-typography-button-text-transform, none);padding-right:24px;padding-left:24px;min-width:90px;position:relative;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, 0.54);fill:currentColor}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;width:24px;height:24px;font-size:24px;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label{color:#26a69a;color:var(--mdc-theme-primary, #26a69a)}.mdc-tab--active .mdc-tab__icon{color:#26a69a;color:var(--mdc-theme-primary, #26a69a);fill:currentColor}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-tab{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-tab .mdc-tab__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-tab:hover .mdc-tab__ripple::before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after{transition:opacity 150ms linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform, opacity}.scroll-fade,.scroll-button{position:absolute;transition-property:transform;transition-duration:0.3s;transition-timing-function:ease-out}.scroll-fade{top:0;height:100%;width:4.0625rem;pointer-events:none}.scroll-fade.left{transform:translate3d(-4.0625rem, 0, 0);left:0;background:linear-gradient(270deg, rgba(var(--contrast-300), 0) 0%, rgba(var(--contrast-300), 0.8) 40%, rgba(var(--contrast-300), 0.8) 100%)}.scroll-fade.right{transform:translate3d(4.0625rem, 0, 0);right:0;background:linear-gradient(90deg, rgba(var(--contrast-300), 0) 0%, rgba(var(--contrast-300), 0.8) 40%, rgba(var(--contrast-300), 0.8) 100%)}.scroll-button{--icon-background-color:rgb(var(--contrast-100));top:0.25rem}.scroll-button.left{transform:translate3d(-4.0625rem, 0, 0);left:0.25rem}.scroll-button.right{transform:translate3d(4.0625rem, 0, 0);right:0.25rem}.scroll-button:hover{transform:translate3d(0, 0, 0)}.mdc-tab-scroller{position:relative;overflow:hidden}.mdc-tab-scroller.can-scroll-left .scroll-fade.left,.mdc-tab-scroller.can-scroll-left .scroll-button.left,.mdc-tab-scroller.can-scroll-right .scroll-fade.right,.mdc-tab-scroller.can-scroll-right .scroll-button.right{transform:translate3d(0, 0, 0)}.mdc-tab-scroller.can-scroll-left:not(.can-scroll-right) .scroll-button.right,.mdc-tab-scroller.can-scroll-right:not(.can-scroll-left) .scroll-button.left{opacity:0.5;transition-delay:0.5s}.lime-hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.mdc-tab-scroller__scroll-content{padding:0.5rem 0.75rem 0 0.75rem;background-color:rgb(var(--contrast-300))}:host{display:block;position:relative}:host(.has-tabs-with-equal-width) .mdc-tab{flex:1 0 auto}.mdc-tab__icon{margin-right:0.5rem}.mdc-tab-indicator .mdc-tab-indicator__content{border:none}.mdc-tab--active .mdc-ripple-upgraded--background-focused:before{background-color:transparent;transition:background-color 1s ease}.mdc-tab__ripple{box-sizing:border-box;border-radius:0.625rem;border-style:solid;border-color:transparent;border-width:0.25rem;opacity:0.7}.mdc-tab__ripple:before,.mdc-tab__ripple:after{transition:background-color 0.5s ease}.mdc-tab{border-radius:0;letter-spacing:normal}.mdc-tab{background-color:transparent;flex:0 0 auto}.mdc-tab:not(.mdc-tab--active):after{content:\"\";display:block;background-color:rgb(var(--contrast-600));width:0.125rem;height:1rem;margin:auto;position:absolute;top:0;bottom:0;border-radius:1rem;right:-0.125rem}.mdc-tab:not(.mdc-tab--active):last-of-type:after{display:none}.mdc-tab--active{border-radius:0.625rem 0.625rem 0 0;background-color:rgb(var(--contrast-100));z-index:2}.mdc-tab--active:before,.mdc-tab--active:after{content:\"\";display:block;width:0.75rem;height:0.75rem;position:absolute;bottom:0;background-color:rgb(var(--contrast-100));-webkit-mask-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>\");mask-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>\")}.mdc-tab--active:before{left:-0.75rem;transform:rotateY(180deg)}.mdc-tab--active:after{right:-0.75rem}";export{at as limel_tab_bar}
131
+ */const{TAB_ACTIVATED_EVENT:ct}=Z;let at=class{constructor(r){t(this,r),this.changeTab=n(this,"changeTab",7),this.tabs=[],this.canScrollLeft=!1,this.canScrollRight=!1,this.setupMdc=!1,this.handleTabActivated=this.handleTabActivated.bind(this),this.handleScroll=this.handleScroll.bind(this),this.handleLeftScrollClick=this.handleLeftScrollClick.bind(this),this.handleRightScrollClick=this.handleRightScrollClick.bind(this),this.renderTab=this.renderTab.bind(this)}connectedCallback(){this.setup()}componentDidLoad(){this.setup()}componentDidUpdate(){this.setupMdc&&(this.setup(),this.setupMdc=!1)}disconnectedCallback(){this.tearDown()}render(){return r("div",{class:"mdc-tab-bar",role:"tablist"},r("div",{class:{"mdc-tab-scroller":!0,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},r("div",{class:"mdc-tab-scroller__scroll-area lime-hide-scrollbars"},r("div",{class:"mdc-tab-scroller__scroll-content"},this.tabs.map(this.renderTab))),r("div",{class:"scroll-fade left"}),r("div",{class:"scroll-button left"},r("limel-icon-button",{icon:"angle_left",elevated:!0,tabindex:"-1","aria-hidden":"true",disabled:!this.canScrollLeft,onClick:this.handleLeftScrollClick})),r("div",{class:"scroll-fade right"}),r("div",{class:"scroll-button right"},r("limel-icon-button",{icon:"angle_right",elevated:!0,tabindex:"-1","aria-hidden":"true",disabled:!this.canScrollRight,onClick:this.handleRightScrollClick}))))}tabsChanged(t=[],n=[]){const r=t.map((t=>t.id)),i=n.map((t=>t.id));s(r,i)||(this.setupMdc=!0,this.tearDown())}handleWindowResize(){this.handleScroll()}setup(){const t=this.host.shadowRoot.querySelector(".mdc-tab-bar");t&&(this.mdcTabBar=new ot(t),this.mdcTabBar.focusOnActivate=!0,this.mdcTabBar.useAutomaticActivation=!0,this.scrollArea=t.querySelector(".mdc-tab-scroller__scroll-area"),this.scrollContent=t.querySelector(".mdc-tab-scroller__scroll-content"),this.setupListeners(),setTimeout(this.handleScroll,0))}tearDown(){this.scrollArea&&this.scrollArea.removeEventListener("scroll",this.handleScroll),this.mdcTabBar&&(this.mdcTabBar.unlisten(ct,this.handleTabActivated),this.mdcTabBar.destroy())}setupListeners(){this.mdcTabBar.listen(ct,this.handleTabActivated),this.scrollArea.addEventListener("scroll",this.handleScroll,{passive:!0})}handleTabActivated(t){const n=function(t,n){const r=t.findIndex((t=>!0===t.active)),i=[...t];return-1!==r&&(i[r]=Object.assign(Object.assign({},t[r]),{active:!1})),i[n]=Object.assign(Object.assign({},t[n]),{active:!0}),i}(this.tabs,t.detail.index);y(n,this.tabs).sort(this.sortByInactive).forEach((t=>{this.changeTab.emit(t)})),this.tabs=n}sortByInactive(t,n){return Number(t.active)-Number(n.active)}handleScroll(){const t=this.scrollArea.scrollLeft,n=Math.floor(this.scrollContent.getBoundingClientRect().width-this.scrollArea.getBoundingClientRect().width-t);this.canScrollLeft=t>40,this.canScrollRight=n>40}handleLeftScrollClick(){this.scrollArea.scroll({left:this.scrollArea.scrollLeft-150,behavior:"smooth"})}handleRightScrollClick(){this.scrollArea.scroll({left:this.scrollArea.scrollLeft+150,behavior:"smooth"})}renderIcon(t){if(!t.icon)return;const n={color:""};return t.iconColor&&(n.color=t.iconColor),r("limel-icon",{class:"mdc-tab__icon",name:t.icon,style:n,size:"small","aria-hidden":"true"})}renderTab(t){return r("button",{class:{"mdc-tab":!0,"mdc-tab--active":!!t.active},role:"tab","aria-selected":t.active?"true":"false",tabindex:t.active?0:-1},r("span",{class:"mdc-tab__content"},this.renderIcon(t),r("span",{class:"mdc-tab__text-label"},t.text),t.badge?r("limel-badge",{label:t.badge}):""),r("span",{class:{"mdc-tab-indicator":!0,"mdc-tab-indicator--active":!!t.active}},r("span",{class:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})),r("span",{class:"mdc-tab__ripple"}))}get host(){return i(this)}static get watchers(){return{tabs:["tabsChanged"]}}};at.style=":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#575756;color:var(--mdc-theme-secondary, #575756)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator__content{transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:100ms}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:none;text-transform:var(--mdc-typography-button-text-transform, none);padding-right:24px;padding-left:24px;min-width:90px;position:relative;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, 0.54);fill:currentColor}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;width:24px;height:24px;font-size:24px;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label{color:#26a69a;color:var(--mdc-theme-primary, #26a69a)}.mdc-tab--active .mdc-tab__icon{color:#26a69a;color:var(--mdc-theme-primary, #26a69a);fill:currentColor}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-tab{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-tab .mdc-tab__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-tab:hover .mdc-tab__ripple::before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after{transition:opacity 150ms linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform, opacity}.scroll-fade,.scroll-button{position:absolute;transition-property:transform;transition-duration:0.3s;transition-timing-function:ease-out}.scroll-fade{top:0;height:100%;width:4.0625rem;pointer-events:none}.scroll-fade.left{transform:translate3d(-4.0625rem, 0, 0);left:0;background:linear-gradient(270deg, rgba(var(--contrast-300), 0) 0%, rgba(var(--contrast-300), 0.8) 40%, rgba(var(--contrast-300), 0.8) 100%)}.scroll-fade.right{transform:translate3d(4.0625rem, 0, 0);right:0;background:linear-gradient(90deg, rgba(var(--contrast-300), 0) 0%, rgba(var(--contrast-300), 0.8) 40%, rgba(var(--contrast-300), 0.8) 100%)}.scroll-button{--icon-background-color:rgb(var(--contrast-100));top:0.25rem}.scroll-button.left{transform:translate3d(-4.0625rem, 0, 0);left:0.25rem}.scroll-button.right{transform:translate3d(4.0625rem, 0, 0);right:0.25rem}.scroll-button:hover{transform:translate3d(0, 0, 0)}.mdc-tab-scroller{position:relative;overflow:hidden}.mdc-tab-scroller.can-scroll-left .scroll-fade.left,.mdc-tab-scroller.can-scroll-left .scroll-button.left,.mdc-tab-scroller.can-scroll-right .scroll-fade.right,.mdc-tab-scroller.can-scroll-right .scroll-button.right{transform:translate3d(0, 0, 0)}.mdc-tab-scroller.can-scroll-left:not(.can-scroll-right) .scroll-button.right,.mdc-tab-scroller.can-scroll-right:not(.can-scroll-left) .scroll-button.left{opacity:0.5;transition-delay:0.5s}.lime-hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.mdc-tab-scroller__scroll-content{padding:0.5rem 0.75rem 0 0.75rem;background-color:rgb(var(--contrast-300))}:host{display:block;position:relative}:host(.has-tabs-with-equal-width) .mdc-tab{flex:1 0 auto}.mdc-tab__icon{margin-right:0.5rem}.mdc-tab-indicator .mdc-tab-indicator__content{border:none}.mdc-tab--active .mdc-ripple-upgraded--background-focused:before{background-color:transparent;transition:background-color 1s ease}.mdc-tab__ripple{box-sizing:border-box;border-radius:0.625rem;border-style:solid;border-color:transparent;border-width:0.25rem;opacity:0.7}.mdc-tab__ripple:before,.mdc-tab__ripple:after{transition:background-color 0.5s ease}.mdc-tab{border-radius:0;letter-spacing:normal}.mdc-tab{background-color:transparent;flex:0 0 auto}.mdc-tab:not(.mdc-tab--active):after{content:\"\";display:block;background-color:rgb(var(--contrast-600));width:0.125rem;height:1rem;margin:auto;position:absolute;top:0;bottom:0;border-radius:1rem;right:-0.125rem}.mdc-tab:not(.mdc-tab--active):last-of-type:after{display:none}.mdc-tab--active{border-radius:0.625rem 0.625rem 0 0;background-color:rgb(var(--contrast-100));z-index:2}.mdc-tab--active:before,.mdc-tab--active:after{content:\"\";display:block;width:0.75rem;height:0.75rem;position:absolute;bottom:0;background-color:rgb(var(--contrast-100));-webkit-mask-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>\");mask-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>\")}.mdc-tab--active:before{left:-0.75rem;transform:rotateY(180deg)}.mdc-tab--active:after{right:-0.75rem}";export{at as limel_tab_bar}
@@ -1,4 +1,3 @@
1
-
2
1
  export * from '../types/components';
3
2
  export interface CustomElementsDefineOptions {
4
3
  exclude?: string[];
@@ -1,3 +1,4 @@
1
+ import { MenuItem } from '@limetech/lime-elements';
1
2
  export interface ListItem<T = any> {
2
3
  /**
3
4
  * Text to display in the list item.
@@ -30,7 +31,7 @@ export interface ListItem<T = any> {
30
31
  /**
31
32
  * List of actions to display as a menu at the end of the item
32
33
  */
33
- actions?: Array<ListItem | ListSeparator>;
34
+ actions?: Array<MenuItem | ListSeparator>;
34
35
  }
35
36
  export interface ListSeparator {
36
37
  separator: true;
@@ -1,6 +1,5 @@
1
1
  import { IconSize, ListType } from '@limetech/lime-elements';
2
2
  export interface ListRendererConfig {
3
- isMenu?: boolean;
4
3
  isOpen?: boolean;
5
4
  badgeIcons?: boolean;
6
5
  type?: ListType;
@@ -8,7 +8,6 @@ export declare class ListRenderer {
8
8
  private avatarList;
9
9
  private commandKey;
10
10
  private applyTabIndexToItemAtIndex;
11
- constructor();
12
11
  render(items: Array<ListItem | ListSeparator | MenuItem>, config?: ListRendererConfig): any;
13
12
  /**
14
13
  * Determine which ListItem should have the `tab-index` attribute set,
@@ -33,7 +33,6 @@ export declare class List {
33
33
  * `selectable`: regular list with single selection.
34
34
  * `radio`: radio button list with single selection.
35
35
  * `checkbox`: checkbox list with multiple selection.
36
- * `menu`: menu list with single selection.
37
36
  */
38
37
  type: ListType;
39
38
  /**
@@ -47,7 +46,6 @@ export declare class List {
47
46
  private config;
48
47
  private listRenderer;
49
48
  private mdcList;
50
- private mdcMenu;
51
49
  private multiple;
52
50
  private selectable;
53
51
  /**
@@ -58,7 +56,6 @@ export declare class List {
58
56
  * Fired when an action has been selected from the action menu of a list item
59
57
  */
60
58
  protected select: EventEmitter<ListItem | ListItem[]>;
61
- constructor();
62
59
  connectedCallback(): void;
63
60
  disconnectedCallback(): void;
64
61
  componentDidLoad(): void;
@@ -67,13 +64,9 @@ export declare class List {
67
64
  protected itemsChanged(): void;
68
65
  private setup;
69
66
  private setupList;
70
- private setupMenu;
71
67
  private setupListeners;
72
- private setupListListeners;
73
- private setupMenuListeners;
74
68
  private teardown;
75
69
  private handleAction;
76
- private handleMenuSelect;
77
70
  private handleSingleSelect;
78
71
  private handleMultiSelect;
79
72
  private isListItem;
@@ -4,4 +4,4 @@
4
4
  * `radio`: radio button list with single selection.
5
5
  * `checkbox`: checkbox list with multiple selection.
6
6
  */
7
- export declare type ListType = 'selectable' | 'radio' | 'checkbox' | 'menu';
7
+ export declare type ListType = 'selectable' | 'radio' | 'checkbox';
@@ -1,5 +1,4 @@
1
- import { ListSeparator } from '@limetech/lime-elements';
2
- import { MenuItem, OpenDirection } from './menu.types';
1
+ import { ListSeparator, MenuItem, OpenDirection } from '@limetech/lime-elements';
3
2
  /**
4
3
  * @slot trigger - Element to use as a trigger for the menu.
5
4
  * @exampleComponent limel-example-menu-basic
@@ -76,5 +75,5 @@ export declare class Menu {
76
75
  private getCssProperties;
77
76
  private setListElement;
78
77
  private focusMenuItem;
79
- private isListItem;
78
+ private isMenuItem;
80
79
  }
@@ -1,8 +1,40 @@
1
- import { ListItem } from '../list/list-item.types';
1
+ import { ListSeparator } from '@limetech/lime-elements';
2
2
  export declare type OpenDirection = 'left' | 'right';
3
- export interface MenuItem<T = any> extends ListItem<T> {
3
+ export interface MenuItem<T = any> {
4
4
  /**
5
- * The additional supporting text is used for shortcut commands and displayed in the list item.
5
+ * The additional supporting text is used for shortcut commands and displayed in the menu item.
6
6
  */
7
7
  commandText?: string;
8
+ /**
9
+ * Text to display in the menu item.
10
+ */
11
+ text: string;
12
+ /**
13
+ * Additional supporting text to display in the menu item.
14
+ */
15
+ secondaryText?: string;
16
+ /**
17
+ * True if the menu item should be disabled.
18
+ */
19
+ disabled?: boolean;
20
+ /**
21
+ * Name of the icon to use.
22
+ */
23
+ icon?: string;
24
+ /**
25
+ * Background color of the icon. Overrides `--icon-background-color`.
26
+ */
27
+ iconColor?: string;
28
+ /**
29
+ * True if the menu item should be selected.
30
+ */
31
+ selected?: boolean;
32
+ /**
33
+ * Value of the menu item.
34
+ */
35
+ value?: T;
36
+ /**
37
+ * List of actions to display as a menu at the end of the item
38
+ */
39
+ actions?: Array<MenuItem | ListSeparator>;
8
40
  }
@@ -0,0 +1,8 @@
1
+ import { IconSize, MenuListType } from '@limetech/lime-elements';
2
+ export interface MenuListRendererConfig {
3
+ isMenu?: boolean;
4
+ isOpen?: boolean;
5
+ badgeIcons?: boolean;
6
+ type?: MenuListType;
7
+ iconSize?: IconSize;
8
+ }
@@ -0,0 +1,49 @@
1
+ import { ListSeparator, MenuItem } from '@limetech/lime-elements';
2
+ import { MenuListRendererConfig } from './menu-list-renderer-config';
3
+ export declare class MenuListRenderer {
4
+ private defaultConfig;
5
+ private config;
6
+ private hasIcons;
7
+ private twoLines;
8
+ private avatarList;
9
+ private commandKey;
10
+ private applyTabIndexToItemAtIndex;
11
+ render(items: Array<ListSeparator | MenuItem>, config?: MenuListRendererConfig): any;
12
+ /**
13
+ * Determine which MenuItem should have the `tab-index` attribute set,
14
+ * and return the index at which that MenuItem is located in `items`.
15
+ * Returns `undefined` if no item should have the attribute set.
16
+ * See https://github.com/material-components/material-components-web/tree/e66a43a75fef4f9179e24856649518e15e279a04/packages/mdc-list#accessibility
17
+ *
18
+ * @param {Array<ListSeparator | MenuItems>} items the items of the list, including any `ListSeparator`:s
19
+ * @returns {number} the index as per the description
20
+ */
21
+ private getIndexForWhichToApplyTabIndex;
22
+ /**
23
+ * Render a single list item
24
+ *
25
+ * @param {ListSeparator | MenuItems} item the item to render
26
+ * @param {number} index the index the item had in the `items` array
27
+ * @returns {HTMLElement} the list item
28
+ */
29
+ private renderMenuItem;
30
+ /**
31
+ * Render the text of the list item
32
+ *
33
+ * @param {MenuItem} item the list item
34
+ * @returns {HTMLElement | string} the text for the list item
35
+ */
36
+ private renderText;
37
+ private renderCommandText;
38
+ private isSimpleItem;
39
+ /**
40
+ * Render an icon for a list item
41
+ *
42
+ * @param {MenuListRendererConfig} config the config object, passed on from the `renderMenuItem` function
43
+ * @param {MenuItem} item the list item
44
+ * @returns {HTMLElement} the icon element
45
+ */
46
+ private renderIcon;
47
+ private renderDivider;
48
+ private renderActionMenu;
49
+ }
@@ -0,0 +1,59 @@
1
+ import { IconSize, MenuItem, ListSeparator, MenuListType } from '@limetech/lime-elements';
2
+ import { EventEmitter } from '../../stencil-public-runtime';
3
+ /**
4
+ * @private
5
+ */
6
+ export declare class MenuList {
7
+ /**
8
+ * List of items to display
9
+ */
10
+ items: Array<MenuItem | ListSeparator>;
11
+ /**
12
+ * Set to `true` if the list should display larger icons with a background
13
+ */
14
+ badgeIcons: boolean;
15
+ /**
16
+ * Size of the icons in the list
17
+ */
18
+ iconSize: IconSize;
19
+ /**
20
+ * The type of the menu, omit to get a regular vertical menu.
21
+ * Available types are:
22
+ * `menu`: regular vertical menu.
23
+ */
24
+ type: MenuListType;
25
+ /**
26
+ * By default, lists will display 3 lines of text, and then truncate the rest.
27
+ * Consumers can increase or decrease this number by specifying
28
+ * `maxLinesSecondaryText`. If consumer enters zero or negative
29
+ * numbers we default to 1; and if they type decimals we round up.
30
+ */
31
+ maxLinesSecondaryText: number;
32
+ private element;
33
+ private config;
34
+ private MenuListRenderer;
35
+ private mdcList;
36
+ private mdcMenu;
37
+ /**
38
+ * Fired when a new value has been selected from the list. Only fired if selectable is set to true
39
+ */
40
+ private change;
41
+ /**
42
+ * Fired when an action has been selected from the action menu of a list item
43
+ */
44
+ protected select: EventEmitter<MenuItem | MenuItem[]>;
45
+ connectedCallback(): void;
46
+ disconnectedCallback(): void;
47
+ componentDidLoad(): void;
48
+ render(): any;
49
+ protected handleType(): void;
50
+ protected itemsChanged(): void;
51
+ private setup;
52
+ private setupMenu;
53
+ private setupListeners;
54
+ private teardown;
55
+ private handleAction;
56
+ private handleMenuSelect;
57
+ private handleSingleSelect;
58
+ private isMenuItem;
59
+ }
@@ -0,0 +1,6 @@
1
+ /**
2
+ * The type of the menu, omit to get a regular vertical menu.
3
+ * Available types are:
4
+ * `menu`: regular vertical menu.
5
+ */
6
+ export declare type MenuListType = 'menu';
@@ -18,7 +18,6 @@ export declare class MenuSurface {
18
18
  dismiss: EventEmitter<void>;
19
19
  private host;
20
20
  private menuSurface;
21
- constructor();
22
21
  connectedCallback(): void;
23
22
  disconnectedCallback(): void;
24
23
  componentDidLoad(): void;
@@ -14,5 +14,5 @@ export declare class TooltipContent {
14
14
  * owner element.
15
15
  */
16
16
  helperLabel: string;
17
- render(): any;
17
+ render(): any[];
18
18
  }
@@ -1,15 +1,41 @@
1
1
  /**
2
- * Tooltips display a text label identifying an element, such as a description
3
- * of its function.
2
+ * A tooltip can be used to display a descriptive text for any element.
3
+ * The displayed content must be a brief and supplemental string of text,
4
+ * identifying the element or describing its function for the user,
5
+ * helping them better understand unfamiliar objects that aren't described
6
+ * directly in the UI.
4
7
  *
5
- * In order to display the tooltip, the tooltip element and the owner element
6
- * that it should describe must be within the same document or document
7
- * fragment. A good practice is to just render them next to each other like so:
8
+ * ## Interaction
9
+ * The tooltip appears after a slight delay, when the element is hovered;
10
+ * and disappears as soon as the cursor leaves the element.
11
+ * Therefore, users cannot interact with the tip, but if the trigger element
12
+ * itself is interactive, it will remain interactible even with a tooltip bound
13
+ * to it.
14
+ *
15
+ * :::note
16
+ * In order to display the tooltip, the tooltip element and its trigger element
17
+ * must be within the same document or document fragment.
18
+ * A good practice is to just place them next to each other like below:
8
19
  *
9
20
  * ```html
10
21
  * <limel-button icon="search" id="tooltip-example" />
11
22
  * <limel-tooltip label="Search" elementId="tooltip-example" />
12
23
  * ```
24
+ * :::
25
+ *
26
+ * ## Usage
27
+ * - Keep in mind that tooltips can be distracting, and can be perceived as an interruption.
28
+ * Use them only when they add significant value.
29
+ * - A good tip is concise, helpful, and informative.
30
+ * Don't explain the obvious or simply repeat what is already on the screen.
31
+ * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).
32
+ * - If the tip is essential to the primary tasks that the user is performing,
33
+ * such as warnings or important notes, include the information directly in the
34
+ * interface instead.
35
+ * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),
36
+ * use that, not a tooltip.
37
+ * - Make sure to use the tooltip on an element that users naturally and
38
+ * effortlessly recognize can be hovered.
13
39
  *
14
40
  * @exampleComponent limel-example-tooltip
15
41
  * @private