@paperless/core 1.61.2 → 1.63.0

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 (147) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/assets/iban-icons/icon-abn.svg +6 -0
  3. package/dist/assets/iban-icons/icon-asn.svg +5 -0
  4. package/dist/assets/iban-icons/icon-bunq.svg +19 -0
  5. package/dist/assets/iban-icons/icon-ing.png +0 -0
  6. package/dist/assets/iban-icons/icon-knab.svg +8 -0
  7. package/dist/assets/iban-icons/icon-rabo.svg +36 -0
  8. package/dist/assets/iban-icons/icon-sns.svg +172 -0
  9. package/dist/assets/iban-icons/icon-triodos.svg +5 -0
  10. package/dist/build/index.esm.js +1 -1
  11. package/dist/build/index.esm.js.map +1 -1
  12. package/dist/build/p-05d82685.entry.js +2 -0
  13. package/dist/build/p-05d82685.entry.js.map +1 -0
  14. package/dist/build/p-2e3b9db4.js +2 -0
  15. package/dist/build/p-2e3b9db4.js.map +1 -0
  16. package/dist/build/{p-7b0b39ba.js → p-75006522.js} +2 -2
  17. package/dist/build/p-75006522.js.map +1 -0
  18. package/dist/build/p-a37d182e.entry.js +2 -0
  19. package/dist/build/p-a37d182e.entry.js.map +1 -0
  20. package/dist/build/{p-00d4647f.entry.js → p-a8923d40.entry.js} +2 -2
  21. package/dist/build/{p-00d4647f.entry.js.map → p-a8923d40.entry.js.map} +1 -1
  22. package/dist/{paperless/p-114160f6.entry.js → build/p-bff43f47.entry.js} +2 -2
  23. package/dist/build/p-bff43f47.entry.js.map +1 -0
  24. package/dist/build/{p-2d3ff364.entry.js → p-c14f44ff.entry.js} +2 -2
  25. package/dist/build/{p-2d3ff364.entry.js.map → p-c14f44ff.entry.js.map} +1 -1
  26. package/dist/build/paperless.esm.js +1 -1
  27. package/dist/build/paperless.esm.js.map +1 -1
  28. package/dist/cjs/iban-71055b2d.js +16 -0
  29. package/dist/cjs/iban-71055b2d.js.map +1 -0
  30. package/dist/cjs/index-1fde8b14.js +4 -0
  31. package/dist/cjs/index.cjs.js +3 -1
  32. package/dist/cjs/index.cjs.js.map +1 -1
  33. package/dist/cjs/loader.cjs.js +1 -1
  34. package/dist/cjs/{object-get-by-path-facb27fb.js → object-get-by-path-c2e8bf29.js} +5 -1
  35. package/dist/cjs/object-get-by-path-c2e8bf29.js.map +1 -0
  36. package/dist/cjs/p-floating-menu-container_8.cjs.entry.js +12 -17
  37. package/dist/cjs/p-floating-menu-container_8.cjs.entry.js.map +1 -1
  38. package/dist/cjs/p-iban-icon.cjs.entry.js +47 -0
  39. package/dist/cjs/p-iban-icon.cjs.entry.js.map +1 -0
  40. package/dist/cjs/p-profile.cjs.entry.js +1 -1
  41. package/dist/cjs/p-profile.cjs.entry.js.map +1 -1
  42. package/dist/cjs/p-table.cjs.entry.js +2 -1
  43. package/dist/cjs/p-table.cjs.entry.js.map +1 -1
  44. package/dist/cjs/p-tooltip.cjs.entry.js +1 -1
  45. package/dist/cjs/p-tooltip.cjs.entry.js.map +1 -1
  46. package/dist/cjs/paperless.cjs.js +1 -1
  47. package/dist/collection/assets/iban-icons/icon-abn.svg +6 -0
  48. package/dist/collection/assets/iban-icons/icon-asn.svg +5 -0
  49. package/dist/collection/assets/iban-icons/icon-bunq.svg +19 -0
  50. package/dist/collection/assets/iban-icons/icon-knab.svg +8 -0
  51. package/dist/collection/assets/iban-icons/icon-rabo.svg +36 -0
  52. package/dist/collection/assets/iban-icons/icon-sns.svg +172 -0
  53. package/dist/collection/assets/iban-icons/icon-triodos.svg +5 -0
  54. package/dist/collection/collection-manifest.json +1 -0
  55. package/dist/collection/components/atoms/iban-icon/iban-icon.component.js +84 -0
  56. package/dist/collection/components/atoms/iban-icon/iban-icon.component.js.map +1 -0
  57. package/dist/collection/components/atoms/iban-icon/test/iban-icon.component.e2e.js +26 -0
  58. package/dist/collection/components/atoms/iban-icon/test/iban-icon.component.e2e.js.map +1 -0
  59. package/dist/collection/components/atoms/iban-icon/test/iban-icon.component.spec.js +17 -0
  60. package/dist/collection/components/atoms/iban-icon/test/iban-icon.component.spec.js.map +1 -0
  61. package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
  62. package/dist/collection/components/molecules/profile/profile.component.css +1 -1
  63. package/dist/collection/components/molecules/table-header/table-header.component.js +29 -16
  64. package/dist/collection/components/molecules/table-header/table-header.component.js.map +1 -1
  65. package/dist/collection/components/organisms/table/table.component.js +20 -1
  66. package/dist/collection/components/organisms/table/table.component.js.map +1 -1
  67. package/dist/collection/types/iban.js +11 -0
  68. package/dist/collection/types/iban.js.map +1 -0
  69. package/dist/collection/types/index.js +1 -0
  70. package/dist/collection/types/index.js.map +1 -1
  71. package/dist/collection/utils/table-helpers.js +4 -0
  72. package/dist/collection/utils/table-helpers.js.map +1 -1
  73. package/dist/components/iban.js +14 -0
  74. package/dist/components/iban.js.map +1 -0
  75. package/dist/components/index.js +1 -0
  76. package/dist/components/index.js.map +1 -1
  77. package/dist/components/object-get-by-path.js +4 -0
  78. package/dist/components/object-get-by-path.js.map +1 -1
  79. package/dist/components/p-iban-icon.d.ts +11 -0
  80. package/dist/components/p-iban-icon.js +64 -0
  81. package/dist/components/p-iban-icon.js.map +1 -0
  82. package/dist/components/p-profile.js +1 -1
  83. package/dist/components/p-profile.js.map +1 -1
  84. package/dist/components/p-table.js +3 -1
  85. package/dist/components/p-table.js.map +1 -1
  86. package/dist/components/table-header.component.js +12 -16
  87. package/dist/components/table-header.component.js.map +1 -1
  88. package/dist/components/tooltip.component.js +1 -1
  89. package/dist/components/tooltip.component.js.map +1 -1
  90. package/dist/esm/iban-c412c889.js +14 -0
  91. package/dist/esm/iban-c412c889.js.map +1 -0
  92. package/dist/esm/index-7b917f6b.js +4 -0
  93. package/dist/esm/index.js +2 -1
  94. package/dist/esm/index.js.map +1 -1
  95. package/dist/esm/loader.js +1 -1
  96. package/dist/esm/{object-get-by-path-b68e39e5.js → object-get-by-path-273a7106.js} +5 -1
  97. package/dist/esm/object-get-by-path-273a7106.js.map +1 -0
  98. package/dist/esm/p-floating-menu-container_8.entry.js +12 -17
  99. package/dist/esm/p-floating-menu-container_8.entry.js.map +1 -1
  100. package/dist/esm/p-iban-icon.entry.js +43 -0
  101. package/dist/esm/p-iban-icon.entry.js.map +1 -0
  102. package/dist/esm/p-profile.entry.js +1 -1
  103. package/dist/esm/p-profile.entry.js.map +1 -1
  104. package/dist/esm/p-table.entry.js +2 -1
  105. package/dist/esm/p-table.entry.js.map +1 -1
  106. package/dist/esm/p-tooltip.entry.js +1 -1
  107. package/dist/esm/p-tooltip.entry.js.map +1 -1
  108. package/dist/esm/paperless.js +1 -1
  109. package/dist/index.html +1 -1
  110. package/dist/paperless/index.esm.js +1 -1
  111. package/dist/paperless/index.esm.js.map +1 -1
  112. package/dist/paperless/p-05d82685.entry.js +2 -0
  113. package/dist/paperless/p-05d82685.entry.js.map +1 -0
  114. package/dist/paperless/p-2e3b9db4.js +2 -0
  115. package/dist/paperless/p-2e3b9db4.js.map +1 -0
  116. package/dist/paperless/{p-7b0b39ba.js → p-75006522.js} +2 -2
  117. package/dist/paperless/p-75006522.js.map +1 -0
  118. package/dist/paperless/p-a37d182e.entry.js +2 -0
  119. package/dist/paperless/p-a37d182e.entry.js.map +1 -0
  120. package/dist/paperless/{p-00d4647f.entry.js → p-a8923d40.entry.js} +2 -2
  121. package/dist/paperless/{p-00d4647f.entry.js.map → p-a8923d40.entry.js.map} +1 -1
  122. package/dist/{build/p-114160f6.entry.js → paperless/p-bff43f47.entry.js} +2 -2
  123. package/dist/paperless/p-bff43f47.entry.js.map +1 -0
  124. package/dist/paperless/{p-2d3ff364.entry.js → p-c14f44ff.entry.js} +2 -2
  125. package/dist/paperless/{p-2d3ff364.entry.js.map → p-c14f44ff.entry.js.map} +1 -1
  126. package/dist/paperless/paperless.esm.js +1 -1
  127. package/dist/paperless/paperless.esm.js.map +1 -1
  128. package/dist/sw.js +1 -1
  129. package/dist/sw.js.map +1 -1
  130. package/dist/types/components/atoms/iban-icon/iban-icon.component.d.ts +13 -0
  131. package/dist/types/components/molecules/table-header/table-header.component.d.ts +4 -0
  132. package/dist/types/components/organisms/table/table.component.d.ts +4 -0
  133. package/dist/types/components.d.ts +47 -2
  134. package/dist/types/types/iban.d.ts +2 -0
  135. package/dist/types/types/index.d.ts +1 -0
  136. package/hydrate/index.js +81 -19
  137. package/package.json +1 -1
  138. package/dist/build/p-114160f6.entry.js.map +0 -1
  139. package/dist/build/p-3764eab6.entry.js +0 -2
  140. package/dist/build/p-3764eab6.entry.js.map +0 -1
  141. package/dist/build/p-7b0b39ba.js.map +0 -1
  142. package/dist/cjs/object-get-by-path-facb27fb.js.map +0 -1
  143. package/dist/esm/object-get-by-path-b68e39e5.js.map +0 -1
  144. package/dist/paperless/p-114160f6.entry.js.map +0 -1
  145. package/dist/paperless/p-3764eab6.entry.js +0 -2
  146. package/dist/paperless/p-3764eab6.entry.js.map +0 -1
  147. package/dist/paperless/p-7b0b39ba.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"names":["tableComponentCss","Table","this","_rowActionsFloatingAll","_ctrlDown","_hasCustomFilterSlot","_floatingMenuShown","amount","formatTranslation","_c","_a","_locales","floating_menu","amount_selected","_b","amount_selected_plural","replace","defaultSize","defaultSizeOptions","empty_state","no_filter","header","content","action","filtered","enableRowSelection","componentWillLoad","_el","querySelector","_setRowSelectionData","_setLocales","_parseItems","items","_generateColumns","componentDidRender","hasRendered","emit","render","h","Host","class","shadow","enableHeader","quickFilters","activeQuickFilterIdentifier","onQuickFilter","detail","quickFilter","enableSearch","query","onQueryChange","queryChange","enableFilter","enableFilterDesktop","selectedFiltersAmount","filterButtonTemplate","onFilter","filter","enableAction","actionIcon","actionButtonIcon","actionText","actionButtonText","actionLoading","actionButtonLoading","canUseAction","actionButtonEnabled","actionButtonTemplate","onAction","itemsSelectedAmount","selectedRows","length","loading","headerLoading","name","slot","_getHeader","_getRows","enableFooter","hideOnSinglePage","enablePageSize","pageSize","pageSizeOptions","onPageSizeChange","pageSizeChange","enablePagination","page","total","onPageChange","pageChange","enableExport","onExport","export","footerLoading","enableFloatingMenu","_enableRowSelection","usedInTable","hover","_rowActionsFloating","floatingMenuAmountSelectedTemplate","_d","_e","variant","_f","map","a","disabled","onClick","type","label","icon","rotate","iconRotate","flip","iconFlip","_g","_selectAllChange","getLocaleComponentStrings","onTableDefinitionUpdated","keyDown","key","keyUp","visibilityChange","document","visibilityState","_items","Array","isArray","JSON","parse","_resizeTimeout","clearTimeout","setTimeout","mobile","isMobile","actions","from","querySelectorAll","_rowActionsRow","rowSelectionLimit","undefined","_rowSelectionLimit","_showFloatingMenu","definitions","definitionsArray","_parseDefinitions","_columns","col","index","definition","value","checkbox","hasCheckbox","_getCheckbox","amountOfLoadingRows","_","i","enableHover","enableRowClick","_getLoadingColumns","_getEmptyState","item","ev","_rowClick","_getRowColumns","showFunction","columns","colIndex","rowIndex","tableHasActions","def","_parseRowActionsRowDefinition","push","iconOnly","size","call","selectionKey","onChange","checked","_selectionContainsAll","indeterminate","_selectionIndeterminate","selectionContains","_selectionContains","_checkboxChange","target","canSelectKey","emptyStateFilteredHeader","emptyStateFilteredContent","enableEmptyStateAction","emptyStateActionClick","emptyStateHeader","emptyStateContent","emptyStateAction","$event","forceValue","_getCheckedValue","toAdd","row","rowSelected","selectedRowsChange","find","d","_getSelectionValue","rowDeselected","indexOfToRemove","selection","splice","returnIndex","returnValue","findIndex","contains","containsCount","tagName","toLowerCase","_findRow","_findRowAction","rowClick","ctrlDown","el","parentElement","getAttribute","_parseDefinitionSizes","isLast","matchedIsLast","tableColumSizesOptions","reduce","data","parsedSizes","isLastAtSizeFound","_findLastDefinitionBySize","slice","reverse","definitionAny","default","sizes","includes","entries","lastColumn","align","path"],"sources":["src/components/organisms/table/table.component.scss?tag=p-table","src/components/organisms/table/table.component.tsx"],"sourcesContent":["p-table {\n\t@apply relative flex flex-col;\n\n\t.p-input[type='checkbox'] {\n\t\tflex-shrink: 0;\n\t}\n\n\tp-table-container {\n\t\t@apply relative;\n\n\t\tp-floating-menu-container {\n\t\t\t@apply fixed bottom-4 left-1/2 -translate-x-1/2 transform;\n\t\t\tanimation: forwards floatingMenuContainerIn 0.3s ease !important;\n\n\t\t\t@screen tablet {\n\t\t\t\t@apply absolute bottom-16;\n\t\t\t}\n\n\t\t\t&:not(.shown) {\n\t\t\t\t@apply hidden;\n\t\t\t}\n\n\t\t\t&.inactive {\n\t\t\t\tanimation: forwards floatingMenuContainerOut 0.3s ease !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes floatingMenuContainerOut {\n\t0% {\n\t\tdisplay: flex;\n\t\ttransform: translateY(0) translateX(-50%);\n\t\topacity: 100;\n\t}\n\t99% {\n\t\ttransform: translateY(100%) translateX(-50%);\n\t\topacity: 0;\n\t\tdisplay: flex;\n\t}\n\t100% {\n\t\ttransform: translateY(100%) translateX(-50%);\n\t\topacity: 0;\n\t\tdisplay: none;\n\t}\n}\n\n@keyframes floatingMenuContainerIn {\n\t0% {\n\t\ttransform: translateY(100%) translateX(-50%);\n\t\topacity: 0;\n\t\tdisplay: none;\n\t}\n\t1% {\n\t\ttransform: translateY(100%) translateX(-50%);\n\t\topacity: 0;\n\t\tdisplay: flex;\n\t}\n\t100% {\n\t\ttransform: translateY(0) translateX(-50%);\n\t\topacity: 100;\n\t\tdisplay: flex;\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { IconVariant } from '../../../components';\nimport { tableColumSizesOptions } from '../../../types/constants';\nimport {\n\tQuickFilter,\n\tRowClickEvent,\n\tTableColumnSizes,\n} from '../../../types/table';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n\tisMobile,\n} from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\nimport { TableRowAction } from '../../helpers/table-row-action/table-row-action.component';\nimport {\n\tdefaultSize,\n\tdefaultSizeOptions,\n} from '../../molecules/page-size-select/constants';\nimport { buttonTemplateFunc } from '../../molecules/table-header/table-header.component';\n\nexport type templateFunc = () => string;\nexport type amountSelectedTemplateFunc = (amount: number) => string;\n\n@Component({\n\ttag: 'p-table',\n\tstyleUrl: 'table.component.scss',\n})\nexport class Table {\n\t/**\n\t * The items to be fed to the table\n\t */\n\t@Prop() items: string;\n\n\t/**\n\t * Wether data is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether the header should show loading state\n\t */\n\t@Prop() headerLoading: boolean = false;\n\n\t/**\n\t * Wether the footer should show loading state\n\t */\n\t@Prop() footerLoading: boolean = false;\n\n\t/**\n\t * The amount of loading rows to show\n\t */\n\t@Prop() amountOfLoadingRows: number = 6;\n\n\t/**\n\t * Wether to enable selection\n\t */\n\t@Prop() enableRowSelection: boolean = true;\n\n\t/**\n\t * A limit to the amount of rows that can be selected\n\t */\n\t@Prop() rowSelectionLimit: number | undefined;\n\n\t/**\n\t * Wether to enable row clicking\n\t */\n\t@Prop() enableRowClick: boolean = true;\n\n\t/**\n\t * The current selection of items\n\t */\n\t@Prop() selectedRows: any[] = [];\n\n\t/**\n\t * Wether to enable the floating menu\n\t */\n\t@Prop() enableFloatingMenu: boolean = true;\n\n\t/**\n\t * The template for amount selected item in the floating menu\n\t */\n\t@Prop() floatingMenuAmountSelectedTemplate: amountSelectedTemplateFunc = (\n\t\tamount: number\n\t) =>\n\t\tformatTranslation(\n\t\t\t(amount === 1\n\t\t\t\t? this._locales.floating_menu?.amount_selected\n\t\t\t\t: this._locales.floating_menu?.amount_selected_plural\n\t\t\t)?.replace('{{amount}}', amount)\n\t\t);\n\n\t/**\n\t * Event whenever the current selection changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tselectedRowsChange: EventEmitter<any>;\n\n\t/**\n\t * The key to determine if a row is selected\n\t */\n\t@Prop() selectionKey: string;\n\n\t/**\n\t * A key to determine if a row can be selected\n\t */\n\t@Prop() canSelectKey: string;\n\n\t/**\n\t * Event whenever a row is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\trowClick: EventEmitter<RowClickEvent>;\n\n\t/**\n\t * Event whenever a row is selected\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\trowSelected: EventEmitter<any>;\n\n\t/**\n\t * Event whenever a row is deselected\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\trowDeselected: EventEmitter<any>;\n\n\t/**\n\t * Event when the table has rendered\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\thasRendered: EventEmitter<number>;\n\n\t/** START HEADER */\n\n\t/**\n\t * Wether to show the header\n\t */\n\t@Prop() enableHeader: boolean = true;\n\n\t/**\n\t * Quick filters to show\n\t */\n\t@Prop() quickFilters: QuickFilter[] = [];\n\n\t/**\n\t * Active quick filter identifier\n\t */\n\t@Prop() activeQuickFilterIdentifier: string;\n\n\t/**\n\t * Wether to show the search input\n\t */\n\t@Prop() enableSearch: boolean = true;\n\n\t/**\n\t * The query to show in the search bar\n\t */\n\t@Prop({ mutable: true }) query: string;\n\n\t/**\n\t * Wether to show the filter button\n\t */\n\t@Prop() enableFilter: boolean = true;\n\n\t/**\n\t * Wether to show the filter button on desktop\n\t */\n\t@Prop() enableFilterDesktop: boolean = true;\n\n\t/**\n\t * The amount of filters being selected\n\t */\n\t@Prop() selectedFiltersAmount: number;\n\n\t/**\n\t * The template for the filter button text\n\t */\n\t@Prop() filterButtonTemplate: templateFunc;\n\n\t/**\n\t * Wether to show the action button\n\t */\n\t@Prop() enableAction: boolean = false;\n\n\t/**\n\t * Wether the action button is loading\n\t */\n\t@Prop() actionButtonLoading: boolean = false;\n\n\t/**\n\t * Wether the action button is enabled\n\t */\n\t@Prop() actionButtonEnabled: boolean = false;\n\n\t/**\n\t * The action button icon\n\t */\n\t@Prop() actionButtonIcon: IconVariant = 'pencil';\n\n\t/**\n\t * The action button text if changed\n\t */\n\t@Prop() actionButtonText: string;\n\n\t/**\n\t * The template for the action button text\n\t */\n\t@Prop() actionButtonTemplate: buttonTemplateFunc;\n\n\t/**\n\t * Event when one of the quick filters is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tquickFilter: EventEmitter<QuickFilter>;\n\n\t/**\n\t * Event when the query changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the filter button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tfilter: EventEmitter<null>;\n\n\t/**\n\t * Event when the action button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<null>;\n\n\t/** START FOOTER */\n\n\t/**\n\t * Wether to show the header\n\t */\n\t@Prop() enableFooter: boolean = true;\n\n\t/**\n\t * Wether to enable page size select\n\t */\n\t@Prop() enablePageSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination\n\t */\n\t@Prop() enablePagination: boolean = true;\n\n\t/**\n\t * Wether to enable export\n\t */\n\t@Prop() enableExport: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\texport: EventEmitter<number>;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/* Empty state start */\n\t@Prop() emptyStateHeader: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.header);\n\t@Prop() emptyStateContent: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.content);\n\t@Prop() emptyStateAction: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.action);\n\t/**\n\t * Wether to enable empty state action\n\t */\n\t@Prop() enableEmptyStateAction: boolean = true;\n\n\t@Prop() emptyStateFilteredHeader: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state.filtered.header);\n\t@Prop() emptyStateFilteredContent: templateFunc = () =>\n\t\tformatTranslation(this._locales.empty_state.filtered.content);\n\n\t/**\n\t * Event whenever the empty state is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\temptyStateActionClick: EventEmitter<null>;\n\n\t/*\n\t * Wether to show the shadow or not\n\t */\n\t@Prop() shadow: boolean = true;\n\n\t/* Empty state end */\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\t@State() private _columns: any[] = [];\n\t@State() private _items: any[] = [];\n\n\t@State() private _enableRowSelection: boolean = this.enableRowSelection;\n\t@State() private _rowSelectionLimit: number | undefined;\n\n\tprivate _rowActionsFloatingAll: TableRowAction[] = [];\n\t@State() private _rowActionsFloating: TableRowAction[] = [];\n\t@State() private _rowActionsRow: TableRowAction[] = [];\n\n\tprivate _ctrlDown = false;\n\tprivate _hasCustomFilterSlot = false;\n\tprivate _floatingMenuShown = false;\n\tprivate _resizeTimeout: NodeJS.Timer;\n\n\tcomponentWillLoad() {\n\t\tthis._hasCustomFilterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"custom-filter\"]'\n\t\t);\n\n\t\tthis._setRowSelectionData();\n\n\t\tthis._setLocales();\n\t\tthis._parseItems(this.items);\n\t\tthis._generateColumns();\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.hasRendered.emit();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-table'>\n\t\t\t\t<p-table-container shadow={this.shadow}>\n\t\t\t\t\t{this.enableHeader && (\n\t\t\t\t\t\t<p-table-header\n\t\t\t\t\t\t\t// quick filters\n\t\t\t\t\t\t\tquickFilters={this.quickFilters}\n\t\t\t\t\t\t\tactiveQuickFilterIdentifier={this.activeQuickFilterIdentifier}\n\t\t\t\t\t\t\tonQuickFilter={({ detail }) => this.quickFilter.emit(detail)}\n\t\t\t\t\t\t\t// search\n\t\t\t\t\t\t\tenableSearch={this.enableSearch}\n\t\t\t\t\t\t\tquery={this.query}\n\t\t\t\t\t\t\tonQueryChange={({ detail }) => this.queryChange.emit(detail)}\n\t\t\t\t\t\t\t// filter button\n\t\t\t\t\t\t\tenableFilter={this.enableFilter}\n\t\t\t\t\t\t\tenableFilterDesktop={this.enableFilterDesktop}\n\t\t\t\t\t\t\tselectedFiltersAmount={this.selectedFiltersAmount}\n\t\t\t\t\t\t\tfilterButtonTemplate={this.filterButtonTemplate}\n\t\t\t\t\t\t\tonFilter={() => this.filter.emit()}\n\t\t\t\t\t\t\t// action button\n\t\t\t\t\t\t\tenableAction={this.enableAction}\n\t\t\t\t\t\t\tactionIcon={this.actionButtonIcon}\n\t\t\t\t\t\t\tactionText={this.actionButtonText}\n\t\t\t\t\t\t\tactionLoading={this.actionButtonLoading}\n\t\t\t\t\t\t\tcanUseAction={this.actionButtonEnabled}\n\t\t\t\t\t\t\tactionButtonTemplate={this.actionButtonTemplate}\n\t\t\t\t\t\t\tonAction={() => this.action.emit()}\n\t\t\t\t\t\t\titemsSelectedAmount={this.selectedRows?.length}\n\t\t\t\t\t\t\t//loading\n\t\t\t\t\t\t\tloading={this.headerLoading}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasCustomFilterSlot && (\n\t\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t\tname='custom-filter'\n\t\t\t\t\t\t\t\t\tslot='custom-filter'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</p-table-header>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this._getHeader()}\n\t\t\t\t\t<div class='flex flex-1 flex-col'>{this._getRows()}</div>\n\n\t\t\t\t\t{this.enableFooter && (\n\t\t\t\t\t\t<p-table-footer\n\t\t\t\t\t\t\t// overall\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\t// page size select\n\t\t\t\t\t\t\tenablePageSize={this.enablePageSize}\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\tpageSizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonPageSizeChange={({ detail }) =>\n\t\t\t\t\t\t\t\tthis.pageSizeChange.emit(detail)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// pagination\n\t\t\t\t\t\t\tenablePagination={this.enablePagination}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\t// export\n\t\t\t\t\t\t\tenableExport={this.enableExport}\n\t\t\t\t\t\t\tonExport={() => this.export.emit()}\n\t\t\t\t\t\t\t//loading\n\t\t\t\t\t\t\tloading={this.footerLoading}\n\t\t\t\t\t\t></p-table-footer>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enableFloatingMenu && this._enableRowSelection ? (\n\t\t\t\t\t\t<p-floating-menu-container\n\t\t\t\t\t\t\tusedInTable={true}\n\t\t\t\t\t\t\tclass={`${this.selectedRows?.length ? '' : 'inactive'} ${\n\t\t\t\t\t\t\t\tthis._floatingMenuShown ? 'shown' : ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-floating-menu-item\n\t\t\t\t\t\t\t\thover={false}\n\t\t\t\t\t\t\t\tslot='floating-menu-item'\n\t\t\t\t\t\t\t\tclass={\n\t\t\t\t\t\t\t\t\tthis._rowActionsFloating?.length ? 'hidden tablet:flex' : ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.floatingMenuAmountSelectedTemplate(\n\t\t\t\t\t\t\t\t\tthis.selectedRows?.length\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</p-floating-menu-item>\n\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\tclass={`mx-0 text-storm ${\n\t\t\t\t\t\t\t\t\tthis._rowActionsFloating?.length ? 'hidden tablet:flex' : ''\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\tslot='floating-menu-item'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{this._rowActionsFloating?.length &&\n\t\t\t\t\t\t\t\tthis._rowActionsFloating.map(a => (\n\t\t\t\t\t\t\t\t\t<p-floating-menu-item\n\t\t\t\t\t\t\t\t\t\tslot='floating-menu-item'\n\t\t\t\t\t\t\t\t\t\tdisabled={a.disabled}\n\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t!a.disabled &&\n\t\t\t\t\t\t\t\t\t\t\t!a.loading &&\n\t\t\t\t\t\t\t\t\t\t\t!!a.action &&\n\t\t\t\t\t\t\t\t\t\t\ta.type === 'single'\n\t\t\t\t\t\t\t\t\t\t\t\t? a.action(this.selectedRows[0], false)\n\t\t\t\t\t\t\t\t\t\t\t\t: a.action(this.selectedRows, true)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{a.label}{' '}\n\t\t\t\t\t\t\t\t\t\t{a.loading ? (\n\t\t\t\t\t\t\t\t\t\t\t<p-loader></p-loader>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\t\t\tvariant={a.icon}\n\t\t\t\t\t\t\t\t\t\t\t\trotate={a.iconRotate}\n\t\t\t\t\t\t\t\t\t\t\t\tflip={a.iconFlip}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</p-floating-menu-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t{this._rowActionsFloating?.length && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tclass='mx-0 text-storm'\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tslot='floating-menu-item'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<p-floating-menu-item\n\t\t\t\t\t\t\t\tslot='floating-menu-item'\n\t\t\t\t\t\t\t\tonClick={() => this._selectAllChange(null, false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t\t\t</p-floating-menu-item>\n\t\t\t\t\t\t</p-floating-menu-container>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t''\n\t\t\t\t\t)}\n\t\t\t\t</p-table-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\t@Listen('tableDefinitionChanged', { target: 'body' })\n\tonTableDefinitionUpdated() {\n\t\tthis._generateColumns();\n\t}\n\n\t@Listen('keydown', { target: 'document' })\n\tkeyDown({ key }) {\n\t\tif (key !== 'Control' || this._ctrlDown === true) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._ctrlDown = true;\n\t}\n\n\t@Listen('keyup', { target: 'document' })\n\tkeyUp({ key }) {\n\t\tif (key !== 'Control' || this._ctrlDown === false) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._ctrlDown = false;\n\t}\n\n\t@Listen('visibilitychange', { target: 'document' })\n\tvisibilityChange() {\n\t\tif (document.visibilityState !== 'hidden' || this._ctrlDown === false) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._ctrlDown = false;\n\t}\n\n\t@Watch('items')\n\tprivate _parseItems(items: string) {\n\t\tif (!items) {\n\t\t\tthis._items = [];\n\t\t\treturn;\n\t\t}\n\n\t\tif (Array.isArray(items)) {\n\t\t\tthis._items = items;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._items = JSON.parse(items);\n\t}\n\n\t@Watch('enableRowSelection')\n\t@Watch('rowSelectionLimit')\n\t@Watch('selectedRows')\n\t@Listen('resize', { target: 'window' })\n\tprivate _setRowSelectionData() {\n\t\tif (this._resizeTimeout) {\n\t\t\tclearTimeout(this._resizeTimeout);\n\t\t}\n\n\t\t// We add a timeout here because it's a lot easier on the machine to do these when someone is done\n\t\t// resizing and playing around with their browser\n\t\tthis._resizeTimeout = setTimeout(() => {\n\t\t\tconst mobile = isMobile();\n\n\t\t\t// we hack this to any[] to make it work..\n\t\t\tconst actions = Array.from(\n\t\t\t\tthis._el.querySelectorAll(':scope > p-table-row-action')\n\t\t\t) as any[] as TableRowAction[];\n\t\t\tthis._rowActionsRow = actions.filter(\n\t\t\t\ta => a.type === 'both' || a.type === 'single'\n\t\t\t);\n\t\t\tthis._rowActionsFloatingAll = actions\n\t\t\t\t.filter(\n\t\t\t\t\ta =>\n\t\t\t\t\t\t(this.enableRowSelection &&\n\t\t\t\t\t\t\t(a.type === 'both' || a.type === 'multi')) ||\n\t\t\t\t\t\t(mobile && a.type === 'single')\n\t\t\t\t)\n\t\t\t\t.map(a => {\n\t\t\t\t\tif (a.type === 'single') {\n\t\t\t\t\t\ta.disabled = this.selectedRows?.length > 1;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn a;\n\t\t\t\t});\n\n\t\t\tlet rowSelectionLimit = this.rowSelectionLimit;\n\t\t\tif (\n\t\t\t\tmobile && // we're mobile\n\t\t\t\tthis._rowActionsFloatingAll?.length && // we have atleast 1 item in _rowActionsFloating\n\t\t\t\t((rowSelectionLimit !== undefined && this.enableRowSelection) ||\n\t\t\t\t\t!this.enableRowSelection)\n\t\t\t) {\n\t\t\t\trowSelectionLimit = 1;\n\t\t\t}\n\n\t\t\tthis._rowSelectionLimit = rowSelectionLimit;\n\n\t\t\tlet enableRowSelection = this.enableRowSelection;\n\t\t\tif (\n\t\t\t\tmobile && // we're mobile\n\t\t\t\tthis._rowActionsFloatingAll?.length && // we have atleast 1 item in _rowActionsFloating\n\t\t\t\t!enableRowSelection\n\t\t\t) {\n\t\t\t\tenableRowSelection = true;\n\t\t\t}\n\n\t\t\tthis._enableRowSelection = enableRowSelection;\n\n\t\t\tif (this._floatingMenuShown) {\n\t\t\t\tthis._showFloatingMenu();\n\t\t\t}\n\t\t}, 200);\n\t}\n\n\tprivate _generateColumns() {\n\t\tconst definitions = this._el.querySelectorAll('p-table-column');\n\t\tlet definitionsArray = Array.from(definitions);\n\n\t\tdefinitionsArray = this._parseDefinitions(definitionsArray);\n\n\t\tthis._columns = definitionsArray;\n\t}\n\n\tprivate _getHeader() {\n\t\treturn (\n\t\t\t<p-table-row variant='header'>\n\t\t\t\t{this._columns.map((col: TableColumn, index) => (\n\t\t\t\t\t<p-table-cell\n\t\t\t\t\t\tdefinition={col}\n\t\t\t\t\t\tvalue={col.name}\n\t\t\t\t\t\tvariant='header'\n\t\t\t\t\t\tcheckbox={\n\t\t\t\t\t\t\tindex === 0 || col.hasCheckbox\n\t\t\t\t\t\t\t\t? this._getCheckbox(null, this.loading ? 'loading' : 'header')\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tindex={index}\n\t\t\t\t\t></p-table-cell>\n\t\t\t\t))}\n\t\t\t</p-table-row>\n\t\t);\n\t}\n\n\tprivate _getRows() {\n\t\tif (this.loading) {\n\t\t\treturn Array.from(\n\t\t\t\t{\n\t\t\t\t\tlength: this.amountOfLoadingRows,\n\t\t\t\t},\n\t\t\t\t(_, i) => (\n\t\t\t\t\t<p-table-row\n\t\t\t\t\t\tenableHover={this._enableRowSelection || this.enableRowClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._getLoadingColumns(i)}\n\t\t\t\t\t</p-table-row>\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\n\t\tif (!this._items.length) {\n\t\t\treturn this._getEmptyState();\n\t\t}\n\n\t\treturn this._items.map((item, index) => (\n\t\t\t<p-table-row\n\t\t\t\tenableHover={this._enableRowSelection || this.enableRowClick}\n\t\t\t\tonClick={ev => this._rowClick(ev, index)}\n\t\t\t>\n\t\t\t\t{this._getRowColumns(item, index)}\n\t\t\t</p-table-row>\n\t\t));\n\t}\n\n\tprivate _getRowColumns(item, index) {\n\t\tconst actions = this._rowActionsRow.filter(a =>\n\t\t\ta.showFunction ? a.showFunction(item) : true\n\t\t);\n\n\t\tconst columns = this._columns.map((col: TableColumn, colIndex) => {\n\t\t\treturn (\n\t\t\t\t<p-table-cell\n\t\t\t\t\tdefinition={col}\n\t\t\t\t\titem={item}\n\t\t\t\t\tcheckbox={\n\t\t\t\t\t\tcolIndex === 0 || col.hasCheckbox ? this._getCheckbox(index) : null\n\t\t\t\t\t}\n\t\t\t\t\tindex={colIndex}\n\t\t\t\t\trowIndex={index}\n\t\t\t\t\ttableHasActions={!!actions.length && !isMobile()}\n\t\t\t\t></p-table-cell>\n\t\t\t);\n\t\t});\n\n\t\tif (actions?.length && !isMobile()) {\n\t\t\tconst def = this._parseRowActionsRowDefinition();\n\n\t\t\tif (!actions.length) {\n\t\t\t\treturn columns;\n\t\t\t}\n\n\t\t\tcolumns.push(\n\t\t\t\t<p-table-cell\n\t\t\t\t\tvariant='actions'\n\t\t\t\t\tdefinition={def}\n\t\t\t\t\titem={item}\n\t\t\t\t\tindex={this._columns.length - 1}\n\t\t\t\t\trowIndex={index}\n\t\t\t\t\ttableHasActions={true}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='actions'\n\t\t\t\t\t\tclass='ml-auto flex items-center gap-2'\n\t\t\t\t\t>\n\t\t\t\t\t\t{actions.map(a => (\n\t\t\t\t\t\t\t<p-tooltip content={a.label}>\n\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\tdata-is-action\n\t\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\t\t\ticon={a.icon}\n\t\t\t\t\t\t\t\t\ticonRotate={a.iconRotate}\n\t\t\t\t\t\t\t\t\ticonFlip={a.iconFlip}\n\t\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\ttypeof a.action === 'function' && a.action?.(item, false)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</p-table-cell>\n\t\t\t);\n\t\t}\n\n\t\treturn columns;\n\t}\n\n\tprivate _getLoadingColumns(index) {\n\t\treturn this._columns.map((col: TableColumn, colIndex) => {\n\t\t\treturn (\n\t\t\t\t<p-table-cell\n\t\t\t\t\tdefinition={col}\n\t\t\t\t\tvariant='loading'\n\t\t\t\t\tcheckbox={\n\t\t\t\t\t\tcolIndex === 0 || col.hasCheckbox\n\t\t\t\t\t\t\t? this._getCheckbox(index, 'loading')\n\t\t\t\t\t\t\t: null\n\t\t\t\t\t}\n\t\t\t\t\tindex={colIndex}\n\t\t\t\t\trowIndex={index}\n\t\t\t\t></p-table-cell>\n\t\t\t);\n\t\t});\n\t}\n\n\tprivate _getCheckbox(\n\t\trowIndex: number,\n\t\tvariant: 'header' | 'default' | 'loading' = 'default'\n\t) {\n\t\tif (\n\t\t\t!this._enableRowSelection ||\n\t\t\t(!this.selectionKey && !this._rowActionsFloating?.length)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (variant === 'loading') {\n\t\t\treturn (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-6 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\tif (variant === 'header') {\n\t\t\treturn (\n\t\t\t\t<input\n\t\t\t\t\tclass={`p-input ${\n\t\t\t\t\t\tthis._rowSelectionLimit !== undefined && 'opacity-0'\n\t\t\t\t\t}`}\n\t\t\t\t\ttype='checkbox'\n\t\t\t\t\tonChange={ev => this._selectAllChange(ev)}\n\t\t\t\t\tchecked={this._selectionContainsAll()}\n\t\t\t\t\tindeterminate={this._selectionIndeterminate()}\n\t\t\t\t\tdisabled={this._rowSelectionLimit !== undefined}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\tconst item = this._items[rowIndex];\n\n\t\tconst selectionContains = this._selectionContains(rowIndex);\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\tclass='p-input'\n\t\t\t\ttype='checkbox'\n\t\t\t\tonChange={ev => this._checkboxChange(ev?.target, rowIndex)}\n\t\t\t\tdisabled={\n\t\t\t\t\t(this.canSelectKey && !item[this.canSelectKey]) ||\n\t\t\t\t\t(this._rowSelectionLimit !== undefined &&\n\t\t\t\t\t\t!selectionContains &&\n\t\t\t\t\t\tthis.selectedRows.length === this._rowSelectionLimit)\n\t\t\t\t}\n\t\t\t\tchecked={selectionContains}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _getEmptyState() {\n\t\tif (this.query?.length || this.selectedFiltersAmount) {\n\t\t\treturn (\n\t\t\t\t<div class='flex max-w-[20rem] flex-col items-center self-center py-24 text-center'>\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tvariant='empty-state-search'\n\t\t\t\t\t\tclass='mb-6'\n\t\t\t\t\t/>\n\t\t\t\t\t<p class='text-storm-default font-semibold'>\n\t\t\t\t\t\t{this.emptyStateFilteredHeader()}\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='mb-14 text-sm text-storm-medium'>\n\t\t\t\t\t\t{this.emptyStateFilteredContent()}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`flex max-w-[20rem] flex-col items-center self-center py-24 text-center ${\n\t\t\t\t\tthis.enableEmptyStateAction && 'cursor-pointer'\n\t\t\t\t}`}\n\t\t\t\tonClick={() =>\n\t\t\t\t\tthis.enableEmptyStateAction && this.emptyStateActionClick.emit(null)\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<p-illustration\n\t\t\t\t\tvariant='empty-state-add'\n\t\t\t\t\tclass='mb-6'\n\t\t\t\t/>\n\t\t\t\t<p class='text-storm-default font-semibold'>\n\t\t\t\t\t{this.emptyStateHeader()}\n\t\t\t\t</p>\n\t\t\t\t<p class='mb-6 text-sm text-storm-medium'>{this.emptyStateContent()}</p>\n\t\t\t\t{this.enableEmptyStateAction && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='plus'\n\t\t\t\t\t\tsize='small'\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.emptyStateAction()}\n\t\t\t\t\t</p-button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _selectAllChange($event: any, forceValue?: boolean) {\n\t\tif (!this._enableRowSelection) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value =\n\t\t\tforceValue === undefined\n\t\t\t\t? this._getCheckedValue($event.target)\n\t\t\t\t: forceValue;\n\t\tif (value) {\n\t\t\tconst toAdd = [];\n\t\t\tfor (let i = 0; i < this._items.length; i++) {\n\t\t\t\tconst row = this._items[i];\n\t\t\t\tif (this.canSelectKey && !row[this.canSelectKey]) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (this._selectionContains(i)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\ttoAdd.push(row);\n\t\t\t\tthis.rowSelected.emit(row);\n\n\t\t\t\tif (\n\t\t\t\t\tthis._rowSelectionLimit !== undefined &&\n\t\t\t\t\tthis.selectedRows.length + toAdd.length === this._rowSelectionLimit\n\t\t\t\t) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.selectedRows = [...this.selectedRows, ...toAdd];\n\t\t\tthis.selectedRowsChange.emit(this.selectedRows);\n\t\t\tif (this.enableFloatingMenu && !this._floatingMenuShown) {\n\t\t\t\tthis._showFloatingMenu();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tfor (let i = 0; i < this.selectedRows.length; i++) {\n\t\t\tconst value = this.selectedRows[i];\n\t\t\tconst row = this._items.find(\n\t\t\t\td => this._getSelectionValue(d, i) === this._getSelectionValue(value, i)\n\t\t\t);\n\n\t\t\tif (!row) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tthis.rowDeselected.emit(row);\n\t\t}\n\n\t\tthis.selectedRows = [];\n\t\tthis.selectedRowsChange.emit(this.selectedRows);\n\t}\n\n\tprivate _checkboxChange(target: any, index: number) {\n\t\tif (!this._enableRowSelection) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = this._getCheckedValue(target);\n\t\tif (\n\t\t\tvalue &&\n\t\t\tthis._rowSelectionLimit !== undefined &&\n\t\t\tthis.selectedRows.length >= this._rowSelectionLimit\n\t\t) {\n\t\t\ttarget.checked = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst row = this._items[index];\n\n\t\tif (this.canSelectKey && !row[this.canSelectKey]) {\n\t\t\ttarget.checked = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (value) {\n\t\t\tthis.selectedRows = [\n\t\t\t\t...this.selectedRows,\n\t\t\t\t{\n\t\t\t\t\t...row,\n\t\t\t\t\tindex,\n\t\t\t\t},\n\t\t\t];\n\t\t\tthis.selectedRowsChange.emit(this.selectedRows);\n\t\t\tthis.rowSelected.emit(row);\n\n\t\t\tif (this.enableFloatingMenu && !this._floatingMenuShown) {\n\t\t\t\tthis._showFloatingMenu();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst indexOfToRemove = this._selectionContains(index, true);\n\n\t\t// we need to do this, because splice does not trigger the selection setter.\n\t\tconst selection = [...this.selectedRows];\n\t\tselection.splice(indexOfToRemove, 1);\n\t\tthis.selectedRows = selection;\n\t\tthis.selectedRowsChange.emit(this.selectedRows);\n\t\tthis.rowDeselected.emit(row);\n\t}\n\n\tprivate _getCheckedValue(target: any) {\n\t\treturn target?.checked;\n\t}\n\n\tprivate _getSelectionValue(row: any, index: number) {\n\t\treturn this.selectionKey ? row?.[this.selectionKey] || index : index;\n\t}\n\n\tprivate _selectionContains(index, returnIndex = false): any {\n\t\tconst returnValue = this.selectedRows.findIndex(\n\t\t\titem => item.index === index\n\t\t);\n\t\treturn !returnIndex ? returnValue >= 0 : returnValue;\n\t}\n\n\tprivate _selectionContainsAll() {\n\t\tlet returnValue = true;\n\t\tif (!this._items?.length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (\n\t\t\tthis._rowSelectionLimit !== undefined &&\n\t\t\tthis.selectedRows.length === this._rowSelectionLimit\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\n\t\tfor (let i = 0; i < this._items?.length; i++) {\n\t\t\tconst contains = this._selectionContains(i);\n\n\t\t\tif (!contains) {\n\t\t\t\treturnValue = false;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn returnValue;\n\t}\n\n\tprivate _selectionIndeterminate() {\n\t\tif (!this._items?.length || !this.selectedRows?.length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (\n\t\t\tthis._rowSelectionLimit !== undefined &&\n\t\t\tthis.selectedRows.length === this._rowSelectionLimit\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet containsCount = 0;\n\t\tfor (let i = 0; i < this._items?.length; i++) {\n\t\t\tconst contains = this._selectionContains(i);\n\n\t\t\tif (contains) {\n\t\t\t\tcontainsCount++;\n\t\t\t}\n\t\t}\n\n\t\treturn containsCount > 0 && containsCount !== this._items.length;\n\t}\n\n\tprivate _rowClick($event, index) {\n\t\tconst target = $event.target;\n\n\t\tif (\n\t\t\ttarget.tagName.toLowerCase() === 'input' ||\n\t\t\ttarget.type === 'checkbox'\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst row = this._findRow($event.target);\n\t\tconst action = this._findRowAction($event.target);\n\n\t\tif (action) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.enableRowClick) {\n\t\t\tconst item = this._items[index];\n\t\t\tthis.rowClick.emit({\n\t\t\t\titem,\n\t\t\t\tctrlDown: this._ctrlDown,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._enableRowSelection) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst checkbox = row?.querySelector('input[type=\"checkbox\"]');\n\n\t\tif (!checkbox) {\n\t\t\treturn;\n\t\t}\n\n\t\tcheckbox.checked = !checkbox.checked;\n\t\tthis._checkboxChange(checkbox, index);\n\t}\n\n\tprivate _findRow(el: HTMLElement) {\n\t\tif (!el) {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-table-row') {\n\t\t\treturn el;\n\t\t}\n\n\t\treturn this._findRow(el?.parentElement);\n\t}\n\n\tprivate _findRowAction(el: HTMLElement) {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (\n\t\t\tel.getAttribute('data-is-action') !== null &&\n\t\t\tel.getAttribute('data-is-action') !== 'false'\n\t\t) {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-table-row') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findRowAction(el?.parentElement);\n\t}\n\n\tprivate _showFloatingMenu() {\n\t\tlet actions = this._rowActionsFloatingAll;\n\t\tif (\n\t\t\tthis.rowSelectionLimit === 1 &&\n\t\t\tactions.findIndex(\n\t\t\t\ta => (a.type === 'single' || a.type === 'both') && a.showFunction\n\t\t\t) >= 0\n\t\t) {\n\t\t\tactions = actions.filter(\n\t\t\t\ta =>\n\t\t\t\t\ta.type === 'multi' ||\n\t\t\t\t\t!a.showFunction ||\n\t\t\t\t\ta.showFunction(this.selectedRows[0])\n\t\t\t);\n\t\t}\n\n\t\tthis._rowActionsFloating = actions;\n\t\tthis._floatingMenuShown = true;\n\t}\n\n\tprivate _parseDefinitions(definitionsArray: HTMLPTableColumnElement[]) {\n\t\tconst definitions = definitionsArray.map(definition => {\n\t\t\tdefinition = this._parseDefinitionSizes(definition);\n\t\t\tdefinition.isLast = {};\n\t\t\treturn definition;\n\t\t});\n\n\t\tconst matchedIsLast = tableColumSizesOptions.reduce(\n\t\t\t(data: { [key: string]: boolean }, size) => {\n\t\t\t\tdata[size] = false;\n\t\t\t\treturn data;\n\t\t\t},\n\t\t\t{}\n\t\t);\n\n\t\tfor (let i = definitions.length - 1; i >= 0; i--) {\n\t\t\tconst definition = definitions[i];\n\n\t\t\tfor (const size of tableColumSizesOptions) {\n\t\t\t\tif (matchedIsLast[size]) {\n\t\t\t\t\tdefinition.isLast[size] = false;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (definition.parsedSizes![size] === 'hidden') {\n\t\t\t\t\tdefinition.isLast[size] = false;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst isLastAtSizeFound = this._findLastDefinitionBySize(\n\t\t\t\t\tdefinitions,\n\t\t\t\t\tsize\n\t\t\t\t);\n\t\t\t\tif (isLastAtSizeFound) {\n\t\t\t\t\tdefinition.isLast[size] = false;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tdefinition.isLast[size] = true;\n\t\t\t}\n\t\t}\n\n\t\treturn definitions;\n\t}\n\n\tprivate _findLastDefinitionBySize(\n\t\tdefinitions: HTMLPTableColumnElement[],\n\t\tsize: string\n\t) {\n\t\treturn definitions\n\t\t\t.slice()\n\t\t\t.reverse()\n\t\t\t.find(d => d.isLast[size] === true);\n\t}\n\n\tprivate _parseDefinitionSizes(definition: HTMLPTableColumnElement) {\n\t\tconst definitionAny = definition as any;\n\t\tlet parsedSizes: TableColumnSizes = { default: 'full' };\n\n\t\tif (\n\t\t\ttypeof definition.sizes === 'string' &&\n\t\t\t!['auto', 'hidden', 'full'].includes(definition.sizes)\n\t\t) {\n\t\t\tdefinition.sizes = JSON.parse(definition.sizes);\n\t\t}\n\n\t\tfor (const [index, size] of tableColumSizesOptions.entries()) {\n\t\t\tif (\n\t\t\t\tdefinitionAny.sizes === 'auto' ||\n\t\t\t\tdefinitionAny.sizes === 'hidden' ||\n\t\t\t\tdefinitionAny.sizes === 'full' ||\n\t\t\t\ttypeof definitionAny.sizes === 'number'\n\t\t\t) {\n\t\t\t\tparsedSizes[size] =\n\t\t\t\t\tdefinitionAny.sizes === 'auto' ? 'full' : definitionAny.sizes;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tparsedSizes[size] =\n\t\t\t\tdefinitionAny.sizes[size] ??\n\t\t\t\tparsedSizes[tableColumSizesOptions[index - 1]];\n\t\t}\n\n\t\tdefinition.parsedSizes = parsedSizes;\n\t\treturn definition;\n\t}\n\n\tprivate _parseRowActionsRowDefinition() {\n\t\tconst isLast = tableColumSizesOptions.reduce(\n\t\t\t(data: { [key: string]: boolean }, size) => {\n\t\t\t\tdata[size] = true;\n\t\t\t\treturn data;\n\t\t\t},\n\t\t\t{}\n\t\t);\n\t\tconst sizes: TableColumnSizes = { default: 0 };\n\n\t\tfor (const size of tableColumSizesOptions) {\n\t\t\tconst lastColumn = this._findLastDefinitionBySize(this._columns, size);\n\t\t\tsizes[size] = lastColumn!.parsedSizes![size]!;\n\t\t}\n\n\t\treturn {\n\t\t\tisLast,\n\t\t\tsizes,\n\t\t\tparsedSizes: sizes,\n\t\t\talign: 'end',\n\t\t\ttype: 'td',\n\t\t\tpath: null,\n\t\t} as TableColumn;\n\t}\n}\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ const b=["abna","rabo","ingb","bunq","asnb","trio","knab","snsb"];export{b as I};
2
+ //# sourceMappingURL=p-2e3b9db4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["IBAN_ICON_VARIANTS_ARRAY"],"sources":["src/types/iban.ts"],"sourcesContent":["export type IbanIconVariant =\n\t| 'abna'\n\t| 'rabo'\n\t| 'ingb'\n\t| 'bunq'\n\t| 'asnb'\n\t| 'trio'\n\t| 'knab'\n\t| 'snsb';\n\nexport const IBAN_ICON_VARIANTS_ARRAY: IbanIconVariant[] = [\n\t'abna',\n\t'rabo',\n\t'ingb',\n\t'bunq',\n\t'asnb',\n\t'trio',\n\t'knab',\n\t'snsb',\n];\n"],"mappings":"MAUaA,EAA8C,CAC1D,OACA,OACA,OACA,OACA,OACA,OACA,OACA,e"}
@@ -1,2 +1,2 @@
1
- function e(e,t){return t in e}const t=(e,t,o)=>{const d=e?n(e,t):{};const u=e?i(e,t,o):{};return Object.assign(Object.assign({"justify-start":!(e===null||e===void 0?void 0:e.align)||(e===null||e===void 0?void 0:e.align)==="start","justify-center":(e===null||e===void 0?void 0:e.align)==="center","justify-end":(e===null||e===void 0?void 0:e.align)==="end","font-semibold":t!=="header"&&(e===null||e===void 0?void 0:e.type)==="th","text-storm-dark":t!=="header"&&(e===null||e===void 0?void 0:e.type)==="th","group-hover:flex":t==="actions"&&o,hidden:t==="actions"&&o},d),u)};const n=({sizes:t},n)=>{if(t==="auto"||!t){return{"w-auto":true}}if(t==="hidden"){return{hidden:true}}if(typeof t==="object"){t=t;const i={};let o;for(let d in t){if(!e(t,d)){continue}if(d==="default"){if(t.default==="hidden"){i["hidden"]=true;o=d;continue}i[`w-${t.default}/12`]=true;o=d;continue}const u=t[d];const r=o?t[o]:null;if(u!=="hidden"&&r&&r==="hidden"&&n!=="actions"){i[`${d}:flex`]=true}if(u==="hidden"&&n!=="actions"){i[`${d}:hidden`]=true;o=d;continue}if(u===12||u==="full"){i[`${d}:w-full`]=true}i[`${d}:w-${u}/12`]=true;o=d}return i}if(t===12||t==="full"){return{"w-full":true}}return{[`w-${t}/12`]:true}};const i=({isLast:e,parsedSizes:t},n,i)=>{const o={};for(let d of Object.keys(e)){let u="";if(d!=="default"){u=`${d}:`}o[`${u}pr-4`]=!e[d];o[`${u}pr-0`]=e[d];o[`${u}group-hover:hidden`]=(e[d]||t[d]==="hidden")&&i&&t[d]!==12&&n==="default";o[`${u}group-hover:flex`]=!e[d]&&t[d]!=="hidden"&&n==="default"||n==="actions";o[`${u}flex`]=t[d]!=="hidden"&&n!=="actions"}return o};const o=(e,t,n=undefined)=>{const i=n=>String.prototype.split.call(t,n).filter(Boolean).reduce(((e,t)=>e!==null&&e!==undefined?e[t]:e),e);const o=i(/[,[\]]+?/)||i(/[,[\].]+?/);return o===undefined||o===e?n:o};export{n as a,i as b,t as g,e as i,o};
2
- //# sourceMappingURL=p-7b0b39ba.js.map
1
+ function e(e,t){return t in e}const t=(e,t,o)=>{const d=e?n(e,t):{};const u=e?i(e,t,o):{};return Object.assign(Object.assign({"justify-start":!(e===null||e===void 0?void 0:e.align)||(e===null||e===void 0?void 0:e.align)==="start","justify-center":(e===null||e===void 0?void 0:e.align)==="center","justify-end":(e===null||e===void 0?void 0:e.align)==="end","font-semibold":t!=="header"&&(e===null||e===void 0?void 0:e.type)==="th","text-storm-dark":t!=="header"&&(e===null||e===void 0?void 0:e.type)==="th","group-hover:flex":t==="actions"&&o,hidden:t==="actions"&&o},d),u)};const n=({sizes:t},n)=>{if(t==="auto"||!t){return{"w-auto":true}}if(t==="hidden"){return{hidden:true}}if(typeof t==="object"){t=t;const i={};let o;for(let d in t){if(!e(t,d)){continue}if(d==="default"){if(t.default==="hidden"){i["hidden"]=true;o=d;continue}i[`w-${t.default}/12`]=true;o=d;continue}const u=t[d];const r=o?t[o]:null;if(u!=="hidden"&&r&&r==="hidden"&&n!=="actions"){i[`${d}:flex`]=true}if(u==="hidden"&&n!=="actions"){i[`${d}:hidden`]=true;o=d;continue}if(u===12||u==="full"){i[`${d}:w-full`]=true}i[`${d}:w-${u}/12`]=true;o=d}return i}if(t===12||t==="full"){return{"w-full":true}}return{[`w-${t}/12`]:true}};const i=({isLast:e,parsedSizes:t},n,i)=>{const o={};for(let d of Object.keys(e)){let u="";if(d!=="default"){u=`${d}:`}o[`${u}pr-4`]=!e[d];o[`${u}pr-0`]=e[d];o[`${u}group-hover:hidden`]=(e[d]||t[d]==="hidden")&&i&&t[d]!==12&&n==="default";const r=t[d]===12&&n==="actions";o[`${u}absolute`]=r;o[`${u}right-6`]=r;o[`${u}group-hover:flex`]=!e[d]&&t[d]!=="hidden"&&n==="default"||n==="actions";o[`${u}flex`]=t[d]!=="hidden"&&n!=="actions"}return o};const o=(e,t,n=undefined)=>{const i=n=>String.prototype.split.call(t,n).filter(Boolean).reduce(((e,t)=>e!==null&&e!==undefined?e[t]:e),e);const o=i(/[,[\]]+?/)||i(/[,[\].]+?/);return o===undefined||o===e?n:o};export{n as a,i as b,t as g,e as i,o};
2
+ //# sourceMappingURL=p-75006522.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["isTableColumnSizesKey","x","k","getTableCellColumnClasses","definition","variant","hasActions","sizes","getTableCellSizes","isLastValues","getTableCellIsLastValues","Object","assign","align","type","hidden","classes","previousSize","size","default","currentValue","previousValue","isLast","parsedSizes","values","keys","prefix","actionsShouldBeAbsolute","objectGetByPath","obj","path","defaultValue","undefined","travel","regexp","String","prototype","split","call","filter","Boolean","reduce","res","key","result"],"sources":["src/types/table.ts","src/utils/table-helpers.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n identifier: string;\n text: string | QuickFilterTextFunction;\n count?: number;\n default?: boolean;\n}\n\nexport interface RowClickEvent {\n item: any;\n ctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n value: any;\n item: any;\n index: number;\n rowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n default: number | 'hidden' | 'full';\n tablet?: number | 'hidden' | 'full';\n 'desktop-xs'?: number | 'hidden' | 'full';\n 'desktop-sm'?: number | 'hidden' | 'full';\n desktop?: number | 'hidden' | 'full';\n 'desktop-lg'?: number | 'hidden' | 'full';\n 'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport interface TableColumnIsLast {\n default: boolean;\n tablet?: boolean;\n 'desktop-xs'?: boolean;\n 'desktop-sm'?: boolean;\n desktop?: boolean;\n 'desktop-lg'?: boolean;\n 'desktop-xl'?: boolean;\n}\n\nexport type TableColumnSizesKey =\n | 'default'\n | 'tablet'\n | 'desktop-xs'\n | 'desktop-sm'\n | 'desktop'\n | 'desktop-lg'\n | 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n x: TableColumnSizes,\n k: PropertyKey\n): k is keyof TableColumnSizes {\n return k in x;\n}\n","import { TableColumn } from '../components';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\tconst isLastValues = definition\n\t\t? getTableCellIsLastValues(definition, variant, hasActions)\n\t\t: {};\n\n\treturn {\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t'group-hover:flex': variant === 'actions' && hasActions,\n\t\thidden: variant === 'actions' && hasActions,\n\t\t...sizes,\n\t\t...isLastValues,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const getTableCellIsLastValues = (\n\t{\n\t\tisLast,\n\t\tparsedSizes,\n\t}: {\n\t\tisLast: { [key: string]: boolean };\n\t\tparsedSizes: TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst values: { [key: string]: boolean } = {};\n\n\tfor (let size of Object.keys(isLast)) {\n\t\tlet prefix = '';\n\t\tif (size !== 'default') {\n\t\t\tprefix = `${size}:`;\n\t\t}\n\n\t\tvalues[`${prefix}pr-4`] = !isLast[size];\n\t\tvalues[`${prefix}pr-0`] = isLast[size];\n\n\t\tvalues[`${prefix}group-hover:hidden`] =\n\t\t\t(isLast[size] ||\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] === 'hidden') &&\n\t\t\thasActions &&\n\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 12 &&\n\t\t\tvariant === 'default';\n\n\t\tconst actionsShouldBeAbsolute =\n\t\t\tparsedSizes[size as keyof TableColumnSizes] === 12 &&\n\t\t\tvariant === 'actions';\n\t\tvalues[`${prefix}absolute`] = actionsShouldBeAbsolute;\n\t\tvalues[`${prefix}right-6`] = actionsShouldBeAbsolute;\n\n\t\tvalues[`${prefix}group-hover:flex`] =\n\t\t\t(!isLast[size] &&\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\t\tvariant === 'default') ||\n\t\t\tvariant === 'actions';\n\n\t\tvalues[`${prefix}flex`] =\n\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\tvariant !== 'actions';\n\t}\n\n\treturn values;\n};\n","export const objectGetByPath = (\n obj: any,\n path: string,\n defaultValue = undefined\n) => {\n const travel = (regexp) =>\n String.prototype.split\n .call(path, regexp)\n .filter(Boolean)\n .reduce(\n (res, key) =>\n res !== null && res !== undefined ? res[key] : res,\n obj\n );\n const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n return result === undefined || result === obj ? defaultValue : result;\n};\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{r as s,h as n,H as i}from"./p-e4d5e7a7.js";import{I as a}from"./p-2e3b9db4.js";const c=class{constructor(n){s(this,n);this.iban=undefined;this.variant=undefined}render(){var s;let c=this.variant;if((s=this.iban)===null||s===void 0?void 0:s.length){c=this.iban.slice(4,8).toLowerCase()}const r=a.includes(c);return r&&n(i,{class:"p-iban-icon"},this._getIcon(c))}_getIcon(s){switch(s){case"abna":return n("img",{src:"./assets/iban-icons/icon-abn.svg"});case"rabo":return n("img",{src:"./assets/iban-icons/icon-rabo.svg"});case"ingb":return n("img",{src:"./assets/iban-icons/icon-ing.svg"});case"bunq":return n("img",{src:"./assets/iban-icons/icon-bunq.svg"});case"asnb":return n("img",{src:"./assets/iban-icons/icon-asn.svg"});case"trio":return n("img",{src:"./assets/iban-icons/icon-triodos.svg"});case"knab":return n("img",{src:"./assets/iban-icons/icon-knab.svg"});case"snsb":return n("img",{src:"./assets/iban-icons/icon-sns.svg"})}}};export{c as p_iban_icon};
2
+ //# sourceMappingURL=p-a37d182e.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["IbanIcon","render","variant","this","_a","iban","length","slice","toLowerCase","exists","IBAN_ICON_VARIANTS_ARRAY","includes","h","Host","class","_getIcon","src"],"sources":["src/components/atoms/iban-icon/iban-icon.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn (\n\t\t\texists && (\n\t\t\t\t<Host class='p-iban-icon'>\n\t\t\t\t\t{this._getIcon(variant as IbanIconVariant)}\n\t\t\t\t</Host>\n\t\t\t)\n\t\t);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"],"mappings":"4FAOaA,EAAQ,M,oEAWpB,MAAAC,G,MACC,IAAIC,EAAkBC,KAAKD,QAE3B,IAAIE,EAAAD,KAAKE,QAAI,MAAAD,SAAA,SAAAA,EAAEE,OAAQ,CACtBJ,EAAUC,KAAKE,KAAKE,MAAM,EAAG,GAAGC,a,CAGjC,MAAMC,EAASC,EAAyBC,SACvCT,GAGD,OACCO,GACCG,EAACC,EAAI,CAACC,MAAM,eACVX,KAAKY,SAASb,G,CAMX,QAAAa,CAASb,GAChB,OAAQA,GACP,IAAK,OACJ,OAAOU,EAAA,OAAKI,IAAI,qCACjB,IAAK,OACJ,OAAOJ,EAAA,OAAKI,IAAI,sCACjB,IAAK,OACJ,OAAOJ,EAAA,OAAKI,IAAI,qCACjB,IAAK,OACJ,OAAOJ,EAAA,OAAKI,IAAI,sCACjB,IAAK,OACJ,OAAOJ,EAAA,OAAKI,IAAI,qCACjB,IAAK,OACJ,OAAOJ,EAAA,OAAKI,IAAI,yCACjB,IAAK,OACJ,OAAOJ,EAAA,OAAKI,IAAI,sCACjB,IAAK,OACJ,OAAOJ,EAAA,OAAKI,IAAI,qC"}
@@ -1,2 +1,2 @@
1
- import{r as t,c as r,h as o,H as e,g as a}from"./p-e4d5e7a7.js";import{a as i,c as s,o as n,f as p,s as h,b as l}from"./p-fef32402.js";const v='.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rounded{border-radius:.25rem!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.opacity-0{opacity:0!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:inline-block;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;left:0;line-height:1rem;max-width:14.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:-moz-max-content;width:max-content;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{opacity:1;pointer-events:auto}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:"";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}:host .popover-container .popover[data-strategy=fixed]{position:fixed}:host .popover-container .popover[data-strategy=absolute]{position:absolute}:host .popover-container .popover[data-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-placement^=right]>.arrow{left:-.25rem}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}';const c=class{constructor(o){t(this,o);this.isOpen=r(this,"isOpen",3);this._hasContentSlot=false;this._loaded=false;this.variant="hover";this.content=null;this.placement="top";this.offset=8;this.strategy="absolute";this.enableUserInput=true;this.show=false;this.canManuallyClose=true}componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return o(e,{class:"p-popover"},o("slot",{name:"trigger"}),o("div",{class:"popover-container"},o("div",{class:`popover variant-${this.variant}`,role:"popover","data-placement":this.placement,"data-strategy":this.strategy,ref:t=>this._load(t)},this.content?this.content:o("slot",{name:"content"}),o("div",{class:"arrow"}))))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}_show(){var t;if(!this._loaded){return}if(!((t=this.content)===null||t===void 0?void 0:t.length)&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=i(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}const t=this._popover.querySelector(".arrow");if(!t){return}s(this._el,this._popover,{placement:this.variant==="error"||this.variant==="error-element"?"top-end":this.placement,strategy:this.strategy,middleware:[n(this.variant==="error"?14:this.offset),p(),h(),l({element:t,padding:8})]}).then((({x:r,y:o,placement:e,middlewareData:a})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${o}px`,left:`${r}px`});if(a.arrow){const{x:r,y:o}=a.arrow;Object.assign(t.style,{left:this.variant==="error"||this.variant==="error-element"?e.indexOf("start")>=0?"1rem":"calc(100% - 1rem)":r!=null?`${r}px`:"",top:o!=null?`${o}px`:""})}}))}get _el(){return a(this)}static get watchers(){return{show:["onShowChange"]}}};c.style=v;export{c as p_tooltip};
2
- //# sourceMappingURL=p-00d4647f.entry.js.map
1
+ import{r as t,c as r,h as o,H as e,g as a}from"./p-e4d5e7a7.js";import{a as i,c as s,o as n,f as p,s as h,b as l}from"./p-fef32402.js";const c='.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rounded{border-radius:.25rem!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.opacity-0{opacity:0!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:inline-block;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;left:0;line-height:1rem;max-width:14.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:-moz-max-content;width:max-content;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{opacity:1;pointer-events:auto}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:"";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}:host .popover-container .popover[data-strategy=fixed]{position:fixed}:host .popover-container .popover[data-strategy=absolute]{position:absolute}:host .popover-container .popover[data-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-placement^=right]>.arrow{left:-.25rem}.static{position:static!important}';const d=class{constructor(o){t(this,o);this.isOpen=r(this,"isOpen",3);this._hasContentSlot=false;this._loaded=false;this.variant="hover";this.content=null;this.placement="top";this.offset=8;this.strategy="absolute";this.enableUserInput=true;this.show=false;this.canManuallyClose=true}componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return o(e,{class:"p-popover"},o("slot",{name:"trigger"}),o("div",{class:"popover-container"},o("div",{class:`popover variant-${this.variant}`,role:"popover","data-placement":this.placement,"data-strategy":this.strategy,ref:t=>this._load(t)},this.content?this.content:o("slot",{name:"content"}),o("div",{class:"arrow"}))))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}_show(){var t;if(!this._loaded){return}if(!((t=this.content)===null||t===void 0?void 0:t.length)&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=i(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}const t=this._popover.querySelector(".arrow");if(!t){return}s(this._el,this._popover,{placement:this.variant==="error"||this.variant==="error-element"?"top-end":this.placement,strategy:this.strategy,middleware:[n(this.variant==="error"?14:this.offset),p(),h(),l({element:t,padding:8})]}).then((({x:r,y:o,placement:e,middlewareData:a})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${o}px`,left:`${r}px`});if(a.arrow){const{x:r,y:o}=a.arrow;Object.assign(t.style,{left:this.variant==="error"||this.variant==="error-element"?e.indexOf("start")>=0?"1rem":"calc(100% - 1rem)":r!=null?`${r}px`:"",top:o!=null?`${o}px`:""})}}))}get _el(){return a(this)}static get watchers(){return{show:["onShowChange"]}}};d.style=c;export{d as p_tooltip};
2
+ //# sourceMappingURL=p-a8923d40.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tooltipComponentCss","Tooltip","this","_hasContentSlot","_loaded","componentWillLoad","_el","querySelector","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","name","variant","role","placement","strategy","ref","el","_load","content","clickHandler","enableUserInput","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","_a","length","autoUpdate","setAttribute","isOpen","emit","removeAttribute","popover","setTimeout","arrowEl","computePosition","middleware","offset","flip","shift","arrow","element","padding","then","x","y","middlewareData","dataset","Object","assign","style","top","left","indexOf"],"sources":["src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply flex cursor-pointer;\n\n\t.popover-container {\n\t\t@apply relative h-0 w-0;\n\t\t.popover {\n\t\t\t@apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n\t\t\t@apply pointer-events-none;\n\t\t\twidth: max-content;\n\t\t\tmax-width: 14.5rem;\n\n\t\t\t&.variant-hover,\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-storm py-1 text-white;\n\t\t\t}\n\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-negative uppercase tracking-wider;\n\t\t\t}\n\n\t\t\t&[data-show] {\n\t\t\t\t@apply pointer-events-auto opacity-100;\n\t\t\t}\n\n\t\t\t.arrow,\n\t\t\t.arrow::before {\n\t\t\t\tbackground: inherit;\n\t\t\t\t@apply absolute h-2 w-2;\n\t\t\t}\n\n\t\t\t.arrow {\n\t\t\t\tvisibility: hidden;\n\n\t\t\t\t&::before {\n\t\t\t\t\t@apply visible rotate-45 transform;\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-strategy='fixed'] {\n\t\t\t\t@apply fixed;\n\t\t\t}\n\n\t\t\t&[data-strategy='absolute'] {\n\t\t\t\t@apply absolute;\n\t\t\t}\n\n\t\t\t&[data-placement^='top'] > .arrow {\n\t\t\t\t@apply -bottom-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='bottom'] > .arrow {\n\t\t\t\t@apply -top-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='left'] > .arrow {\n\t\t\t\t@apply -right-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='right'] > .arrow {\n\t\t\t\t@apply -left-1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {\n\tarrow,\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.scss',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-popover'>\n\t\t\t\t<slot name='trigger' />\n\t\t\t\t<div class='popover-container'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`popover variant-${this.variant}`}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t\t<div class='arrow'></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n\t\tif (!arrowEl) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' || this.variant === 'error-element'\n\t\t\t\t\t? 'top-end'\n\t\t\t\t\t: this.placement,\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [\n\t\t\t\toffset(this.variant === 'error' ? 14 : this.offset),\n\t\t\t\tflip(),\n\t\t\t\tshift(),\n\t\t\t\tarrow({ element: arrowEl, padding: 8 }),\n\t\t\t],\n\t\t}).then(({ x, y, placement, middlewareData }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\n\t\t\tif (middlewareData.arrow) {\n\t\t\t\tconst { x, y } = middlewareData.arrow;\n\n\t\t\t\tObject.assign(arrowEl.style, {\n\t\t\t\t\tleft:\n\t\t\t\t\t\tthis.variant === 'error' || this.variant === 'error-element'\n\t\t\t\t\t\t\t? placement.indexOf('start') >= 0\n\t\t\t\t\t\t\t\t? '1rem'\n\t\t\t\t\t\t\t\t: 'calc(100% - 1rem)'\n\t\t\t\t\t\t\t: x != null\n\t\t\t\t\t\t\t? `${x}px`\n\t\t\t\t\t\t\t: '',\n\t\t\t\t\ttop: y != null ? `${y}px` : '',\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["tooltipComponentCss","Tooltip","this","_hasContentSlot","_loaded","componentWillLoad","_el","querySelector","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","name","variant","role","placement","strategy","ref","el","_load","content","clickHandler","enableUserInput","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","_a","length","autoUpdate","setAttribute","isOpen","emit","removeAttribute","popover","setTimeout","arrowEl","computePosition","middleware","offset","flip","shift","arrow","element","padding","then","x","y","middlewareData","dataset","Object","assign","style","top","left","indexOf"],"sources":["src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply flex cursor-pointer;\n\n\t.popover-container {\n\t\t@apply relative h-0 w-0;\n\t\t.popover {\n\t\t\t@apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n\t\t\t@apply pointer-events-none;\n\t\t\twidth: max-content;\n\t\t\tmax-width: 14.5rem;\n\n\t\t\t&.variant-hover,\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-storm py-1 text-white;\n\t\t\t}\n\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-negative uppercase tracking-wider;\n\t\t\t}\n\n\t\t\t&[data-show] {\n\t\t\t\t@apply pointer-events-auto opacity-100;\n\t\t\t}\n\n\t\t\t.arrow,\n\t\t\t.arrow::before {\n\t\t\t\tbackground: inherit;\n\t\t\t\t@apply absolute h-2 w-2;\n\t\t\t}\n\n\t\t\t.arrow {\n\t\t\t\tvisibility: hidden;\n\n\t\t\t\t&::before {\n\t\t\t\t\t@apply visible rotate-45 transform;\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-strategy='fixed'] {\n\t\t\t\t@apply fixed;\n\t\t\t}\n\n\t\t\t&[data-strategy='absolute'] {\n\t\t\t\t@apply absolute;\n\t\t\t}\n\n\t\t\t&[data-placement^='top'] > .arrow {\n\t\t\t\t@apply -bottom-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='bottom'] > .arrow {\n\t\t\t\t@apply -top-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='left'] > .arrow {\n\t\t\t\t@apply -right-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='right'] > .arrow {\n\t\t\t\t@apply -left-1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {\n\tarrow,\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.scss',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-popover'>\n\t\t\t\t<slot name='trigger' />\n\t\t\t\t<div class='popover-container'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`popover variant-${this.variant}`}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t\t<div class='arrow'></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n\t\tif (!arrowEl) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' || this.variant === 'error-element'\n\t\t\t\t\t? 'top-end'\n\t\t\t\t\t: this.placement,\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [\n\t\t\t\toffset(this.variant === 'error' ? 14 : this.offset),\n\t\t\t\tflip(),\n\t\t\t\tshift(),\n\t\t\t\tarrow({ element: arrowEl, padding: 8 }),\n\t\t\t],\n\t\t}).then(({ x, y, placement, middlewareData }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\n\t\t\tif (middlewareData.arrow) {\n\t\t\t\tconst { x, y } = middlewareData.arrow;\n\n\t\t\t\tObject.assign(arrowEl.style, {\n\t\t\t\t\tleft:\n\t\t\t\t\t\tthis.variant === 'error' || this.variant === 'error-element'\n\t\t\t\t\t\t\t? placement.indexOf('start') >= 0\n\t\t\t\t\t\t\t\t? '1rem'\n\t\t\t\t\t\t\t\t: 'calc(100% - 1rem)'\n\t\t\t\t\t\t\t: x != null\n\t\t\t\t\t\t\t? `${x}px`\n\t\t\t\t\t\t\t: '',\n\t\t\t\t\ttop: y != null ? `${y}px` : '',\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n}\n"],"mappings":"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"}