@paperless/core 2.17.10 → 2.18.1

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 (101) hide show
  1. package/dist/{paperless/p-90d76df5.entry.js → build/p-14d7f7a1.entry.js} +2 -2
  2. package/dist/build/p-14d7f7a1.entry.js.map +1 -0
  3. package/dist/build/{p-368f8da6.entry.js → p-458b268a.entry.js} +2 -2
  4. package/dist/build/p-458b268a.entry.js.map +1 -0
  5. package/dist/build/p-961afe4b.js +2 -0
  6. package/dist/{paperless/p-6afec957.entry.js → build/p-a40a7fc1.entry.js} +2 -2
  7. package/dist/build/p-a40a7fc1.entry.js.map +1 -0
  8. package/dist/build/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
  9. package/dist/build/p-calendar.entry.esm.js.map +1 -1
  10. package/dist/build/p-datepicker.entry.esm.js.map +1 -1
  11. package/dist/build/paperless.esm.js +1 -1
  12. package/dist/cjs/loader.cjs.js +1 -1
  13. package/dist/cjs/p-button.p-icon.p-loader.entry.cjs.js.map +1 -1
  14. package/dist/cjs/p-button_3.cjs.entry.js +8 -4
  15. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  16. package/dist/cjs/p-calendar.cjs.entry.js +6 -6
  17. package/dist/cjs/p-calendar.cjs.entry.js.map +1 -1
  18. package/dist/cjs/p-calendar.entry.cjs.js.map +1 -1
  19. package/dist/cjs/p-datepicker.cjs.entry.js +7 -4
  20. package/dist/cjs/p-datepicker.cjs.entry.js.map +1 -1
  21. package/dist/cjs/p-datepicker.entry.cjs.js.map +1 -1
  22. package/dist/cjs/paperless.cjs.js +1 -1
  23. package/dist/collection/components/molecules/button/button.component.js +28 -5
  24. package/dist/collection/components/molecules/button/button.component.js.map +1 -1
  25. package/dist/collection/components/molecules/calendar/calendar.component.js +6 -6
  26. package/dist/collection/components/molecules/calendar/calendar.component.js.map +1 -1
  27. package/dist/collection/components/molecules/datepicker/datepicker.component.js +7 -4
  28. package/dist/collection/components/molecules/datepicker/datepicker.component.js.map +1 -1
  29. package/dist/components/{p-C5GXX5d0.js → p-BqKXLcZb.js} +3 -3
  30. package/dist/components/{p-C5GXX5d0.js.map → p-BqKXLcZb.js.map} +1 -1
  31. package/dist/components/{p-DF6kFhsX.js → p-BsFb_hX4.js} +4 -4
  32. package/dist/components/{p-DF6kFhsX.js.map → p-BsFb_hX4.js.map} +1 -1
  33. package/dist/components/{p-C5-nq7xq.js → p-CDJmZjDG.js} +6 -6
  34. package/dist/components/{p-C5-nq7xq.js.map → p-CDJmZjDG.js.map} +1 -1
  35. package/dist/components/{p-Ci8qp2t7.js → p-CFIY22oV.js} +3 -3
  36. package/dist/components/{p-Ci8qp2t7.js.map → p-CFIY22oV.js.map} +1 -1
  37. package/dist/components/{p-D45Gz2zW.js → p-CRadQFtR.js} +3 -3
  38. package/dist/components/{p-D45Gz2zW.js.map → p-CRadQFtR.js.map} +1 -1
  39. package/dist/components/{p-BPwNIYoU.js → p-CcfOgVyY.js} +9 -9
  40. package/dist/components/p-CcfOgVyY.js.map +1 -0
  41. package/dist/components/{p--jijBmQW.js → p-D7R1YUFy.js} +11 -6
  42. package/dist/components/p-D7R1YUFy.js.map +1 -0
  43. package/dist/components/{p-Bu86UeMr.js → p-DMk-079N.js} +3 -3
  44. package/dist/components/{p-Bu86UeMr.js.map → p-DMk-079N.js.map} +1 -1
  45. package/dist/components/{p-CrsoJQI0.js → p-D_p65Zxm.js} +4 -4
  46. package/dist/components/{p-CrsoJQI0.js.map → p-D_p65Zxm.js.map} +1 -1
  47. package/dist/components/{p-BVTrNdp6.js → p-DqSbhKx7.js} +5 -5
  48. package/dist/components/{p-BVTrNdp6.js.map → p-DqSbhKx7.js.map} +1 -1
  49. package/dist/components/p-attachment.js +1 -1
  50. package/dist/components/p-button.js +1 -1
  51. package/dist/components/p-calendar.js +1 -1
  52. package/dist/components/p-datepicker.js +10 -7
  53. package/dist/components/p-datepicker.js.map +1 -1
  54. package/dist/components/p-drawer-header.js +1 -1
  55. package/dist/components/p-drawer.js +2 -2
  56. package/dist/components/p-empty-state.js +1 -1
  57. package/dist/components/p-field.js +1 -1
  58. package/dist/components/p-modal-header.js +1 -1
  59. package/dist/components/p-modal.js +2 -2
  60. package/dist/components/p-navbar.js +1 -1
  61. package/dist/components/p-pagination-pages.js +1 -1
  62. package/dist/components/p-pagination.js +1 -1
  63. package/dist/components/p-profile.js +1 -1
  64. package/dist/components/p-select.js +2 -2
  65. package/dist/components/p-table-footer.js +1 -1
  66. package/dist/components/p-table-header.js +1 -1
  67. package/dist/components/p-table.js +7 -7
  68. package/dist/esm/loader.js +1 -1
  69. package/dist/esm/p-button.p-icon.p-loader.entry.js.map +1 -1
  70. package/dist/esm/p-button_3.entry.js +8 -4
  71. package/dist/esm/p-button_3.entry.js.map +1 -1
  72. package/dist/esm/p-calendar.entry.js +6 -6
  73. package/dist/esm/p-calendar.entry.js.map +1 -1
  74. package/dist/esm/p-datepicker.entry.js +7 -4
  75. package/dist/esm/p-datepicker.entry.js.map +1 -1
  76. package/dist/esm/paperless.js +1 -1
  77. package/dist/index.html +1 -1
  78. package/dist/{build/p-90d76df5.entry.js → paperless/p-14d7f7a1.entry.js} +2 -2
  79. package/dist/paperless/p-14d7f7a1.entry.js.map +1 -0
  80. package/dist/paperless/{p-368f8da6.entry.js → p-458b268a.entry.js} +2 -2
  81. package/dist/paperless/p-458b268a.entry.js.map +1 -0
  82. package/dist/{build/p-6afec957.entry.js → paperless/p-a40a7fc1.entry.js} +2 -2
  83. package/dist/paperless/p-a40a7fc1.entry.js.map +1 -0
  84. package/dist/paperless/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
  85. package/dist/paperless/p-calendar.entry.esm.js.map +1 -1
  86. package/dist/paperless/p-datepicker.entry.esm.js.map +1 -1
  87. package/dist/paperless/paperless.esm.js +1 -1
  88. package/dist/sw.js +1 -1
  89. package/dist/sw.js.map +1 -1
  90. package/dist/types/components/molecules/button/button.component.d.ts +4 -0
  91. package/dist/types/components.d.ts +8 -0
  92. package/package.json +1 -1
  93. package/dist/build/p-0534c8fc.js +0 -2
  94. package/dist/build/p-368f8da6.entry.js.map +0 -1
  95. package/dist/build/p-6afec957.entry.js.map +0 -1
  96. package/dist/build/p-90d76df5.entry.js.map +0 -1
  97. package/dist/components/p--jijBmQW.js.map +0 -1
  98. package/dist/components/p-BPwNIYoU.js.map +0 -1
  99. package/dist/paperless/p-368f8da6.entry.js.map +0 -1
  100. package/dist/paperless/p-6afec957.entry.js.map +0 -1
  101. package/dist/paperless/p-90d76df5.entry.js.map +0 -1
@@ -2,18 +2,18 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from '
2
2
  import { c as cva } from './p-CBWjHURv.js';
3
3
  import { T as ThemedHost } from './p-7QA93RrV.js';
4
4
  import { P as PAGINATION_DEFAULT_PAGE_SIZE, a as PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS } from './p-vyRrSf5s.js';
5
- import { d as defineCustomElement$f } from './p--jijBmQW.js';
5
+ import { d as defineCustomElement$f } from './p-D7R1YUFy.js';
6
6
  import { d as defineCustomElement$e } from './p-B9Oq0SNd.js';
7
7
  import { d as defineCustomElement$d } from './p-BoNZCwkk.js';
8
8
  import { d as defineCustomElement$c } from './p-CLE6xhvL.js';
9
9
  import { d as defineCustomElement$b } from './p-CStLRi0B.js';
10
10
  import { d as defineCustomElement$a } from './p-DK2fgASG.js';
11
- import { d as defineCustomElement$9 } from './p-C5GXX5d0.js';
11
+ import { d as defineCustomElement$9 } from './p-BqKXLcZb.js';
12
12
  import { d as defineCustomElement$8 } from './p-Drj54LkS.js';
13
13
  import { d as defineCustomElement$7 } from './p-CC4Jkcsd.js';
14
14
  import { d as defineCustomElement$6 } from './p-C8GpDop1.js';
15
15
  import { d as defineCustomElement$5 } from './p-BFbLqg3-.js';
16
- import { d as defineCustomElement$4 } from './p-DF6kFhsX.js';
16
+ import { d as defineCustomElement$4 } from './p-BsFb_hX4.js';
17
17
  import { d as defineCustomElement$3 } from './p-C1RM6nHP.js';
18
18
  import { d as defineCustomElement$2 } from './p-DYWk-b-p.js';
19
19
  import { d as defineCustomElement$1 } from './p-CeJyspp0.js';
@@ -206,6 +206,6 @@ function defineCustomElement() {
206
206
  defineCustomElement();
207
207
 
208
208
  export { Pagination as P, defineCustomElement as d };
209
- //# sourceMappingURL=p-BVTrNdp6.js.map
209
+ //# sourceMappingURL=p-DqSbhKx7.js.map
210
210
 
211
- //# sourceMappingURL=p-BVTrNdp6.js.map
211
+ //# sourceMappingURL=p-DqSbhKx7.js.map
@@ -1 +1 @@
1
- {"file":"p-BVTrNdp6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-solid border-off-white-700',\n\t\t'dark:bg-hurricane-500 dark:border-hurricane-400',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\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/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: 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 * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\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 * 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 * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden:\n\t\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-off-white-700 dark:text-hurricane-400'\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}
1
+ {"file":"p-DqSbhKx7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-solid border-off-white-700',\n\t\t'dark:bg-hurricane-500 dark:border-hurricane-400',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\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/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: 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 * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\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 * 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 * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden:\n\t\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-off-white-700 dark:text-hurricane-400'\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from '
2
2
  import { c as cva } from './p-CBWjHURv.js';
3
3
  import { h as isTablet, f as isMobile } from './p-B3sNjfzc.js';
4
4
  import { c as cn } from './p-CT54OXR2.js';
5
- import { d as defineCustomElement$7 } from './p--jijBmQW.js';
5
+ import { d as defineCustomElement$7 } from './p-D7R1YUFy.js';
6
6
  import { d as defineCustomElement$6 } from './p-Drj54LkS.js';
7
7
  import { d as defineCustomElement$5 } from './p-CC4Jkcsd.js';
8
8
  import { d as defineCustomElement$4 } from './p-C8GpDop1.js';
@@ -1,4 +1,4 @@
1
- import { B as Button, d as defineCustomElement$1 } from './p--jijBmQW.js';
1
+ import { B as Button, d as defineCustomElement$1 } from './p-D7R1YUFy.js';
2
2
 
3
3
  const PButton = Button;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { C as Calendar, d as defineCustomElement$1 } from './p-BPwNIYoU.js';
1
+ import { C as Calendar, d as defineCustomElement$1 } from './p-CcfOgVyY.js';
2
2
 
3
3
  const PCalendar = Calendar;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -3,11 +3,11 @@ import { c as childOf } from './p-BFSNj6hu.js';
3
3
  import { i as isMobileBrowser } from './p-DVCJlilm.js';
4
4
  import { a as asBoolean } from './p-C5CTp9IA.js';
5
5
  import { b as state } from './p-DnVMEz1h.js';
6
- import { d as defineCustomElement$b } from './p--jijBmQW.js';
7
- import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$a, o as getYear, p as subYears, q as isValid, u as isBefore, v as isAfter, w as format, x as locale$1, y as startOfDay, z as startOfMonth, A as isSameDay, B as isWeekend, D as addYears, E as setYear } from './p-BPwNIYoU.js';
6
+ import { d as defineCustomElement$b } from './p-D7R1YUFy.js';
7
+ import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$a, o as getYear, p as subYears, q as isValid, u as isBefore, v as isAfter, w as format, x as locale$1, y as startOfDay, z as startOfMonth, A as isSameDay, B as isWeekend, D as addYears, E as setYear } from './p-CcfOgVyY.js';
8
8
  import { d as defineCustomElement$9 } from './p-CLE6xhvL.js';
9
9
  import { d as defineCustomElement$8 } from './p-CStLRi0B.js';
10
- import { d as defineCustomElement$7 } from './p-C5GXX5d0.js';
10
+ import { d as defineCustomElement$7 } from './p-BqKXLcZb.js';
11
11
  import { d as defineCustomElement$6 } from './p-Drj54LkS.js';
12
12
  import { d as defineCustomElement$5 } from './p-CC4Jkcsd.js';
13
13
  import { d as defineCustomElement$4 } from './p-C8GpDop1.js';
@@ -3073,7 +3073,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends H {
3073
3073
  this.parseValue(this.value);
3074
3074
  }
3075
3075
  render() {
3076
- return (h("p-dropdown", { key: 'a3b7ea1be56aac9497229a7d642a0ad76aaaadd0', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown, isDatepicker: true }, h("p-field", { key: '08386c924f983e24ca5d7e7eed659df37ce6b82c', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'd9ee5c8a67cc6af8da3864e6ead01bc198756972', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
3076
+ return (h("p-dropdown", { key: 'a3b7ea1be56aac9497229a7d642a0ad76aaaadd0', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown, isDatepicker: true }, h("p-field", { key: '06cc4e91f8d9ce1f317e8a0e689de5018c685717', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: (ev) => this._onBlur(ev), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'f8cbd5f6ec8bd87bce5b13cfee550a072830b1d1', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
3077
3077
  format(this._value, 'yyyy-MM-dd', {
3078
3078
  locale: state.locale === 'nl' ? locale$1 : locale,
3079
3079
  }), min: this._minDate &&
@@ -3082,7 +3082,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends H {
3082
3082
  }), max: this.maxDate &&
3083
3083
  format(new Date(this.maxDate), 'yyyy-MM-dd', {
3084
3084
  locale: state.locale === 'nl' ? locale$1 : locale,
3085
- }) })), h("div", { key: 'f73f729782e54102b94c939b5d38118358c78490', slot: 'items' }, h("p-calendar", { key: '8b4f9ebc13ef3c590e501979d2495bd30e5db692', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
3085
+ }) })), h("div", { key: 'a3caba7fad60ba5e8d3b31b2f4f075960d2801cd', tabIndex: -1, slot: 'items' }, h("p-calendar", { key: '83fe68ab2ba2903043e0785a38b4acca26f14dad', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
3086
3086
  }
3087
3087
  documentClickHandler({ target }) {
3088
3088
  if (!this._showDropdown || childOf(target, this._el)) {
@@ -3099,10 +3099,13 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends H {
3099
3099
  }
3100
3100
  this._showDropdown = true;
3101
3101
  }
3102
- _onBlur(parseFormat = this.format) {
3102
+ _onBlur(ev, parseFormat = this.format) {
3103
3103
  if (this._isMobileBrowser && this._dateInputRef) {
3104
3104
  return;
3105
3105
  }
3106
+ if (ev.relatedTarget && !childOf(ev.relatedTarget, this._el)) {
3107
+ this._showDropdown = false;
3108
+ }
3106
3109
  const target = this._inputRef;
3107
3110
  if (target.value === null) {
3108
3111
  return;
@@ -3113,7 +3116,7 @@ const Datepicker = /*@__PURE__*/ proxyCustomElement(class Datepicker extends H {
3113
3116
  }
3114
3117
  const valid = isValid(value);
3115
3118
  if (!valid && parseFormat === this.format && this.mode === 'day') {
3116
- return this._onBlur(this._defaultFormats['dayNoDashes']);
3119
+ return this._onBlur(ev, this._defaultFormats['dayNoDashes']);
3117
3120
  }
3118
3121
  if (!valid || this._isDisabledDay(value)) {
3119
3122
  target.value = this._getFormattedDate();