@limetech/lime-elements 33.14.0-next.9 → 34.0.0-next.4

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 (210) 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 +16 -6
  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 +5 -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 +484 -0
  27. package/dist/cjs/limel-menu-list.cjs.entry.js +863 -0
  28. package/dist/cjs/limel-menu.cjs.entry.js +6 -45
  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 +3 -3
  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/button-group/button-group.js +15 -5
  48. package/dist/collection/components/chip-set/chip-set.js +2 -2
  49. package/dist/collection/components/config/config.js +3 -0
  50. package/dist/collection/components/header/header.js +0 -1
  51. package/dist/collection/components/list/list-renderer.js +151 -166
  52. package/dist/collection/components/list/list.css +0 -10
  53. package/dist/collection/components/list/list.js +77 -125
  54. package/dist/collection/components/menu/menu.js +12 -94
  55. package/dist/collection/components/menu-list/menu-list-renderer-config.js +1 -0
  56. package/dist/collection/components/menu-list/menu-list-renderer.js +150 -0
  57. package/dist/collection/components/menu-list/menu-list.css +3367 -0
  58. package/dist/collection/components/menu-list/menu-list.js +274 -0
  59. package/dist/collection/components/menu-list/menu-list.types.js +1 -0
  60. package/dist/collection/components/menu-surface/menu-surface.js +84 -87
  61. package/dist/collection/components/picker/picker.js +2 -2
  62. package/dist/collection/components/popover/popover.js +0 -1
  63. package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css +1 -1
  64. package/dist/collection/components/table/table.css +9 -2
  65. package/dist/collection/components/tooltip/tooltip-content.css +25 -13
  66. package/dist/collection/components/tooltip/tooltip-content.js +4 -3
  67. package/dist/collection/components/tooltip/tooltip.css +0 -6
  68. package/dist/collection/components/tooltip/tooltip.js +31 -5
  69. package/dist/esm/{checkbox.template-434214d5.js → checkbox.template-dbdd27c8.js} +1 -1
  70. package/dist/esm/component-2eb4e07b.js +2357 -0
  71. package/dist/esm/{index-dc421a6e.js → index-2316f345.js} +73 -64
  72. package/dist/esm/lime-elements.js +3 -3
  73. package/dist/esm/limel-badge.entry.js +2 -2
  74. package/dist/esm/limel-banner.entry.js +2 -2
  75. package/dist/esm/limel-button-group.entry.js +16 -6
  76. package/dist/esm/limel-button.entry.js +2 -2
  77. package/dist/esm/limel-checkbox.entry.js +3 -3
  78. package/dist/esm/limel-chip-set.entry.js +2 -2
  79. package/dist/esm/limel-circular-progress.entry.js +2 -2
  80. package/dist/esm/limel-code-editor.entry.js +2 -2
  81. package/dist/esm/limel-collapsible-section.entry.js +2 -2
  82. package/dist/esm/limel-config.entry.js +5 -2
  83. package/dist/esm/limel-date-picker.entry.js +2 -2
  84. package/dist/esm/limel-dialog.entry.js +2 -2
  85. package/dist/esm/limel-file.entry.js +2 -2
  86. package/dist/esm/limel-flatpickr-adapter_2.entry.js +3 -3
  87. package/dist/esm/limel-flex-container.entry.js +2 -2
  88. package/dist/esm/limel-form.entry.js +2 -2
  89. package/dist/esm/limel-grid.entry.js +2 -2
  90. package/dist/esm/limel-header.entry.js +2 -2
  91. package/dist/esm/limel-icon-button.entry.js +2 -2
  92. package/dist/esm/limel-icon.entry.js +2 -2
  93. package/dist/esm/limel-linear-progress.entry.js +2 -2
  94. package/dist/esm/limel-list_2.entry.js +479 -0
  95. package/dist/esm/limel-menu-list.entry.js +859 -0
  96. package/dist/esm/limel-menu.entry.js +6 -45
  97. package/dist/esm/limel-picker.entry.js +2 -2
  98. package/dist/esm/limel-popover-surface.entry.js +2 -2
  99. package/dist/esm/limel-popover.entry.js +2 -2
  100. package/dist/esm/limel-portal.entry.js +1931 -0
  101. package/dist/esm/limel-progress-flow-item.entry.js +3 -3
  102. package/dist/esm/limel-progress-flow.entry.js +2 -2
  103. package/dist/esm/limel-select.entry.js +2 -2
  104. package/dist/esm/limel-slider.entry.js +2 -2
  105. package/dist/esm/limel-snackbar.entry.js +2 -2
  106. package/dist/esm/limel-spinner.entry.js +2 -2
  107. package/dist/esm/limel-switch.entry.js +2 -2
  108. package/dist/esm/limel-tab-bar.entry.js +2 -2
  109. package/dist/esm/limel-tab-panel.entry.js +2 -2
  110. package/dist/esm/limel-table.entry.js +3 -3
  111. package/dist/esm/limel-tooltip-content.entry.js +7 -4
  112. package/dist/esm/limel-tooltip.entry.js +3 -3
  113. package/dist/esm/loader.js +3 -3
  114. package/dist/lime-elements/lime-elements.esm.js +1 -1
  115. package/dist/lime-elements/{p-af7c5b11.entry.js → p-03c28bee.entry.js} +2 -2
  116. package/dist/lime-elements/p-041ae00c.entry.js +1 -0
  117. package/dist/lime-elements/p-143705b1.entry.js +1 -0
  118. package/dist/lime-elements/{p-467c87f6.entry.js → p-1d7c7d5e.entry.js} +1 -1
  119. package/dist/lime-elements/p-1fb5340d.entry.js +1 -0
  120. package/dist/lime-elements/p-227d2c5a.entry.js +1 -0
  121. package/dist/lime-elements/p-31299106.js +126 -0
  122. package/dist/lime-elements/p-31fecf5d.entry.js +1 -0
  123. package/dist/lime-elements/p-34c7872e.entry.js +1 -0
  124. package/dist/lime-elements/p-3525d50c.entry.js +37 -0
  125. package/dist/lime-elements/p-4932c029.entry.js +1 -0
  126. package/dist/lime-elements/p-4b5af81b.entry.js +1 -0
  127. package/dist/lime-elements/p-510bb5a4.entry.js +1 -0
  128. package/dist/lime-elements/{p-67c48f98.entry.js → p-587bd6ca.entry.js} +1 -1
  129. package/dist/lime-elements/p-64549ba6.entry.js +37 -0
  130. package/dist/lime-elements/p-692f31f1.entry.js +16 -0
  131. package/dist/lime-elements/p-7476efe0.entry.js +1 -0
  132. package/dist/lime-elements/p-845e645a.entry.js +1 -0
  133. package/dist/lime-elements/{p-c636bfcf.entry.js → p-85094bfc.entry.js} +2 -2
  134. package/dist/lime-elements/p-89b5a983.js +1 -0
  135. package/dist/lime-elements/p-8d1ab246.entry.js +1 -0
  136. package/dist/lime-elements/p-8d8bd2ab.entry.js +73 -0
  137. package/dist/lime-elements/p-90f3e17c.entry.js +37 -0
  138. package/dist/lime-elements/{p-fabb836f.js → p-92146da6.js} +1 -1
  139. package/dist/lime-elements/p-9d362dd5.entry.js +1 -0
  140. package/dist/lime-elements/{p-90b2c0a2.entry.js → p-a1153d2a.entry.js} +1 -1
  141. package/dist/lime-elements/{p-5577f962.entry.js → p-a3dadae7.entry.js} +2 -2
  142. package/dist/lime-elements/p-b386bfeb.entry.js +1 -0
  143. package/dist/lime-elements/p-b5d6abc3.entry.js +126 -0
  144. package/dist/lime-elements/p-bbc1bb01.entry.js +1 -0
  145. package/dist/lime-elements/p-be56ffab.entry.js +1 -0
  146. package/dist/lime-elements/p-c35874db.entry.js +1 -0
  147. package/dist/lime-elements/p-c8c8a946.entry.js +59 -0
  148. package/dist/lime-elements/p-d070f0e7.entry.js +1 -0
  149. package/dist/lime-elements/p-d2c74396.entry.js +1 -0
  150. package/dist/lime-elements/p-df55ee67.entry.js +82 -0
  151. package/dist/lime-elements/p-e5738ec6.entry.js +1 -0
  152. package/dist/lime-elements/p-e881e98d.entry.js +1 -0
  153. package/dist/lime-elements/{p-2476f7bb.entry.js → p-f079f1fd.entry.js} +2 -2
  154. package/dist/lime-elements/p-f2df64ec.entry.js +1 -0
  155. package/dist/lime-elements/p-f4495f59.entry.js +1 -0
  156. package/dist/lime-elements/p-fc30b8e3.entry.js +1 -0
  157. package/dist/lime-elements/{p-61ecc7f1.entry.js → p-ff0217b3.entry.js} +2 -2
  158. package/dist/loader/index.d.ts +0 -1
  159. package/dist/types/components/header/header.d.ts +0 -1
  160. package/dist/types/components/list/list-item.types.d.ts +2 -1
  161. package/dist/types/components/list/list-renderer-config.d.ts +0 -1
  162. package/dist/types/components/list/list-renderer.d.ts +5 -7
  163. package/dist/types/components/list/list.d.ts +0 -7
  164. package/dist/types/components/list/list.types.d.ts +1 -1
  165. package/dist/types/components/menu/menu.d.ts +2 -20
  166. package/dist/types/components/menu/menu.types.d.ts +30 -3
  167. package/dist/types/components/menu-list/menu-list-renderer-config.d.ts +7 -0
  168. package/dist/types/components/menu-list/menu-list-renderer.d.ts +48 -0
  169. package/dist/types/components/menu-list/menu-list.d.ts +59 -0
  170. package/dist/types/components/menu-list/menu-list.types.d.ts +6 -0
  171. package/dist/types/components/menu-surface/menu-surface.d.ts +0 -1
  172. package/dist/types/components/popover/popover.d.ts +0 -1
  173. package/dist/types/components/tooltip/tooltip-content.d.ts +1 -1
  174. package/dist/types/components/tooltip/tooltip.d.ts +31 -5
  175. package/dist/types/components.d.ts +66 -25
  176. package/dist/types/interface.d.ts +1 -0
  177. package/package.json +3 -2
  178. package/dist/cjs/limel-list_3.cjs.entry.js +0 -5418
  179. package/dist/esm/limel-list_3.entry.js +0 -5412
  180. package/dist/lime-elements/p-034f336b.entry.js +0 -126
  181. package/dist/lime-elements/p-136230d6.entry.js +0 -1
  182. package/dist/lime-elements/p-16c336e8.entry.js +0 -59
  183. package/dist/lime-elements/p-191f05bc.entry.js +0 -1
  184. package/dist/lime-elements/p-1a3a9bfd.entry.js +0 -1
  185. package/dist/lime-elements/p-231f62ba.entry.js +0 -1
  186. package/dist/lime-elements/p-24c128ec.entry.js +0 -37
  187. package/dist/lime-elements/p-30c4b32a.entry.js +0 -1
  188. package/dist/lime-elements/p-3a21fa33.entry.js +0 -37
  189. package/dist/lime-elements/p-3df01502.entry.js +0 -1
  190. package/dist/lime-elements/p-63e4f918.entry.js +0 -1
  191. package/dist/lime-elements/p-6d9f679d.entry.js +0 -1
  192. package/dist/lime-elements/p-6e3b6e69.entry.js +0 -1
  193. package/dist/lime-elements/p-79541c2b.entry.js +0 -73
  194. package/dist/lime-elements/p-7be3a593.entry.js +0 -1
  195. package/dist/lime-elements/p-7c6f6b80.entry.js +0 -1
  196. package/dist/lime-elements/p-7dd9c41d.entry.js +0 -16
  197. package/dist/lime-elements/p-9b79dfe7.js +0 -1
  198. package/dist/lime-elements/p-a6a7dd00.entry.js +0 -1
  199. package/dist/lime-elements/p-aeeca058.entry.js +0 -1
  200. package/dist/lime-elements/p-b0b18dfc.entry.js +0 -1
  201. package/dist/lime-elements/p-b88e7350.entry.js +0 -1
  202. package/dist/lime-elements/p-bde1749a.entry.js +0 -1
  203. package/dist/lime-elements/p-c45238b6.entry.js +0 -1
  204. package/dist/lime-elements/p-c53695a3.entry.js +0 -37
  205. package/dist/lime-elements/p-dc5b3f45.entry.js +0 -1
  206. package/dist/lime-elements/p-e078c459.entry.js +0 -177
  207. package/dist/lime-elements/p-e9b4bdac.entry.js +0 -1
  208. package/dist/lime-elements/p-eb81fc35.entry.js +0 -1
  209. package/dist/lime-elements/p-f94cbe50.entry.js +0 -1
  210. 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[];
@@ -42,7 +42,6 @@
42
42
  * @exampleComponent limel-example-header-responsive
43
43
  * @exampleComponent limel-example-header-narrow
44
44
  * @slot - Content (actions) to be put inside the far right surface of the header
45
- * @private
46
45
  */
47
46
  export declare class Header {
48
47
  /**
@@ -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;
@@ -1,4 +1,4 @@
1
- import { ListItem, ListSeparator, MenuItem } from '@limetech/lime-elements';
1
+ import { ListItem, ListSeparator } from '@limetech/lime-elements';
2
2
  import { ListRendererConfig } from './list-renderer-config';
3
3
  export declare class ListRenderer {
4
4
  private defaultConfig;
@@ -8,22 +8,21 @@ export declare class ListRenderer {
8
8
  private avatarList;
9
9
  private commandKey;
10
10
  private applyTabIndexToItemAtIndex;
11
- constructor();
12
- render(items: Array<ListItem | ListSeparator | MenuItem>, config?: ListRendererConfig): any;
11
+ render(items: Array<ListItem | ListSeparator>, config?: ListRendererConfig): any;
13
12
  /**
14
13
  * Determine which ListItem should have the `tab-index` attribute set,
15
14
  * and return the index at which that ListItem is located in `items`.
16
15
  * Returns `undefined` if no item should have the attribute set.
17
16
  * See https://github.com/material-components/material-components-web/tree/e66a43a75fef4f9179e24856649518e15e279a04/packages/mdc-list#accessibility
18
17
  *
19
- * @param {Array<ListItem | ListSeparator | MenuItems>} items the items of the list, including any `ListSeparator`:s
18
+ * @param {Array<ListItem | ListSeparator>} items the items of the list, including any `ListSeparator`:s
20
19
  * @returns {number} the index as per the description
21
20
  */
22
21
  private getIndexForWhichToApplyTabIndex;
23
22
  /**
24
23
  * Render a single list item
25
24
  *
26
- * @param {ListItem | ListSeparator | MenuItems} item the item to render
25
+ * @param {ListItem | ListSeparator} item the item to render
27
26
  * @param {number} index the index the item had in the `items` array
28
27
  * @returns {HTMLElement} the list item
29
28
  */
@@ -31,11 +30,10 @@ export declare class ListRenderer {
31
30
  /**
32
31
  * Render the text of the list item
33
32
  *
34
- * @param {ListItem | MenuItem} item the list item
33
+ * @param {ListItem} item the list item
35
34
  * @returns {HTMLElement | string} the text for the list item
36
35
  */
37
36
  private renderText;
38
- private renderCommandText;
39
37
  private isSimpleItem;
40
38
  /**
41
39
  * Render an icon for a list item
@@ -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
@@ -12,13 +11,6 @@ import { MenuItem, OpenDirection } from './menu.types';
12
11
  * @exampleComponent limel-example-menu-hotkeys
13
12
  */
14
13
  export declare class Menu {
15
- /**
16
- * Is displayed on the default trigger button.
17
- *
18
- * @deprecated Use with default trigger has been deprecated.
19
- * Please supply your own trigger element.
20
- */
21
- label: string;
22
14
  /**
23
15
  * A list of items and separators to show in the menu.
24
16
  */
@@ -43,14 +35,6 @@ export declare class Menu {
43
35
  * Renders list items in a grid layout, rather than a vertical list
44
36
  */
45
37
  gridLayout: boolean;
46
- /**
47
- * Defines whether the menu should have a fixed position on the screen.
48
- *
49
- * @deprecated Fixed position was used to get around a bug in the placement
50
- * of the menu. This bug has since been fixed, which makes this attribute
51
- * obsolete.
52
- */
53
- fixed: boolean;
54
38
  /**
55
39
  * Is emitted when the menu is cancelled.
56
40
  */
@@ -67,14 +51,12 @@ export declare class Menu {
67
51
  protected openWatcher(): void;
68
52
  render(): any;
69
53
  componentDidRender(): void;
70
- private renderTrigger;
71
54
  private setTriggerAttributes;
72
55
  private onClose;
73
56
  private onTriggerClick;
74
57
  private onListChange;
75
- private getPortalPosition;
76
58
  private getCssProperties;
77
59
  private setListElement;
78
60
  private focusMenuItem;
79
- private isListItem;
61
+ private isMenuItem;
80
62
  }
@@ -1,8 +1,35 @@
1
- import { ListItem } from '../list/list-item.types';
2
1
  export declare type OpenDirection = 'left' | 'right';
3
- export interface MenuItem extends ListItem {
2
+ export interface MenuItem<T = any> {
4
3
  /**
5
- * The additional supporting text is used for shortcut commands and displayed in the list item.
4
+ * The additional supporting text is used for shortcut commands and displayed in the menu item.
6
5
  */
7
6
  commandText?: string;
7
+ /**
8
+ * Text to display in the menu item.
9
+ */
10
+ text: string;
11
+ /**
12
+ * Additional supporting text to display in the menu item.
13
+ */
14
+ secondaryText?: string;
15
+ /**
16
+ * True if the menu item should be disabled.
17
+ */
18
+ disabled?: boolean;
19
+ /**
20
+ * Name of the icon to use.
21
+ */
22
+ icon?: string;
23
+ /**
24
+ * Background color of the icon. Overrides `--icon-background-color`.
25
+ */
26
+ iconColor?: string;
27
+ /**
28
+ * True if the menu item should be selected.
29
+ */
30
+ selected?: boolean;
31
+ /**
32
+ * Value of the menu item.
33
+ */
34
+ value?: T;
8
35
  }
@@ -0,0 +1,7 @@
1
+ import { IconSize, MenuListType } from '@limetech/lime-elements';
2
+ export interface MenuListRendererConfig {
3
+ isOpen?: boolean;
4
+ badgeIcons?: boolean;
5
+ type?: MenuListType;
6
+ iconSize?: IconSize;
7
+ }
@@ -0,0 +1,48 @@
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<MenuItem | ListSeparator>, 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<MenuItem | ListSeparator>} 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 {MenuItem | ListSeparator} 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
+ }
@@ -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;
@@ -48,7 +48,6 @@
48
48
  *
49
49
  * @slot - Content to put inside the surface
50
50
  * @exampleComponent limel-example-popover
51
- * @private
52
51
  */
53
52
  export declare class Popover {
54
53
  /**
@@ -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