@paperless/core 0.1.0-alpha.339 → 0.1.0-alpha.340

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 (241) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/build/p-04756580.entry.js +2 -0
  3. package/dist/build/{p-f518e8b6.entry.js.map → p-04756580.entry.js.map} +1 -1
  4. package/dist/build/p-10ba43ed.entry.js +2 -0
  5. package/dist/{paperless/p-2163b356.entry.js.map → build/p-10ba43ed.entry.js.map} +1 -1
  6. package/dist/build/p-2cb5c7fc.entry.js +2 -0
  7. package/dist/{paperless/p-fdb78d27.entry.js.map → build/p-2cb5c7fc.entry.js.map} +1 -1
  8. package/dist/build/{p-4cc89a8b.entry.js → p-3d68b72f.entry.js} +2 -2
  9. package/dist/{paperless/p-4cc89a8b.entry.js.map → build/p-3d68b72f.entry.js.map} +1 -1
  10. package/dist/build/p-7171690b.entry.js +2 -0
  11. package/dist/build/{p-ae726239.entry.js.map → p-7171690b.entry.js.map} +1 -1
  12. package/dist/build/p-804acc89.entry.js +2 -0
  13. package/dist/build/p-804acc89.entry.js.map +1 -0
  14. package/dist/build/{p-d3485dca.entry.js → p-83f1ceef.entry.js} +2 -2
  15. package/dist/build/{p-d3485dca.entry.js.map → p-83f1ceef.entry.js.map} +1 -1
  16. package/dist/build/p-96d2ed80.entry.js +2 -0
  17. package/dist/{paperless/p-c171e8b2.entry.js.map → build/p-96d2ed80.entry.js.map} +1 -1
  18. package/dist/build/{p-f59709fb.entry.js → p-98646043.entry.js} +2 -2
  19. package/dist/{paperless/p-f59709fb.entry.js.map → build/p-98646043.entry.js.map} +1 -1
  20. package/dist/build/p-a094d5da.entry.js +2 -0
  21. package/dist/build/{p-094829e7.entry.js.map → p-a094d5da.entry.js.map} +1 -1
  22. package/dist/build/p-bff2caf8.entry.js +2 -0
  23. package/dist/build/{p-eb62688e.entry.js.map → p-bff2caf8.entry.js.map} +1 -1
  24. package/dist/build/p-c5c03f6e.entry.js +2 -0
  25. package/dist/{paperless/p-7bee47e3.entry.js.map → build/p-c5c03f6e.entry.js.map} +1 -1
  26. package/dist/build/p-d38740b6.entry.js +2 -0
  27. package/dist/build/{p-e5ffb753.entry.js.map → p-d38740b6.entry.js.map} +1 -1
  28. package/dist/build/p-f1284018.entry.js +2 -0
  29. package/dist/build/p-f1284018.entry.js.map +1 -0
  30. package/dist/build/paperless.css +1 -1
  31. package/dist/build/paperless.esm.js +1 -1
  32. package/dist/build/paperless.esm.js.map +1 -1
  33. package/dist/cjs/loader.cjs.js +1 -1
  34. package/dist/cjs/p-button_3.cjs.entry.js +3 -3
  35. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  36. package/dist/cjs/p-calendar.cjs.entry.js +1 -1
  37. package/dist/cjs/p-calendar.cjs.entry.js.map +1 -1
  38. package/dist/cjs/p-datepicker.cjs.entry.js +1 -1
  39. package/dist/cjs/p-datepicker.cjs.entry.js.map +1 -1
  40. package/dist/cjs/p-divider.cjs.entry.js +1 -1
  41. package/dist/cjs/p-divider.cjs.entry.js.map +1 -1
  42. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js +1 -1
  43. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js.map +1 -1
  44. package/dist/cjs/p-dropdown_2.cjs.entry.js +2 -2
  45. package/dist/cjs/p-dropdown_2.cjs.entry.js.map +1 -1
  46. package/dist/cjs/p-helper_3.cjs.entry.js +45 -16
  47. package/dist/cjs/p-helper_3.cjs.entry.js.map +1 -1
  48. package/dist/cjs/p-illustration_6.cjs.entry.js +5 -5
  49. package/dist/cjs/p-illustration_6.cjs.entry.js.map +1 -1
  50. package/dist/cjs/p-label_3.cjs.entry.js +3 -3
  51. package/dist/cjs/p-label_3.cjs.entry.js.map +1 -1
  52. package/dist/cjs/p-modal-body_4.cjs.entry.js +1 -1
  53. package/dist/cjs/p-modal-body_4.cjs.entry.js.map +1 -1
  54. package/dist/cjs/p-page-size-select_3.cjs.entry.js +2 -2
  55. package/dist/cjs/p-page-size-select_3.cjs.entry.js.map +1 -1
  56. package/dist/cjs/p-select.cjs.entry.js +5 -3
  57. package/dist/cjs/p-select.cjs.entry.js.map +1 -1
  58. package/dist/cjs/p-table.cjs.entry.js +1 -1
  59. package/dist/cjs/p-table.cjs.entry.js.map +1 -1
  60. package/dist/cjs/p-tooltip.cjs.entry.js +1 -1
  61. package/dist/cjs/p-tooltip.cjs.entry.js.map +1 -1
  62. package/dist/cjs/paperless.cjs.js +1 -1
  63. package/dist/collection/components/atoms/button/button.component.css +1 -1
  64. package/dist/collection/components/atoms/divider/divider.component.css +1 -1
  65. package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
  66. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
  67. package/dist/collection/components/atoms/helper/helper.component.css +1 -1
  68. package/dist/collection/components/atoms/icon/icon.component.css +1 -1
  69. package/dist/collection/components/atoms/label/label.component.css +1 -1
  70. package/dist/collection/components/atoms/loader/loader.component.css +1 -1
  71. package/dist/collection/components/atoms/modal-body/modal-body.component.css +1 -1
  72. package/dist/collection/components/atoms/modal-container/modal-container.component.css +1 -1
  73. package/dist/collection/components/atoms/modal-footer/modal-footer.component.css +1 -1
  74. package/dist/collection/components/atoms/modal-header/modal-header.component.css +1 -1
  75. package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
  76. package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
  77. package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
  78. package/dist/collection/components/atoms/table-container/table-container.component.css +1 -1
  79. package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
  80. package/dist/collection/components/molecules/calendar/calendar.component.css +1 -1
  81. package/dist/collection/components/molecules/datepicker/datepicker.component.css +1 -1
  82. package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
  83. package/dist/collection/components/molecules/input-group/input-group.component.css +1 -1
  84. package/dist/collection/components/molecules/input-group/input-group.component.js +44 -15
  85. package/dist/collection/components/molecules/input-group/input-group.component.js.map +1 -1
  86. package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
  87. package/dist/collection/components/molecules/select/select.component.css +1 -1
  88. package/dist/collection/components/molecules/select/select.component.js +44 -2
  89. package/dist/collection/components/molecules/select/select.component.js.map +1 -1
  90. package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
  91. package/dist/collection/components/molecules/table-footer/table-footer.component.css +1 -1
  92. package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
  93. package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
  94. package/dist/collection/components/organisms/table/table.component.css +1 -1
  95. package/dist/components/button.component.js +1 -1
  96. package/dist/components/button.component.js.map +1 -1
  97. package/dist/components/calendar.component.js +1 -1
  98. package/dist/components/calendar.component.js.map +1 -1
  99. package/dist/components/divider.component.js +1 -1
  100. package/dist/components/divider.component.js.map +1 -1
  101. package/dist/components/dropdown-menu-container.component.js +1 -1
  102. package/dist/components/dropdown-menu-container.component.js.map +1 -1
  103. package/dist/components/dropdown-menu-item.component.js +1 -1
  104. package/dist/components/dropdown-menu-item.component.js.map +1 -1
  105. package/dist/components/dropdown.component.js +1 -1
  106. package/dist/components/dropdown.component.js.map +1 -1
  107. package/dist/components/helper.component.js +1 -1
  108. package/dist/components/helper.component.js.map +1 -1
  109. package/dist/components/icon.component.js +1 -1
  110. package/dist/components/icon.component.js.map +1 -1
  111. package/dist/components/input-group.component.js +44 -15
  112. package/dist/components/input-group.component.js.map +1 -1
  113. package/dist/components/label.component.js +1 -1
  114. package/dist/components/label.component.js.map +1 -1
  115. package/dist/components/loader.component.js +1 -1
  116. package/dist/components/loader.component.js.map +1 -1
  117. package/dist/components/modal-body.component.js +1 -1
  118. package/dist/components/modal-body.component.js.map +1 -1
  119. package/dist/components/p-datepicker.js +1 -1
  120. package/dist/components/p-datepicker.js.map +1 -1
  121. package/dist/components/p-select.js +7 -3
  122. package/dist/components/p-select.js.map +1 -1
  123. package/dist/components/p-table.js +1 -1
  124. package/dist/components/p-table.js.map +1 -1
  125. package/dist/components/pagination-item.component.js +1 -1
  126. package/dist/components/pagination-item.component.js.map +1 -1
  127. package/dist/components/pagination.component.js +1 -1
  128. package/dist/components/pagination.component.js.map +1 -1
  129. package/dist/components/segment-container.component.js +1 -1
  130. package/dist/components/segment-container.component.js.map +1 -1
  131. package/dist/components/segment-item.component.js +1 -1
  132. package/dist/components/segment-item.component.js.map +1 -1
  133. package/dist/components/table-cell.component.js +1 -1
  134. package/dist/components/table-cell.component.js.map +1 -1
  135. package/dist/components/table-container.component.js +1 -1
  136. package/dist/components/table-container.component.js.map +1 -1
  137. package/dist/components/table-footer.component.js +1 -1
  138. package/dist/components/table-footer.component.js.map +1 -1
  139. package/dist/components/table-header.component.js +1 -1
  140. package/dist/components/table-header.component.js.map +1 -1
  141. package/dist/components/table-row.component.js +1 -1
  142. package/dist/components/table-row.component.js.map +1 -1
  143. package/dist/components/tooltip.component.js +1 -1
  144. package/dist/components/tooltip.component.js.map +1 -1
  145. package/dist/esm/loader.js +1 -1
  146. package/dist/esm/p-button_3.entry.js +3 -3
  147. package/dist/esm/p-button_3.entry.js.map +1 -1
  148. package/dist/esm/p-calendar.entry.js +1 -1
  149. package/dist/esm/p-calendar.entry.js.map +1 -1
  150. package/dist/esm/p-datepicker.entry.js +1 -1
  151. package/dist/esm/p-datepicker.entry.js.map +1 -1
  152. package/dist/esm/p-divider.entry.js +1 -1
  153. package/dist/esm/p-divider.entry.js.map +1 -1
  154. package/dist/esm/p-dropdown-menu-container.entry.js +1 -1
  155. package/dist/esm/p-dropdown-menu-container.entry.js.map +1 -1
  156. package/dist/esm/p-dropdown_2.entry.js +2 -2
  157. package/dist/esm/p-dropdown_2.entry.js.map +1 -1
  158. package/dist/esm/p-helper_3.entry.js +45 -16
  159. package/dist/esm/p-helper_3.entry.js.map +1 -1
  160. package/dist/esm/p-illustration_6.entry.js +5 -5
  161. package/dist/esm/p-illustration_6.entry.js.map +1 -1
  162. package/dist/esm/p-label_3.entry.js +3 -3
  163. package/dist/esm/p-label_3.entry.js.map +1 -1
  164. package/dist/esm/p-modal-body_4.entry.js +1 -1
  165. package/dist/esm/p-modal-body_4.entry.js.map +1 -1
  166. package/dist/esm/p-page-size-select_3.entry.js +2 -2
  167. package/dist/esm/p-page-size-select_3.entry.js.map +1 -1
  168. package/dist/esm/p-select.entry.js +5 -3
  169. package/dist/esm/p-select.entry.js.map +1 -1
  170. package/dist/esm/p-table.entry.js +1 -1
  171. package/dist/esm/p-table.entry.js.map +1 -1
  172. package/dist/esm/p-tooltip.entry.js +1 -1
  173. package/dist/esm/p-tooltip.entry.js.map +1 -1
  174. package/dist/esm/paperless.js +1 -1
  175. package/dist/index.html +1 -1
  176. package/dist/paperless/p-04756580.entry.js +2 -0
  177. package/dist/paperless/{p-f518e8b6.entry.js.map → p-04756580.entry.js.map} +1 -1
  178. package/dist/paperless/p-10ba43ed.entry.js +2 -0
  179. package/dist/{build/p-2163b356.entry.js.map → paperless/p-10ba43ed.entry.js.map} +1 -1
  180. package/dist/paperless/p-2cb5c7fc.entry.js +2 -0
  181. package/dist/{build/p-fdb78d27.entry.js.map → paperless/p-2cb5c7fc.entry.js.map} +1 -1
  182. package/dist/paperless/{p-4cc89a8b.entry.js → p-3d68b72f.entry.js} +2 -2
  183. package/dist/{build/p-4cc89a8b.entry.js.map → paperless/p-3d68b72f.entry.js.map} +1 -1
  184. package/dist/paperless/p-7171690b.entry.js +2 -0
  185. package/dist/paperless/{p-ae726239.entry.js.map → p-7171690b.entry.js.map} +1 -1
  186. package/dist/paperless/p-804acc89.entry.js +2 -0
  187. package/dist/paperless/p-804acc89.entry.js.map +1 -0
  188. package/dist/paperless/{p-d3485dca.entry.js → p-83f1ceef.entry.js} +2 -2
  189. package/dist/paperless/{p-d3485dca.entry.js.map → p-83f1ceef.entry.js.map} +1 -1
  190. package/dist/paperless/p-96d2ed80.entry.js +2 -0
  191. package/dist/{build/p-c171e8b2.entry.js.map → paperless/p-96d2ed80.entry.js.map} +1 -1
  192. package/dist/paperless/{p-f59709fb.entry.js → p-98646043.entry.js} +2 -2
  193. package/dist/{build/p-f59709fb.entry.js.map → paperless/p-98646043.entry.js.map} +1 -1
  194. package/dist/paperless/p-a094d5da.entry.js +2 -0
  195. package/dist/paperless/{p-094829e7.entry.js.map → p-a094d5da.entry.js.map} +1 -1
  196. package/dist/paperless/p-bff2caf8.entry.js +2 -0
  197. package/dist/paperless/{p-eb62688e.entry.js.map → p-bff2caf8.entry.js.map} +1 -1
  198. package/dist/paperless/p-c5c03f6e.entry.js +2 -0
  199. package/dist/{build/p-7bee47e3.entry.js.map → paperless/p-c5c03f6e.entry.js.map} +1 -1
  200. package/dist/paperless/p-d38740b6.entry.js +2 -0
  201. package/dist/paperless/{p-e5ffb753.entry.js.map → p-d38740b6.entry.js.map} +1 -1
  202. package/dist/paperless/p-f1284018.entry.js +2 -0
  203. package/dist/paperless/p-f1284018.entry.js.map +1 -0
  204. package/dist/paperless/paperless.css +46 -27
  205. package/dist/paperless/paperless.esm.js +1 -1
  206. package/dist/paperless/paperless.esm.js.map +1 -1
  207. package/dist/style/form/_checkbox.scss +9 -9
  208. package/dist/style/form/_mixins.scss +6 -5
  209. package/dist/sw.js +1 -1
  210. package/dist/sw.js.map +1 -1
  211. package/dist/types/components/molecules/input-group/input-group.component.d.ts +2 -1
  212. package/dist/types/components/molecules/select/select.component.d.ts +9 -0
  213. package/dist/types/components.d.ts +18 -2
  214. package/hydrate/index.js +76 -43
  215. package/package.json +1 -1
  216. package/dist/build/p-094829e7.entry.js +0 -2
  217. package/dist/build/p-2163b356.entry.js +0 -2
  218. package/dist/build/p-7bee47e3.entry.js +0 -2
  219. package/dist/build/p-86b8ca84.entry.js +0 -2
  220. package/dist/build/p-86b8ca84.entry.js.map +0 -1
  221. package/dist/build/p-a6313ca8.entry.js +0 -2
  222. package/dist/build/p-a6313ca8.entry.js.map +0 -1
  223. package/dist/build/p-ae726239.entry.js +0 -2
  224. package/dist/build/p-c171e8b2.entry.js +0 -2
  225. package/dist/build/p-e5ffb753.entry.js +0 -2
  226. package/dist/build/p-eb62688e.entry.js +0 -2
  227. package/dist/build/p-f518e8b6.entry.js +0 -2
  228. package/dist/build/p-fdb78d27.entry.js +0 -2
  229. package/dist/paperless/p-094829e7.entry.js +0 -2
  230. package/dist/paperless/p-2163b356.entry.js +0 -2
  231. package/dist/paperless/p-7bee47e3.entry.js +0 -2
  232. package/dist/paperless/p-86b8ca84.entry.js +0 -2
  233. package/dist/paperless/p-86b8ca84.entry.js.map +0 -1
  234. package/dist/paperless/p-a6313ca8.entry.js +0 -2
  235. package/dist/paperless/p-a6313ca8.entry.js.map +0 -1
  236. package/dist/paperless/p-ae726239.entry.js +0 -2
  237. package/dist/paperless/p-c171e8b2.entry.js +0 -2
  238. package/dist/paperless/p-e5ffb753.entry.js +0 -2
  239. package/dist/paperless/p-eb62688e.entry.js +0 -2
  240. package/dist/paperless/p-f518e8b6.entry.js +0 -2
  241. package/dist/paperless/p-fdb78d27.entry.js +0 -2
@@ -1 +1 @@
1
- {"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","_containerClickHandler","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","placement","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","_popper","createPopper","strategy","setTimeout","setOptions","modifiers","options","offset","style","width","clientWidth","setAttribute","isOpen","emit","Object","assign","enabled","update","removeAttribute","dropdownMenuItemComponentCss","DropdownMenuItem","active","enableHover","icon","variant"],"sources":["./src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown&encapsulation=shadow","./src/components/molecules/dropdown/dropdown.component.tsx","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item&encapsulation=shadow","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":[":host {\n @apply block relative;\n\n .trigger {\n @apply block relative w-auto h-auto;\n }\n\n p-dropdown-menu-container {\n @apply hidden z-dropdown;\n\n &[data-show] {\n @apply flex;\n }\n }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n tag: 'p-dropdown',\n styleUrl: 'dropdown.component.scss',\n shadow: true,\n})\nexport class Dropdown {\n /**\n * The content of the dropdown menu\n */\n @Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n /**\n * The strategy of the popover placement\n */\n @Prop() strategy: PositioningStrategy = 'absolute';\n\n /**\n * Wether to show the dropdown menu\n */\n @Prop() show: boolean = false;\n\n /**\n * Wether to automatically calculate the width of the menu based on the trigger\n */\n @Prop() calculateWidth: boolean = false;\n\n /**\n * Wether to apply the max width\n */\n @Prop() applyMaxWidth: boolean = true;\n\n /**\n * Wether to apply the full width\n */\n @Prop() applyFullWidth: boolean = true;\n\n /**\n * Wether to automatically close the dropdown menu after clicking inside\n */\n @Prop() insideClick: boolean = false;\n\n /**\n * Wether to automatically close the dropdown menu after clicking inside\n */\n @Prop() disableTriggerClick: boolean = false;\n\n /**\n * Chevron position\n */\n @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n /**\n * Chevron direction\n */\n @Prop() chevronDirection: 'up' | 'down';\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n /**\n * Open change event\n */\n @Event() isOpen: EventEmitter<boolean>;\n\n private _loaded = false;\n private _popper: any;\n private _trigger: HTMLElement;\n private _menu: HTMLElement;\n\n componentShouldUpdate() {\n this._setOptions();\n }\n\n render() {\n return (\n <Host class=\"p-dropdown\">\n <div\n class=\"trigger\"\n ref={(ref) => (this._trigger = ref)}\n onClick={() => this._triggerClickHandler()}\n >\n <slot\n onSlotchange={(ev) => this._checkButton(ev)}\n name=\"trigger\"\n />\n </div>\n <p-dropdown-menu-container\n role=\"popover\"\n maxWidth={!this.calculateWidth && this.applyMaxWidth}\n fullWidth={this.applyFullWidth && !this.applyMaxWidth}\n ref={(el) => this._load(el)}\n onClick={() => this._containerClickHandler()}\n >\n <slot name=\"items\" />\n </p-dropdown-menu-container>\n </Host>\n );\n }\n\n private _checkButton({ target }: Event) {\n const slot = target as HTMLSlotElement;\n const children = slot.assignedElements();\n\n for (let child of children) {\n if (child.nodeName === 'P-BUTTON') {\n (child as any).chevronPosition = this.chevronPosition;\n (child as any).chevron = this.chevronDirection\n ? this.chevronDirection\n : this.placement.indexOf('top') >= 0\n ? 'up'\n : 'down';\n }\n }\n }\n\n @Watch('show')\n protected onShowChange(show) {\n if (!this._loaded) {\n return;\n }\n\n if (!show) {\n this._hide();\n return;\n }\n\n this._show();\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler({ target }) {\n if (\n !this._menu.hasAttribute('data-show') ||\n childOf(target, this._el)\n ) {\n return;\n }\n\n this._hide();\n }\n\n private _containerClickHandler() {\n if (this.insideClick) {\n return;\n }\n\n if (this._menu.hasAttribute('data-show')) {\n this._hide();\n }\n }\n\n private _triggerClickHandler() {\n if (this.disableTriggerClick) {\n return;\n }\n\n if (this._menu.hasAttribute('data-show')) {\n this._hide();\n return;\n }\n\n this._show();\n }\n\n private _load(popover: HTMLElement) {\n this._menu = popover;\n if (popover) {\n this._popper = createPopper(this._el, popover, {\n strategy: this.strategy,\n });\n\n this._setOptions();\n this._loaded = true;\n\n if (this.show) {\n setTimeout(() => this._show(), 100);\n }\n }\n }\n\n private _setOptions() {\n if (!this._popper) {\n return;\n }\n\n this._popper.setOptions({\n placement: this.placement,\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: [0, 8],\n },\n },\n ],\n });\n }\n\n private _show() {\n if (!this._loaded) {\n return;\n }\n\n // Make the popover visible\n if (this.calculateWidth) {\n this._menu.style.width = `${this._trigger.clientWidth}px`;\n }\n\n this._menu.setAttribute('data-show', '');\n this.isOpen.emit(true);\n\n // Enable the event listeners\n this._popper.setOptions((options) => ({\n ...options,\n modifiers: [\n ...options.modifiers,\n { name: 'eventListeners', enabled: true },\n ],\n }));\n\n // Update its position\n this._popper.update();\n }\n\n private _hide() {\n if (!this._loaded || this.show) {\n return;\n }\n\n // Hide the popover\n this._menu.removeAttribute('data-show');\n this.isOpen.emit(false);\n\n // Disable the event listeners\n this._popper.setOptions((options) => ({\n ...options,\n modifiers: [\n ...options.modifiers,\n { name: 'eventListeners', enabled: false },\n ],\n }));\n }\n}\n",":host {\n @apply flex h-8 w-full items-center gap-2 rounded px-2;\n @apply text-sm font-semibold text-storm;\n @apply cursor-pointer;\n\n .text-container {\n @apply block w-full overflow-hidden text-ellipsis whitespace-nowrap;\n }\n}\n\n:host(.hover:hover) {\n @apply bg-indigo-light text-storm;\n}\n\n:host(.active) {\n @apply bg-indigo-light text-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\n\n@Component({\n tag: 'p-dropdown-menu-item',\n styleUrl: 'dropdown-menu-item.component.scss',\n shadow: true,\n})\nexport class DropdownMenuItem {\n /**\n * Wether the dropdown menu item is active\n */\n @Prop() active: boolean = false;\n\n /**\n * Wether to enable the hover state\n */\n @Prop() enableHover: boolean = true;\n\n /**\n * Icon of the navigation item\n */\n @Prop() icon: IconVariant;\n\n render() {\n return (\n <Host\n class={`p-dropdown-menu-item ${this.active && 'active'} ${\n this.enableHover && 'hover'\n }`}\n >\n {this.icon && <p-icon variant={this.icon} />}\n\n <div class=\"text-container\">\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","_containerClickHandler","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","placement","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","_popper","createPopper","strategy","setTimeout","setOptions","modifiers","options","offset","style","width","clientWidth","setAttribute","isOpen","emit","Object","assign","enabled","update","removeAttribute","dropdownMenuItemComponentCss","DropdownMenuItem","active","enableHover","icon","variant"],"sources":["./src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown&encapsulation=shadow","./src/components/molecules/dropdown/dropdown.component.tsx","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item&encapsulation=shadow","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":[":host {\n @apply block relative;\n\n .trigger {\n @apply block relative w-auto h-auto;\n }\n\n p-dropdown-menu-container {\n @apply hidden z-dropdown;\n\n &[data-show] {\n @apply flex;\n }\n }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n tag: 'p-dropdown',\n styleUrl: 'dropdown.component.scss',\n shadow: true,\n})\nexport class Dropdown {\n /**\n * The content of the dropdown menu\n */\n @Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n /**\n * The strategy of the popover placement\n */\n @Prop() strategy: PositioningStrategy = 'absolute';\n\n /**\n * Wether to show the dropdown menu\n */\n @Prop() show: boolean = false;\n\n /**\n * Wether to automatically calculate the width of the menu based on the trigger\n */\n @Prop() calculateWidth: boolean = false;\n\n /**\n * Wether to apply the max width\n */\n @Prop() applyMaxWidth: boolean = true;\n\n /**\n * Wether to apply the full width\n */\n @Prop() applyFullWidth: boolean = true;\n\n /**\n * Wether to automatically close the dropdown menu after clicking inside\n */\n @Prop() insideClick: boolean = false;\n\n /**\n * Wether to automatically close the dropdown menu after clicking inside\n */\n @Prop() disableTriggerClick: boolean = false;\n\n /**\n * Chevron position\n */\n @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n /**\n * Chevron direction\n */\n @Prop() chevronDirection: 'up' | 'down';\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n /**\n * Open change event\n */\n @Event() isOpen: EventEmitter<boolean>;\n\n private _loaded = false;\n private _popper: any;\n private _trigger: HTMLElement;\n private _menu: HTMLElement;\n\n componentShouldUpdate() {\n this._setOptions();\n }\n\n render() {\n return (\n <Host class=\"p-dropdown\">\n <div\n class=\"trigger\"\n ref={(ref) => (this._trigger = ref)}\n onClick={() => this._triggerClickHandler()}\n >\n <slot\n onSlotchange={(ev) => this._checkButton(ev)}\n name=\"trigger\"\n />\n </div>\n <p-dropdown-menu-container\n role=\"popover\"\n maxWidth={!this.calculateWidth && this.applyMaxWidth}\n fullWidth={this.applyFullWidth && !this.applyMaxWidth}\n ref={(el) => this._load(el)}\n onClick={() => this._containerClickHandler()}\n >\n <slot name=\"items\" />\n </p-dropdown-menu-container>\n </Host>\n );\n }\n\n private _checkButton({ target }: Event) {\n const slot = target as HTMLSlotElement;\n const children = slot.assignedElements();\n\n for (let child of children) {\n if (child.nodeName === 'P-BUTTON') {\n (child as any).chevronPosition = this.chevronPosition;\n (child as any).chevron = this.chevronDirection\n ? this.chevronDirection\n : this.placement.indexOf('top') >= 0\n ? 'up'\n : 'down';\n }\n }\n }\n\n @Watch('show')\n protected onShowChange(show) {\n if (!this._loaded) {\n return;\n }\n\n if (!show) {\n this._hide();\n return;\n }\n\n this._show();\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler({ target }) {\n if (\n !this._menu.hasAttribute('data-show') ||\n childOf(target, this._el)\n ) {\n return;\n }\n\n this._hide();\n }\n\n private _containerClickHandler() {\n if (this.insideClick) {\n return;\n }\n\n if (this._menu.hasAttribute('data-show')) {\n this._hide();\n }\n }\n\n private _triggerClickHandler() {\n if (this.disableTriggerClick) {\n return;\n }\n\n if (this._menu.hasAttribute('data-show')) {\n this._hide();\n return;\n }\n\n this._show();\n }\n\n private _load(popover: HTMLElement) {\n this._menu = popover;\n if (popover) {\n this._popper = createPopper(this._el, popover, {\n strategy: this.strategy,\n });\n\n this._setOptions();\n this._loaded = true;\n\n if (this.show) {\n setTimeout(() => this._show(), 100);\n }\n }\n }\n\n private _setOptions() {\n if (!this._popper) {\n return;\n }\n\n this._popper.setOptions({\n placement: this.placement,\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: [0, 8],\n },\n },\n ],\n });\n }\n\n private _show() {\n if (!this._loaded) {\n return;\n }\n\n // Make the popover visible\n if (this.calculateWidth) {\n this._menu.style.width = `${this._trigger.clientWidth}px`;\n }\n\n this._menu.setAttribute('data-show', '');\n this.isOpen.emit(true);\n\n // Enable the event listeners\n this._popper.setOptions((options) => ({\n ...options,\n modifiers: [\n ...options.modifiers,\n { name: 'eventListeners', enabled: true },\n ],\n }));\n\n // Update its position\n this._popper.update();\n }\n\n private _hide() {\n if (!this._loaded || this.show) {\n return;\n }\n\n // Hide the popover\n this._menu.removeAttribute('data-show');\n this.isOpen.emit(false);\n\n // Disable the event listeners\n this._popper.setOptions((options) => ({\n ...options,\n modifiers: [\n ...options.modifiers,\n { name: 'eventListeners', enabled: false },\n ],\n }));\n }\n}\n",":host {\n @apply flex h-8 w-full items-center gap-2 rounded px-2;\n @apply text-sm font-semibold text-storm;\n @apply cursor-pointer;\n\n .text-container {\n @apply block w-full overflow-hidden text-ellipsis whitespace-nowrap;\n }\n}\n\n:host(.hover:hover) {\n @apply bg-indigo-light text-storm;\n}\n\n:host(.active) {\n @apply bg-indigo-light text-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\n\n@Component({\n tag: 'p-dropdown-menu-item',\n styleUrl: 'dropdown-menu-item.component.scss',\n shadow: true,\n})\nexport class DropdownMenuItem {\n /**\n * Wether the dropdown menu item is active\n */\n @Prop() active: boolean = false;\n\n /**\n * Wether to enable the hover state\n */\n @Prop() enableHover: boolean = true;\n\n /**\n * Icon of the navigation item\n */\n @Prop() icon: IconVariant;\n\n render() {\n return (\n <Host\n class={`p-dropdown-menu-item ${this.active && 'active'} ${\n this.enableHover && 'hover'\n }`}\n >\n {this.icon && <p-icon variant={this.icon} />}\n\n <div class=\"text-container\">\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}