@mozaic-ds/web-components 0.14.0 → 0.16.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 (159) hide show
  1. package/package.json +1 -1
  2. package/public/DataTableUtilities-e254e96d.js +2 -0
  3. package/public/DataTableUtilities-e254e96d.js.map +1 -0
  4. package/public/adeo/DataTableUtilities-e254e96d.js +2 -0
  5. package/public/adeo/DataTableUtilities-e254e96d.js.map +1 -0
  6. package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
  7. package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
  8. package/public/adeo/components/autocomplete/Autocomplete.svelte +23 -16
  9. package/public/adeo/components/datatable/DataTable.js +1 -1
  10. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  11. package/public/adeo/components/datatable/DataTable.svelte +12 -0
  12. package/public/adeo/components/datatable/data.d.ts +3 -1
  13. package/public/adeo/components/datatable/data.d.ts.map +1 -1
  14. package/public/adeo/components/datatable/datatable-default-action.nested.js +1 -1
  15. package/public/adeo/components/datatable/datatable-default-action.nested.js.map +1 -1
  16. package/public/adeo/components/datatable/datatable-default-action.nested.svelte +6 -3
  17. package/public/adeo/components/datatable/datatable-default-edtion.nested.js +1 -1
  18. package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js +1 -1
  19. package/public/adeo/components/datatable/datatable-default-footer.nested.js +1 -1
  20. package/public/adeo/components/datatable/datatable-default-selection-label.nested.js +1 -1
  21. package/public/adeo/components/datatable/datatable-default-selection-label.nested.js.map +1 -1
  22. package/public/adeo/components/datatable/datatable-default-selection-label.nested.svelte +7 -1
  23. package/public/adeo/components/datatable/datatable-default-selection.nested.js +1 -1
  24. package/public/adeo/components/datatable/datatable-default-selection.nested.js.map +1 -1
  25. package/public/adeo/components/datatable/datatable-default-selection.nested.svelte +16 -1
  26. package/public/adeo/components/datatable/datatable.types.d.ts +6 -0
  27. package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
  28. package/public/adeo/components/dropdown/Dropdown.js +1 -1
  29. package/public/adeo/components/dropdown/Dropdown.js.map +1 -1
  30. package/public/adeo/components/dropdown/Dropdown.svelte +3 -3
  31. package/public/adeo/components/fileuploader/FileUploader.js +1 -1
  32. package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
  33. package/public/adeo/components/fileuploader/FileUploader.svelte +5 -14
  34. package/public/adeo/components/fileuploader/fileuploader-result.js +1 -1
  35. package/public/adeo/components/fileuploader/fileuploader-result.js.map +1 -1
  36. package/public/adeo/components/fileuploader-result/fileuploader-result.svelte +4 -0
  37. package/public/adeo/components/pagination/Pagination.js +1 -1
  38. package/public/adeo/components/pagination/Pagination.js.map +1 -1
  39. package/public/adeo/components/pagination/Pagination.svelte +4 -6
  40. package/public/adeo/components/stepperbar/StepperBar.js +1 -1
  41. package/public/adeo/components/stepperbar/StepperBar.js.map +1 -1
  42. package/public/adeo/components/stepperbar/StepperBar.svelte +9 -0
  43. package/public/adeo/components/textarea/Textarea.js +1 -1
  44. package/public/adeo/components/textarea/Textarea.js.map +1 -1
  45. package/public/adeo/components/textarea/Textarea.svelte +15 -1
  46. package/public/adeo/components/textinput/Textinput.js +1 -1
  47. package/public/adeo/components/textinput/Textinput.js.map +1 -1
  48. package/public/adeo/components/textinput/Textinput.svelte +9 -6
  49. package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
  50. package/public/adeo/utilities/DataTableUtilities.ts +3 -1
  51. package/public/bricoman/DataTableUtilities-e254e96d.js +2 -0
  52. package/public/bricoman/DataTableUtilities-e254e96d.js.map +1 -0
  53. package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
  54. package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
  55. package/public/bricoman/components/autocomplete/Autocomplete.svelte +23 -16
  56. package/public/bricoman/components/datatable/DataTable.js +1 -1
  57. package/public/bricoman/components/datatable/DataTable.js.map +1 -1
  58. package/public/bricoman/components/datatable/DataTable.svelte +12 -0
  59. package/public/bricoman/components/datatable/data.d.ts +3 -1
  60. package/public/bricoman/components/datatable/data.d.ts.map +1 -1
  61. package/public/bricoman/components/datatable/datatable-default-action.nested.js +1 -1
  62. package/public/bricoman/components/datatable/datatable-default-action.nested.js.map +1 -1
  63. package/public/bricoman/components/datatable/datatable-default-action.nested.svelte +6 -3
  64. package/public/bricoman/components/datatable/datatable-default-edtion.nested.js +1 -1
  65. package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js +1 -1
  66. package/public/bricoman/components/datatable/datatable-default-footer.nested.js +1 -1
  67. package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js +1 -1
  68. package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js.map +1 -1
  69. package/public/bricoman/components/datatable/datatable-default-selection-label.nested.svelte +7 -1
  70. package/public/bricoman/components/datatable/datatable-default-selection.nested.js +1 -1
  71. package/public/bricoman/components/datatable/datatable-default-selection.nested.js.map +1 -1
  72. package/public/bricoman/components/datatable/datatable-default-selection.nested.svelte +16 -1
  73. package/public/bricoman/components/datatable/datatable.types.d.ts +6 -0
  74. package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
  75. package/public/bricoman/components/dropdown/Dropdown.js +1 -1
  76. package/public/bricoman/components/dropdown/Dropdown.js.map +1 -1
  77. package/public/bricoman/components/dropdown/Dropdown.svelte +3 -3
  78. package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
  79. package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
  80. package/public/bricoman/components/fileuploader/FileUploader.svelte +5 -14
  81. package/public/bricoman/components/fileuploader/fileuploader-result.js +1 -1
  82. package/public/bricoman/components/fileuploader/fileuploader-result.js.map +1 -1
  83. package/public/bricoman/components/fileuploader-result/fileuploader-result.svelte +4 -0
  84. package/public/bricoman/components/pagination/Pagination.js +1 -1
  85. package/public/bricoman/components/pagination/Pagination.js.map +1 -1
  86. package/public/bricoman/components/pagination/Pagination.svelte +4 -6
  87. package/public/bricoman/components/stepperbar/StepperBar.js +1 -1
  88. package/public/bricoman/components/stepperbar/StepperBar.js.map +1 -1
  89. package/public/bricoman/components/stepperbar/StepperBar.svelte +9 -0
  90. package/public/bricoman/components/textarea/Textarea.js +1 -1
  91. package/public/bricoman/components/textarea/Textarea.js.map +1 -1
  92. package/public/bricoman/components/textarea/Textarea.svelte +15 -1
  93. package/public/bricoman/components/textinput/Textinput.js +1 -1
  94. package/public/bricoman/components/textinput/Textinput.js.map +1 -1
  95. package/public/bricoman/components/textinput/Textinput.svelte +9 -6
  96. package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
  97. package/public/bricoman/utilities/DataTableUtilities.ts +3 -1
  98. package/public/components/autocomplete/Autocomplete.js +1 -1
  99. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  100. package/public/components/autocomplete/Autocomplete.svelte +23 -16
  101. package/public/components/datatable/DataTable.js +1 -1
  102. package/public/components/datatable/DataTable.js.map +1 -1
  103. package/public/components/datatable/DataTable.svelte +12 -0
  104. package/public/components/datatable/data.d.ts +3 -1
  105. package/public/components/datatable/data.d.ts.map +1 -1
  106. package/public/components/datatable/datatable-default-action.nested.js +1 -1
  107. package/public/components/datatable/datatable-default-action.nested.js.map +1 -1
  108. package/public/components/datatable/datatable-default-action.nested.svelte +6 -3
  109. package/public/components/datatable/datatable-default-edtion.nested.js +1 -1
  110. package/public/components/datatable/datatable-default-filter-tags.nested.js +1 -1
  111. package/public/components/datatable/datatable-default-footer.nested.js +1 -1
  112. package/public/components/datatable/datatable-default-selection-label.nested.js +1 -1
  113. package/public/components/datatable/datatable-default-selection-label.nested.js.map +1 -1
  114. package/public/components/datatable/datatable-default-selection-label.nested.svelte +7 -1
  115. package/public/components/datatable/datatable-default-selection.nested.js +1 -1
  116. package/public/components/datatable/datatable-default-selection.nested.js.map +1 -1
  117. package/public/components/datatable/datatable-default-selection.nested.svelte +16 -1
  118. package/public/components/datatable/datatable.types.d.ts +6 -0
  119. package/public/components/datatable/datatable.types.d.ts.map +1 -1
  120. package/public/components/dropdown/Dropdown.js +1 -1
  121. package/public/components/dropdown/Dropdown.js.map +1 -1
  122. package/public/components/dropdown/Dropdown.svelte +3 -3
  123. package/public/components/fileuploader/FileUploader.js +1 -1
  124. package/public/components/fileuploader/FileUploader.js.map +1 -1
  125. package/public/components/fileuploader/FileUploader.svelte +5 -14
  126. package/public/components/fileuploader/fileuploader-result.js +1 -1
  127. package/public/components/fileuploader/fileuploader-result.js.map +1 -1
  128. package/public/components/fileuploader-result/fileuploader-result.svelte +4 -0
  129. package/public/components/pagination/Pagination.js +1 -1
  130. package/public/components/pagination/Pagination.js.map +1 -1
  131. package/public/components/pagination/Pagination.svelte +4 -6
  132. package/public/components/stepperbar/StepperBar.js +1 -1
  133. package/public/components/stepperbar/StepperBar.js.map +1 -1
  134. package/public/components/stepperbar/StepperBar.svelte +9 -0
  135. package/public/components/textarea/Textarea.js +1 -1
  136. package/public/components/textarea/Textarea.js.map +1 -1
  137. package/public/components/textarea/Textarea.svelte +15 -1
  138. package/public/components/textinput/Textinput.js +1 -1
  139. package/public/components/textinput/Textinput.js.map +1 -1
  140. package/public/components/textinput/Textinput.svelte +9 -6
  141. package/public/utilities/ClickOutside.js +2 -0
  142. package/public/utilities/ClickOutside.js.map +1 -0
  143. package/public/utilities/DataTableUtilities.d.ts.map +1 -1
  144. package/public/utilities/DataTableUtilities.ts +3 -1
  145. package/public/utilities/components/datatable/data.d.ts +3 -1
  146. package/public/utilities/components/datatable/data.d.ts.map +1 -1
  147. package/public/utilities/components/datatable/datatable.types.d.ts +6 -0
  148. package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
  149. package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
  150. package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts +1 -0
  151. package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts.map +1 -1
  152. package/public/utilities/stories/textarea/Textarea.stories.d.ts.map +1 -1
  153. package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
  154. package/public/DataTableUtilities-ccffa53e.js +0 -2
  155. package/public/DataTableUtilities-ccffa53e.js.map +0 -1
  156. package/public/adeo/DataTableUtilities-ccffa53e.js +0 -2
  157. package/public/adeo/DataTableUtilities-ccffa53e.js.map +0 -1
  158. package/public/bricoman/DataTableUtilities-ccffa53e.js +0 -2
  159. package/public/bricoman/DataTableUtilities-ccffa53e.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"datatable-default-selection.nested.js","sources":["../../../../src/components/datatable/datatable-default-selection.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { SelectionParams } from './datatable.types';\n\n export let itemsSelection: boolean;\n export let selectionParams: SelectionParams | undefined;\n export let showSelectionCount: boolean;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function emitEvent(name: string, detail?: CustomEvent['detail']) {\n eventHandler.dispatch(name, detail || {});\n }\n</script>\n\n<div class=\"mc-datatable__topbar-selection\">\n {#if itemsSelection && showSelectionCount && selectionParams != null && (selectionParams?.idsSelected.length || selectionParams?.allSelected)}\n <div class=\"center-selection-label\">\n {#if selectionParams?.allSelected}\n {#if selectionParams?.excludedIdsFromSelection.length > 0}\n <span\n ><b\n >{selectionParams?.totalItems -\n selectionParams?.excludedIdsFromSelection.length}\n {selectionParams?.selectedLabel || 'selected'}</b\n >\n {selectionParams?.rowsOnPageLabel || 'rows on the page. '}-\n <a href=\"/\" on:click|preventDefault={() => emitEvent('select-all')}\n >{selectionParams?.selectAllLabel || 'Select all'}\n {selectionParams?.totalItems}\n {selectionParams?.rowsOfTableLabel || 'rows of the table'}</a\n >\n </span>\n {:else}\n <span\n >{selectionParams?.rowsSelectedLabel ||\n 'All rows are selected in the table.'} -\n <a\n href=\"/\"\n on:click|preventDefault={() => emitEvent('clear-selection')}\n >{selectionParams?.clearSelectionLabel || 'Clear selection'}</a\n >\n </span>\n {/if}\n {/if}\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n .mc-datatable__topbar-selection {\n width: 100%;\n background-color: white;\n border-radius: 4px;\n }\n\n .center-selection-label {\n text-align: center;\n }\n\n .center-selection-label span {\n line-height: 2;\n }\n</style>\n"],"names":["if_block","ctx","allSelected","create_if_block_1","insert","target","div","anchor","excludedIdsFromSelection","length","create_if_block_2","rowsSelectedLabel","clearSelectionLabel","span","append","a","set_data","t0","t0_value","t2","t2_value","totalItems","selectedLabel","rowsOnPageLabel","selectAllLabel","t8_value","rowsOfTableLabel","b","dirty","t4","t4_value","t6","t6_value","t8","t10","t10_value","idsSelected","create_if_block","itemsSelection","$$props","selectionParams","showSelectionCount","eventHandler","EventHandler","get_current_component","createEventDispatcher","emitEvent","name","detail","dispatch"],"mappings":"wgBAyBWA,EAAAC,MAAiBC,aAAWC,EAAAF,8FADnCG,EA4BKC,EAAAC,EAAAC,0BA3BEN,MAAiBC,kIACf,OAAAD,EAAiB,IAAAO,yBAAyBC,OAAS,EAACC,iNAgBnDT,EAAe,IAAEU,mBACjB,uCAAqC,MAInCV,EAAe,IAAEW,qBAAuB,mBAAiB,qCAJrB,yFAF1CR,EAQMC,EAAAQ,EAAAN,iBALJO,EAIAD,EAAAE,gEANEd,EAAe,IAAEU,mBACjB,uCAAqC,KAAAK,EAAAC,EAAAC,gBAInCjB,EAAe,IAAEW,qBAAuB,mBAAiB,KAAAI,EAAAG,EAAAC,8EAlBzDF,EAAAjB,MAAiBoB,WACjBpB,EAAiB,IAAAO,yBAAyBC,OAAM,MACjDR,EAAe,IAAEqB,eAAiB,YAAU,MAE9CrB,EAAe,IAAEsB,iBAAmB,sBAAoB,MAErDtB,EAAe,IAAEuB,gBAAkB,cAAY,GAChDC,EAAAxB,MAAiBoB,WAAU,MAC3BpB,EAAe,IAAEyB,kBAAoB,qBAAmB,wEAJD,kHAN5DtB,EAYMC,EAAAQ,EAAAN,GAXHO,EAIDD,EAAAc,6CAEAb,EAIAD,EAAAE,+EATI,EAAAa,GAAAV,KAAAA,EAAAjB,MAAiBoB,WACjBpB,EAAiB,IAAAO,yBAAyBC,OAAM,KAAAO,EAAAC,EAAAC,gBACjDjB,EAAe,IAAEqB,eAAiB,YAAU,KAAAN,EAAAG,EAAAC,gBAE9CnB,EAAe,IAAEsB,iBAAmB,sBAAoB,KAAAP,EAAAa,EAAAC,gBAErD7B,EAAe,IAAEuB,gBAAkB,cAAY,KAAAR,EAAAe,EAAAC,GAChD,EAAAJ,GAAAH,KAAAA,EAAAxB,MAAiBoB,WAAU,KAAAL,EAAAiB,EAAAR,gBAC3BxB,EAAe,IAAEyB,kBAAoB,qBAAmB,KAAAV,EAAAkB,EAAAC,gDAdhEnC,EAAAC,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,OAA4BA,EAAe,IAAEmC,YAAY3B,QAAUR,MAAiBC,cAAWmC,EAAApC,sGAD9IG,EAgCKC,EAAAC,EAAAC,4BA/BEN,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,OAA4BA,EAAe,IAAEmC,YAAY3B,QAAUR,MAAiBC,4IAftHoC,GAAuBC,mBACvBC,GAA4CD,sBAC5CE,GAA2BF,EAElCG,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAUC,EAAcC,GAC/BN,EAAaO,SAASF,EAAMC,GAAM,CAAA,oLAgBiB,IAAAF,EAAU,cAYpB,IAAAA,EAAU"}
1
+ {"version":3,"file":"datatable-default-selection.nested.js","sources":["../../../../src/components/datatable/datatable-default-selection.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { SelectionParams } from './datatable.types';\n\n export let itemsSelection: boolean;\n export let selectionParams: SelectionParams | undefined;\n export let showSelectionCount: boolean;\n export let allItems: boolean;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function emitEvent(name: string, detail?: CustomEvent['detail']) {\n eventHandler.dispatch(name, detail || {});\n }\n</script>\n\n<div class=\"mc-datatable__topbar-selection\">\n {#if itemsSelection && showSelectionCount && selectionParams != null && (selectionParams?.idsSelected.length || selectionParams?.allSelected)}\n <div class=\"center-selection-label\">\n {#if selectionParams?.idsSelected.length < selectionParams.totalItems && allItems && !selectionParams?.allSelected}\n <!-- All page selected -->\n <span\n ><b\n >{selectionParams?.idsSelected.length}\n {selectionParams?.selectedLabel || 'selected'}</b\n >\n {selectionParams?.rowsOnPageLabel || 'rows on the page. '}-\n <a href=\"/\" on:click|preventDefault={() => emitEvent('select-all')}\n >{selectionParams?.selectAllLabel || 'Select all'}\n {selectionParams?.totalItems}\n {selectionParams?.rowsOfTableLabel || 'rows of the table'}</a\n >\n </span>\n {:else if selectionParams?.allSelected}\n {#if selectionParams?.excludedIdsFromSelection.length > 0}\n <span\n ><b\n >{selectionParams?.totalItems -\n selectionParams?.excludedIdsFromSelection.length}\n {selectionParams?.selectedLabel || 'selected'}</b\n >\n {selectionParams?.rowsOnPageLabel || 'rows on the page. '}-\n <a href=\"/\" on:click|preventDefault={() => emitEvent('select-all')}\n >{selectionParams?.selectAllLabel || 'Select all'}\n {selectionParams?.totalItems}\n {selectionParams?.rowsOfTableLabel || 'rows of the table'}</a\n >\n </span>\n {:else}\n <span\n >{selectionParams?.rowsSelectedLabel ||\n 'All rows are selected in the table.'} -\n <a\n href=\"/\"\n on:click|preventDefault={() => emitEvent('clear-selection')}\n >{selectionParams?.clearSelectionLabel || 'Clear selection'}</a\n >\n </span>\n {/if}\n {/if}\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n .mc-datatable__topbar-selection {\n width: 100%;\n background-color: white;\n border-radius: 4px;\n }\n\n .center-selection-label {\n text-align: center;\n }\n\n .center-selection-label span {\n line-height: 2;\n }\n</style>\n"],"names":["ctx","idsSelected","length","totalItems","allSelected","create_if_block_1","create_if_block_2","insert","target","div","anchor","excludedIdsFromSelection","create_if_block_3","selectedLabel","rowsOnPageLabel","selectAllLabel","t8_value","rowsOfTableLabel","span","append","b","a","set_data","t0","t0_value","t2","t2_value","t4","t4_value","t6","t6_value","dirty","t8","t10","t10_value","rowsSelectedLabel","clearSelectionLabel","if_block","create_if_block","itemsSelection","$$props","selectionParams","showSelectionCount","allItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","emitEvent","name","detail","dispatch"],"mappings":"whBA0BW,OAAAA,EAAiB,IAAAC,YAAYC,OAASF,EAAgB,GAAAG,YAAcH,EAAa,KAAAA,MAAiBI,YAAWC,EAcxGL,MAAiBI,YAAWE,OAA5B,kHAfZC,EA0CKC,EAAAC,EAAAC,6JA1BI,OAAAV,EAAiB,IAAAW,yBAAyBT,OAAS,EAACU,kOAXnDZ,EAAe,IAAEC,YAAYC,OAAM,MACpCF,EAAe,IAAEa,eAAiB,YAAU,MAE9Cb,EAAe,IAAEc,iBAAmB,sBAAoB,MAErDd,EAAe,IAAEe,gBAAkB,cAAY,GAChDC,EAAAhB,MAAiBG,WAAU,MAC3BH,EAAe,IAAEiB,kBAAoB,qBAAmB,wEAJD,gHAL5DV,EAWMC,EAAAU,EAAAR,GAVHS,EAGDD,EAAAE,6CAEAD,EAIAD,EAAAG,2FARIrB,EAAe,IAAEC,YAAYC,OAAM,KAAAoB,EAAAC,EAAAC,gBACpCxB,EAAe,IAAEa,eAAiB,YAAU,KAAAS,EAAAG,EAAAC,gBAE9C1B,EAAe,IAAEc,iBAAmB,sBAAoB,KAAAQ,EAAAK,EAAAC,gBAErD5B,EAAe,IAAEe,gBAAkB,cAAY,KAAAO,EAAAO,EAAAC,GAChD,EAAAC,GAAAf,KAAAA,EAAAhB,MAAiBG,WAAU,KAAAmB,EAAAU,EAAAhB,gBAC3BhB,EAAe,IAAEiB,kBAAoB,qBAAmB,KAAAK,EAAAW,EAAAC,+DAoBvDlC,EAAe,IAAEmC,mBACjB,uCAAqC,MAInCnC,EAAe,IAAEoC,qBAAuB,mBAAiB,qCAJrB,yFAF1C7B,EAQMC,EAAAU,EAAAR,iBALJS,EAIAD,EAAAG,gEANErB,EAAe,IAAEmC,mBACjB,uCAAqC,KAAAb,EAAAC,EAAAC,gBAInCxB,EAAe,IAAEoC,qBAAuB,mBAAiB,KAAAd,EAAAG,EAAAC,8EAlBzDF,EAAAxB,MAAiBG,WACjBH,EAAiB,IAAAW,yBAAyBT,OAAM,MACjDF,EAAe,IAAEa,eAAiB,YAAU,MAE9Cb,EAAe,IAAEc,iBAAmB,sBAAoB,MAErDd,EAAe,IAAEe,gBAAkB,cAAY,GAChDC,EAAAhB,MAAiBG,WAAU,MAC3BH,EAAe,IAAEiB,kBAAoB,qBAAmB,wEAJD,kHAN5DV,EAYMC,EAAAU,EAAAR,GAXHS,EAIDD,EAAAE,6CAEAD,EAIAD,EAAAG,+EATI,EAAAU,GAAAP,KAAAA,EAAAxB,MAAiBG,WACjBH,EAAiB,IAAAW,yBAAyBT,OAAM,KAAAoB,EAAAC,EAAAC,gBACjDxB,EAAe,IAAEa,eAAiB,YAAU,KAAAS,EAAAG,EAAAC,gBAE9C1B,EAAe,IAAEc,iBAAmB,sBAAoB,KAAAQ,EAAAK,EAAAC,gBAErD5B,EAAe,IAAEe,gBAAkB,cAAY,KAAAO,EAAAO,EAAAC,GAChD,EAAAC,GAAAf,KAAAA,EAAAhB,MAAiBG,WAAU,KAAAmB,EAAAU,EAAAhB,gBAC3BhB,EAAe,IAAEiB,kBAAoB,qBAAmB,KAAAK,EAAAW,EAAAC,gDA5BhEG,EAAArC,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,OAA4BA,EAAe,IAAEC,YAAYC,QAAUF,MAAiBI,cAAWkC,EAAAtC,sGAD9IO,EA8CKC,EAAAC,EAAAC,4BA7CEV,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,OAA4BA,EAAe,IAAEC,YAAYC,QAAUF,MAAiBI,4IAhBtHmC,GAAuBC,mBACvBC,GAA4CD,sBAC5CE,GAA2BF,YAC3BG,GAAiBH,EAExBI,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAUC,EAAcC,GAC/BN,EAAaO,SAASF,EAAMC,GAAM,CAAA,wNAee,IAAAF,EAAU,cAeR,IAAAA,EAAU,cAYpB,IAAAA,EAAU"}
@@ -9,6 +9,7 @@
9
9
  export let itemsSelection: boolean;
10
10
  export let selectionParams: SelectionParams | undefined;
11
11
  export let showSelectionCount: boolean;
12
+ export let allItems: boolean;
12
13
 
13
14
  let eventHandler = new EventHandler(
14
15
  get_current_component(),
@@ -23,7 +24,21 @@
23
24
  <div class="mc-datatable__topbar-selection">
24
25
  {#if itemsSelection && showSelectionCount && selectionParams != null && (selectionParams?.idsSelected.length || selectionParams?.allSelected)}
25
26
  <div class="center-selection-label">
26
- {#if selectionParams?.allSelected}
27
+ {#if selectionParams?.idsSelected.length < selectionParams.totalItems && allItems && !selectionParams?.allSelected}
28
+ <!-- All page selected -->
29
+ <span
30
+ ><b
31
+ >{selectionParams?.idsSelected.length}
32
+ {selectionParams?.selectedLabel || 'selected'}</b
33
+ >
34
+ {selectionParams?.rowsOnPageLabel || 'rows on the page. '}-
35
+ <a href="/" on:click|preventDefault={() => emitEvent('select-all')}
36
+ >{selectionParams?.selectAllLabel || 'Select all'}
37
+ {selectionParams?.totalItems}
38
+ {selectionParams?.rowsOfTableLabel || 'rows of the table'}</a
39
+ >
40
+ </span>
41
+ {:else if selectionParams?.allSelected}
27
42
  {#if selectionParams?.excludedIdsFromSelection.length > 0}
28
43
  <span
29
44
  ><b
@@ -38,6 +38,9 @@ export type TableOptions = {
38
38
  hideDownloadButton?: boolean;
39
39
  filterLabel?: string;
40
40
  fixCheckbox?: boolean;
41
+ layerBodyTitleSettingsLabel: string;
42
+ layerColumnTitleSettingsLabel: string;
43
+ layerTitleSettingsLabel: string;
41
44
  };
42
45
  export type TableBodyDatas = {
43
46
  headDatas: HeadData[];
@@ -52,6 +55,7 @@ export type HeadData = {
52
55
  textAlign?: string;
53
56
  fixedColumn?: boolean;
54
57
  hideColumn?: boolean;
58
+ width?: string;
55
59
  };
56
60
  export type BodyData = {
57
61
  id: string;
@@ -95,6 +99,8 @@ export type InputText = {
95
99
  min?: string;
96
100
  max?: string;
97
101
  rightalign?: boolean;
102
+ isvalid?: boolean;
103
+ isinvalid?: boolean;
98
104
  disabled?: boolean;
99
105
  };
100
106
  export type ProgressBar = {
@@ -1 +1 @@
1
- {"version":3,"file":"datatable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/datatable.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"datatable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/datatable.types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B,EAAE,MAAM,CAAC;IACpC,6BAA6B,EAAE,MAAM,CAAC;IACtC,uBAAuB,EAAE,MAAM,CAAC;CACjC,CAAC;AAGF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAGF,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,qBAAqB,GACrB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,WAAW,GACX,QAAQ,CAAC;AACb,MAAM,MAAM,KAAK,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AACjD,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,IAAI,GACJ,WAAW,GACX,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,UAAU,GACV,SAAS,GACT,MAAM,EAAE,CAAC;AACb,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/D,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,cAAc,EAAE,CAAC;AAC1C,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAGlD,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,EAAE,OAAO,CAAC;CACxB;AAGD,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC"}
@@ -1,2 +1,2 @@
1
- import{S as e,i as t,a,b as l,f as i,s,H as r,I as n,c as o,e as c,d,t as m,B as g,n as p,g as h,v as x,J as u,h as w,j as b,C as f,l as $,K as v,y,w as M,x as k,k as I,L as _,m as A,o as z,D,M as E,p as C,q as j,r as S,u as N,N as T,O as L,P,A as B,z as G,Q as O}from"../../index-9ffad6d0.js";import{E as Q}from"../../EventHandler-f7ee47ca.js";import{c as W}from"../../ClickOutside-63071e7a.js";import R from"../tag/Tag.nested.js";import Y from"../loader/Loader.nested.js";import H from"../listbox/Listbox.nested.js";function Z(e,t,a){const l=e.slice();return l[61]=t[a],l}function J(e,t,a){const l=e.slice();return l[61]=t[a],l[65]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[29]}`,class:"mc-dropdown__tag",label:e[28](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new R({props:l}),e[45](t),t.$on("tag-removed",e[30]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[29]}`),268435456&a[0]&&(l.label=e[28]()),t.$set(l)},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(a){e[45](null),D(t,a)}}}function X(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[46])),a=!0)},p:p,d(e){e&&z(t),a=!1,i()}}}function q(e){let t,a;return t=new Y({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(e){D(t,e)}}}function F(e){let t,a,i=e[25],s=[];for(let t=0;t<i.length;t+=1)s[t]=U(J(e,i,t));let r=e[19].length>e[15]&&ee(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);b(t,a),r&&r.m(t,null)},p(e,l){if(33587200&l[0]|1&l[1]){let r;for(i=e[25],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=U(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[19].length>e[15]?r?r.p(e,l):(r=ee(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&z(t),L(s,e),r&&r.d()}}}function K(e){let t,a,i,s,r,n;function o(){return e[49](e[61])}return{c(){t=c("div"),a=c("m-tag"),B(a,"id",i=e[61].id),B(a,"label",s=e[61].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&B(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&B(a,"label",s)},d(e){e&&z(t),r=!1,n()}}}function U(e){let t,a=e[65]<e[15]&&K(e);return{c(){a&&a.c(),t=P()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[65]<e[15]?a?a.p(e,l):(a=K(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&z(t)}}}function ee(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[19].length+") "+e[14]+" "),B(a,"size","s"),B(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),b(t,a),s||(r=$(a,"tag-selected",e[50]),s=!0)},p(e,t){540672&t[0]&&i!==(i="("+e[19].length+") "+e[14]+" ")&&B(a,"label",i)},d(e){e&&z(t),s=!1,r()}}}function te(e){let t,a,i,s,r,n,o=e[25],d=[];for(let t=0;t<o.length;t+=1)d[t]=ae(Z(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),B(a,"title",e[13]),B(a,"layertitletag","h3"),B(a,"isopen",e[26])},m(o,c){l(o,t,c),b(t,a),b(a,i),b(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[52]),r=!0)},p(e,t){if(33554432&t[0]|1&t[1]){let a;for(o=e[25],a=0;a<o.length;a+=1){const l=Z(e,o,a);d[a]?d[a].p(l,t):(d[a]=ae(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}8192&t[0]&&B(a,"title",e[13]),67108864&t[0]&&B(a,"isopen",e[26])},d(e){e&&z(t),L(d,e),r=!1,n()}}}function ae(e){let t,a,i,s,r,n,o;function m(){return e[51](e[61])}return{c(){t=c("div"),a=c("m-tag"),r=d(),B(a,"id",i=e[61].id),B(a,"label",s=e[61].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),b(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&B(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&B(a,"label",s)},d(e){e&&z(t),n=!1,o()}}}function le(e){let t,a,i,s,C,j,S,N,T,L,P,B,O,Q,R,Y,Z,J,K,U,ee,ae,le,se=(e[24]?e[24]:e[2])+"",re=e[8]&&e[19].length>0&&!e[16]&&V(e),ne=!e[8]&&e[24]&&e[12]&&X(e),oe=e[7]&&q();function ce(t){e[48](t)}let de={items:JSON.stringify(e[27]),open:e[20],multiple:e[8],isfiltered:ie,emptysearchlabel:e[9],maxwidth:e[0],datatextexpr:e[10],datavalueexpr:e[11],selectall:e[17],labelselectall:e[18]};void 0!==e[19]&&(de.value=e[19]),L=new H({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[35]),L.$on("scrollend",e[36]),L.$on("select-all",e[37]);let me=e[8]&&e[16]&&F(e),ge=e[8]&&e[16]&&te(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"},e[21]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),C=m(se),j=d(),ne&&ne.c(),S=d(),N=c("div"),oe&&oe.c(),T=d(),g(L.$$.fragment),B=d(),me&&me.c(),O=d(),Q=c("span"),R=d(),Y=c("span"),Z=d(),J=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[20]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(N,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(Y,"class","mc-dropdown__loader"),u(Y,"display","none"),h(J,"class","mc-text-input mc-dropdown__trigger"),u(J,"display","none"),w(t,he),x(t,"mc-dropdown--multi",e[8])},m(r,n){l(r,t,n),b(t,a),re&&re.m(a,null),b(a,i),b(a,s),b(s,C),b(s,j),ne&&ne.m(s,null),b(a,S),b(a,N),oe&&oe.m(N,null),b(t,T),f(L,t,null),b(t,B),me&&me.m(t,null),b(t,O),b(t,Q),b(t,R),b(t,Y),b(t,Z),b(t,J),b(t,K),ge&&ge.m(t,null),ee=!0,ae||(le=[$(s,"click",e[47]),v(W.call(null,t)),$(t,"outclick",e[34])],ae=!0)},p(e,l){e[8]&&e[19].length>0&&!e[16]?re?(re.p(e,l),590080&l[0]&&y(re,1)):(re=V(e),re.c(),y(re,1),re.m(a,i)):re&&(G(),M(re,1,1,(()=>{re=null})),k()),(!ee||16777220&l[0])&&se!==(se=(e[24]?e[24]:e[2])+"")&&I(C,se),!e[8]&&e[24]&&e[12]?ne?ne.p(e,l):(ne=X(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!ee||8&l[0])&&(s.disabled=e[3]),(!ee||1048576&l[0])&&x(s,"is-open",e[20]),(!ee||32&l[0])&&x(s,"is-valid",e[5]),(!ee||64&l[0])&&x(s,"is-invalid",e[6]),(!ee||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&y(oe,1):(oe=q(),oe.c(),y(oe,1),oe.m(N,null)):oe&&(G(),M(oe,1,1,(()=>{oe=null})),k());const r={};134217728&l[0]&&(r.items=JSON.stringify(e[27])),1048576&l[0]&&(r.open=e[20]),256&l[0]&&(r.multiple=e[8]),512&l[0]&&(r.emptysearchlabel=e[9]),1&l[0]&&(r.maxwidth=e[0]),1024&l[0]&&(r.datatextexpr=e[10]),2048&l[0]&&(r.datavalueexpr=e[11]),131072&l[0]&&(r.selectall=e[17]),262144&l[0]&&(r.labelselectall=e[18]),!P&&524288&l[0]&&(P=!0,r.value=e[19],_((()=>P=!1))),L.$set(r),e[8]&&e[16]?me?me.p(e,l):(me=F(e),me.c(),me.m(t,O)):me&&(me.d(1),me=null),e[8]&&e[16]?ge?ge.p(e,l):(ge=te(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),w(t,he=A(pe,[{class:"mc-dropdown"},(!ee||8388609&l[0]&&U!==(U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"))&&{style:U},2097152&l[0]&&e[21]])),x(t,"mc-dropdown--multi",e[8])},i(e){ee||(y(re),y(oe),y(L.$$.fragment,e),ee=!0)},o(e){M(re),M(oe),M(L.$$.fragment,e),ee=!1},d(e){e&&z(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),D(L),me&&me.d(),ge&&ge.d(),ae=!1,E(le)}}}let ie=!1;function se(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g=C(t,m),{maxwidth:p="100%"}=t,{tagid:h}=t,{taglabel:x=""}=t,{placeholder:u="-- Placeholder --"}=t,{disabled:w=!1}=t,{size:b="m"}=t,{isvalid:f}=t,{isinvalid:$}=t,{loading:v=!1}=t,{items:y}=t,{value:M}=t,{open:k=!1}=t,{multiple:I=!1}=t,{emptysearchlabel:_="No results found"}=t,{datatextexpr:A="label"}=t,{datavalueexpr:z="value"}=t,{nosort:D=!1}=t,{clearfield:E=!1}=t,{layertitle:T="Title layer"}=t,{showmoretagslabel:L="Show more"}=t,{maxnumbertoshowtags:P=12}=t,{alltags:B=!1}=t,{selectall:G=!1}=t,{labelselectall:W="Select all"}=t;const R=j(),Y=Math.random();let H,Z,J,V,X=new Q(j(),S()),q="0px",F=[],K=null;function U(){a(19,s=I?[]:""),le(),X.dispatch("clear",!0)}function ee(e){a(19,s=s.filter((t=>t!==e))),X.dispatch("onchange",s)}function te(){a(26,K=!0)}function ae(){a(26,K=null)}function le(){a(20,c=!1),I&&!D?function(){V=l;const e=ie();V.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[z]-a[z]:l<i?1:-1})),a(27,i=V)}():a(27,i=l)}function ie(e){const t=e||s;return l.filter((e=>I?t.includes(e[z]):t===e[z]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(60,g=C(t,m)),"maxwidth"in e&&a(0,p=e.maxwidth),"tagid"in e&&a(1,h=e.tagid),"taglabel"in e&&a(38,x=e.taglabel),"placeholder"in e&&a(2,u=e.placeholder),"disabled"in e&&a(3,w=e.disabled),"size"in e&&a(4,b=e.size),"isvalid"in e&&a(5,f=e.isvalid),"isinvalid"in e&&a(6,$=e.isinvalid),"loading"in e&&a(7,v=e.loading),"items"in e&&a(39,y=e.items),"value"in e&&a(40,M=e.value),"open"in e&&a(41,k=e.open),"multiple"in e&&a(8,I=e.multiple),"emptysearchlabel"in e&&a(9,_=e.emptysearchlabel),"datatextexpr"in e&&a(10,A=e.datatextexpr),"datavalueexpr"in e&&a(11,z=e.datavalueexpr),"nosort"in e&&a(42,D=e.nosort),"clearfield"in e&&a(12,E=e.clearfield),"layertitle"in e&&a(13,T=e.layertitle),"showmoretagslabel"in e&&a(14,L=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(15,P=e.maxnumbertoshowtags),"alltags"in e&&a(16,B=e.alltags),"selectall"in e&&a(17,G=e.selectall),"labelselectall"in e&&a(18,W=e.labelselectall)},e.$$.update=()=>{if(256&e.$$.dirty[1]&&a(44,l=y?JSON.parse(y):[]),8192&e.$$.dirty[1]&&a(27,i=l),256&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(19,s=!M&&I?[]:M?JSON.parse(M):M),524288&e.$$.dirty[0]|128&e.$$.dirty[1]&&a(28,n=()=>s.length.toString()+" "+x),524288&e.$$.dirty[0]&&async function(e){await O(),a(25,F=ie(e));const t=F.map((e=>e[A]));a(24,J=t.join(", ")),I&&a(43,Z=e)}(s),4096&e.$$.dirty[1]&&async function(e){await O(),a(23,q=H&&e&&e.length?`${R.shadowRoot.querySelector(".mc-tag-removable").clientWidth+8}px`:"0px")}(Z),1024&e.$$.dirty[1]&&a(20,c=k),1048576&e.$$.dirty[0]){const e=c?"open":"close";X.dispatch(e,c)}a(21,d=Object.assign({},g)),2097152&e.$$.dirty[0]&&delete d.class},[p,h,u,w,b,f,$,v,I,_,A,z,E,T,L,P,B,G,W,s,c,d,H,q,J,F,K,i,n,Y,U,ee,te,ae,le,function(){X.dispatch("onchange",s),I||le()},function(){X.dispatch("scrollend",!0)},function(e){X.dispatch("select-all",e.detail)},x,y,M,k,D,Z,l,function(e){r[e?"unshift":"push"]((()=>{H=e,a(22,H)}))},()=>{U()},()=>a(20,c=!c),function(e){s=e,a(19,s),a(40,M),a(8,I)},e=>ee(e.id),()=>te(),e=>ee(e.id),()=>ae()]}class re extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-select{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},se,le,s,{maxwidth:0,tagid:1,taglabel:38,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,items:39,value:40,open:41,multiple:8,emptysearchlabel:9,datatextexpr:10,datavalueexpr:11,nosort:42,clearfield:12,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[38]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get items(){return this.$$.ctx[39]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[40]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[41]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[8]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[9]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[10]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[11]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[42]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[12]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[16]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[17]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{re as default};
1
+ import{S as e,i as t,a,b as l,f as i,s,H as r,I as n,c as o,e as c,d,t as m,B as g,n as p,g as h,v as x,J as u,h as w,j as b,C as f,l as $,K as v,y,w as M,x as k,k as I,L as _,m as A,o as z,D,M as E,p as C,q as j,r as S,u as N,N as T,O as L,P,A as B,z as G,Q as O}from"../../index-9ffad6d0.js";import{E as Q}from"../../EventHandler-f7ee47ca.js";import{c as W}from"../../ClickOutside-63071e7a.js";import R from"../tag/Tag.nested.js";import Y from"../loader/Loader.nested.js";import H from"../listbox/Listbox.nested.js";function Z(e,t,a){const l=e.slice();return l[62]=t[a],l}function J(e,t,a){const l=e.slice();return l[62]=t[a],l[66]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[30]}`,class:"mc-dropdown__tag",label:e[29](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new R({props:l}),e[46](t),t.$on("tag-removed",e[31]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[30]}`),536870912&a[0]&&(l.label=e[29]()),t.$set(l)},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(a){e[46](null),D(t,a)}}}function X(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[47])),a=!0)},p:p,d(e){e&&z(t),a=!1,i()}}}function q(e){let t,a;return t=new Y({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(e){D(t,e)}}}function F(e){let t,a,i=e[26],s=[];for(let t=0;t<i.length;t+=1)s[t]=U(J(e,i,t));let r=e[19].length>e[15]&&ee(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);b(t,a),r&&r.m(t,null)},p(e,l){if(67141632&l[0]|2&l[1]){let r;for(i=e[26],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=U(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[19].length>e[15]?r?r.p(e,l):(r=ee(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&z(t),L(s,e),r&&r.d()}}}function K(e){let t,a,i,s,r,n;function o(){return e[50](e[62])}return{c(){t=c("div"),a=c("m-tag"),B(a,"id",i=e[62].id),B(a,"label",s=e[62].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,67108864&l[0]&&i!==(i=e[62].id)&&B(a,"id",i),67108864&l[0]&&s!==(s=e[62].label)&&B(a,"label",s)},d(e){e&&z(t),r=!1,n()}}}function U(e){let t,a=e[66]<e[15]&&K(e);return{c(){a&&a.c(),t=P()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[66]<e[15]?a?a.p(e,l):(a=K(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&z(t)}}}function ee(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[19].length+") "+e[14]+" "),B(a,"size","s"),B(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),b(t,a),s||(r=$(a,"tag-selected",e[51]),s=!0)},p(e,t){540672&t[0]&&i!==(i="("+e[19].length+") "+e[14]+" ")&&B(a,"label",i)},d(e){e&&z(t),s=!1,r()}}}function te(e){let t,a,i,s,r,n,o=e[26],d=[];for(let t=0;t<o.length;t+=1)d[t]=ae(Z(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),B(a,"title",e[13]),B(a,"layertitletag","h3"),B(a,"isopen",e[27])},m(o,c){l(o,t,c),b(t,a),b(a,i),b(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[53]),r=!0)},p(e,t){if(67108864&t[0]|2&t[1]){let a;for(o=e[26],a=0;a<o.length;a+=1){const l=Z(e,o,a);d[a]?d[a].p(l,t):(d[a]=ae(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}8192&t[0]&&B(a,"title",e[13]),134217728&t[0]&&B(a,"isopen",e[27])},d(e){e&&z(t),L(d,e),r=!1,n()}}}function ae(e){let t,a,i,s,r,n,o;function m(){return e[52](e[62])}return{c(){t=c("div"),a=c("m-tag"),r=d(),B(a,"id",i=e[62].id),B(a,"label",s=e[62].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),b(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,67108864&l[0]&&i!==(i=e[62].id)&&B(a,"id",i),67108864&l[0]&&s!==(s=e[62].label)&&B(a,"label",s)},d(e){e&&z(t),n=!1,o()}}}function le(e){let t,a,i,s,C,j,S,N,T,L,P,B,O,Q,R,Y,Z,J,K,U,ee,ae,le,se=(e[25]?e[25]:e[2])+"",re=e[8]&&e[19].length>0&&!e[16]&&V(e),ne=!e[8]&&e[25]&&e[12]&&X(e),oe=e[7]&&q();function ce(t){e[49](t)}let de={items:JSON.stringify(e[28]),open:e[20],multiple:e[8],isfiltered:ie,emptysearchlabel:e[9],maxwidth:e[0],datatextexpr:e[10],datavalueexpr:e[11],selectall:e[17],labelselectall:e[18]};void 0!==e[19]&&(de.value=e[19]),L=new H({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[36]),L.$on("scrollend",e[37]),L.$on("select-all",e[38]);let me=e[8]&&e[16]&&F(e),ge=e[8]&&e[16]&&te(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[24]+"; --dropdown-width: "+e[0]+";"},e[21]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),C=m(se),j=d(),ne&&ne.c(),S=d(),N=c("div"),oe&&oe.c(),T=d(),g(L.$$.fragment),B=d(),me&&me.c(),O=d(),Q=c("span"),R=d(),Y=c("span"),Z=d(),J=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[20]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(N,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(Y,"class","mc-dropdown__loader"),u(Y,"display","none"),h(J,"class","mc-text-input mc-dropdown__trigger"),u(J,"display","none"),w(t,he),x(t,"mc-dropdown--multi",e[8])},m(r,n){l(r,t,n),b(t,a),re&&re.m(a,null),b(a,i),b(a,s),b(s,C),b(s,j),ne&&ne.m(s,null),b(a,S),b(a,N),oe&&oe.m(N,null),b(t,T),f(L,t,null),b(t,B),me&&me.m(t,null),b(t,O),b(t,Q),b(t,R),b(t,Y),b(t,Z),b(t,J),b(t,K),ge&&ge.m(t,null),e[54](t),ee=!0,ae||(le=[$(s,"click",e[48]),v(W.call(null,t)),$(t,"outclick",e[35])],ae=!0)},p(e,l){e[8]&&e[19].length>0&&!e[16]?re?(re.p(e,l),590080&l[0]&&y(re,1)):(re=V(e),re.c(),y(re,1),re.m(a,i)):re&&(G(),M(re,1,1,(()=>{re=null})),k()),(!ee||33554436&l[0])&&se!==(se=(e[25]?e[25]:e[2])+"")&&I(C,se),!e[8]&&e[25]&&e[12]?ne?ne.p(e,l):(ne=X(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!ee||8&l[0])&&(s.disabled=e[3]),(!ee||1048576&l[0])&&x(s,"is-open",e[20]),(!ee||32&l[0])&&x(s,"is-valid",e[5]),(!ee||64&l[0])&&x(s,"is-invalid",e[6]),(!ee||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&y(oe,1):(oe=q(),oe.c(),y(oe,1),oe.m(N,null)):oe&&(G(),M(oe,1,1,(()=>{oe=null})),k());const r={};268435456&l[0]&&(r.items=JSON.stringify(e[28])),1048576&l[0]&&(r.open=e[20]),256&l[0]&&(r.multiple=e[8]),512&l[0]&&(r.emptysearchlabel=e[9]),1&l[0]&&(r.maxwidth=e[0]),1024&l[0]&&(r.datatextexpr=e[10]),2048&l[0]&&(r.datavalueexpr=e[11]),131072&l[0]&&(r.selectall=e[17]),262144&l[0]&&(r.labelselectall=e[18]),!P&&524288&l[0]&&(P=!0,r.value=e[19],_((()=>P=!1))),L.$set(r),e[8]&&e[16]?me?me.p(e,l):(me=F(e),me.c(),me.m(t,O)):me&&(me.d(1),me=null),e[8]&&e[16]?ge?ge.p(e,l):(ge=te(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),w(t,he=A(pe,[{class:"mc-dropdown"},(!ee||16777217&l[0]&&U!==(U="--dropdown-tag-width: "+e[24]+"; --dropdown-width: "+e[0]+";"))&&{style:U},2097152&l[0]&&e[21]])),x(t,"mc-dropdown--multi",e[8])},i(e){ee||(y(re),y(oe),y(L.$$.fragment,e),ee=!0)},o(e){M(re),M(oe),M(L.$$.fragment,e),ee=!1},d(a){a&&z(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),D(L),me&&me.d(),ge&&ge.d(),e[54](null),ae=!1,E(le)}}}let ie=!1;function se(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g,p=C(t,m),{maxwidth:h="100%"}=t,{tagid:x}=t,{taglabel:u=""}=t,{placeholder:w="-- Placeholder --"}=t,{disabled:b=!1}=t,{size:f="m"}=t,{isvalid:$}=t,{isinvalid:v}=t,{loading:y=!1}=t,{items:M}=t,{value:k}=t,{open:I=!1}=t,{multiple:_=!1}=t,{emptysearchlabel:A="No results found"}=t,{datatextexpr:z="label"}=t,{datavalueexpr:D="value"}=t,{nosort:E=!1}=t,{clearfield:T=!1}=t,{layertitle:L="Title layer"}=t,{showmoretagslabel:P="Show more"}=t,{maxnumbertoshowtags:B=12}=t,{alltags:G=!1}=t,{selectall:W=!1}=t,{labelselectall:R="Select all"}=t;const Y=Math.random();let H,Z,J,V,X=new Q(j(),S()),q="0px",F=[],K=null;function U(){a(19,s=_?[]:""),le(),X.dispatch("clear",!0)}function ee(e){a(19,s=s.filter((t=>t!==e))),X.dispatch("onchange",s)}function te(){a(27,K=!0)}function ae(){a(27,K=null)}function le(){a(20,c=!1),_&&!E?function(){V=l;const e=ie();V.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[D]-a[D]:l<i?1:-1})),a(28,i=V)}():a(28,i=l)}function ie(e){const t=e||s;return l.filter((e=>_?t.includes(e[D]):t===e[D]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(61,p=C(t,m)),"maxwidth"in e&&a(0,h=e.maxwidth),"tagid"in e&&a(1,x=e.tagid),"taglabel"in e&&a(39,u=e.taglabel),"placeholder"in e&&a(2,w=e.placeholder),"disabled"in e&&a(3,b=e.disabled),"size"in e&&a(4,f=e.size),"isvalid"in e&&a(5,$=e.isvalid),"isinvalid"in e&&a(6,v=e.isinvalid),"loading"in e&&a(7,y=e.loading),"items"in e&&a(40,M=e.items),"value"in e&&a(41,k=e.value),"open"in e&&a(42,I=e.open),"multiple"in e&&a(8,_=e.multiple),"emptysearchlabel"in e&&a(9,A=e.emptysearchlabel),"datatextexpr"in e&&a(10,z=e.datatextexpr),"datavalueexpr"in e&&a(11,D=e.datavalueexpr),"nosort"in e&&a(43,E=e.nosort),"clearfield"in e&&a(12,T=e.clearfield),"layertitle"in e&&a(13,L=e.layertitle),"showmoretagslabel"in e&&a(14,P=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(15,B=e.maxnumbertoshowtags),"alltags"in e&&a(16,G=e.alltags),"selectall"in e&&a(17,W=e.selectall),"labelselectall"in e&&a(18,R=e.labelselectall)},e.$$.update=()=>{if(512&e.$$.dirty[1]&&a(45,l=M?JSON.parse(M):[]),16384&e.$$.dirty[1]&&a(28,i=l),256&e.$$.dirty[0]|1024&e.$$.dirty[1]&&a(19,s=!k&&_?[]:k?JSON.parse(k):k),524288&e.$$.dirty[0]|256&e.$$.dirty[1]&&a(29,n=()=>s.length.toString()+" "+u),524288&e.$$.dirty[0]&&async function(e){await O(),a(26,F=ie(e));const t=F.map((e=>e[z]));a(25,J=t.join(", ")),_&&a(44,Z=e)}(s),8192&e.$$.dirty[1]&&async function(e){var t,l;await O(),a(24,q=H&&e&&e.length?`${null!==(l=null===(t=null==g?void 0:g.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth)&&void 0!==l?l:8}px`:"0px")}(Z),2048&e.$$.dirty[1]&&a(20,c=I),1048576&e.$$.dirty[0]){const e=c?"open":"close";X.dispatch(e,c)}a(21,d=Object.assign({},p)),2097152&e.$$.dirty[0]&&delete d.class},[h,x,w,b,f,$,v,y,_,A,z,D,T,L,P,B,G,W,R,s,c,d,g,H,q,J,F,K,i,n,Y,U,ee,te,ae,le,function(){X.dispatch("onchange",s),_||le()},function(){X.dispatch("scrollend",!0)},function(e){X.dispatch("select-all",e.detail)},u,M,k,I,E,Z,l,function(e){r[e?"unshift":"push"]((()=>{H=e,a(23,H)}))},()=>{U()},()=>a(20,c=!c),function(e){s=e,a(19,s),a(41,k),a(8,_)},e=>ee(e.id),()=>te(),e=>ee(e.id),()=>ae(),function(e){r[e?"unshift":"push"]((()=>{g=e,a(22,g)}))}]}class re extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-select{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},se,le,s,{maxwidth:0,tagid:1,taglabel:39,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,items:40,value:41,open:42,multiple:8,emptysearchlabel:9,datatextexpr:10,datavalueexpr:11,nosort:43,clearfield:12,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[39]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get items(){return this.$$.ctx[40]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[41]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[42]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[8]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[9]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[10]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[11]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[43]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[12]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[16]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[17]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{re as default};
2
2
  //# sourceMappingURL=Dropdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/dropdown/Dropdown.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { SelectSize } from '../select/select.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder = '-- Placeholder --';\n export let disabled = false;\n export let size: SelectSize = 'm';\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let loading = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let clearfield = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const component: any = get_current_component();\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let buttonvalue: string;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function clearListbox() {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: any) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n\n buttonvalue = seletedLabels.join(', ');\n\n if (multiple) {\n tagValue = value;\n }\n }\n\n async function setTagWidth(tagValue: any) {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${\n component.shadowRoot.querySelector('.mc-tag-removable')\n .clientWidth + 8\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-dropdown\"\n class:mc-dropdown--multi={multiple}\n style=\"--dropdown-tag-width: {tagWidth}; --dropdown-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n>\n <div class=\"mc-dropdown__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-dropdown__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n selected={false}\n value=\"\"\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TRIGGER BUTTON -->\n <button\n type=\"button\"\n class=\"mc-select mc-dropdown__trigger\"\n class:is-open={openState}\n class:is-valid={isvalid}\n class:is-invalid={isinvalid}\n class:mc-select--s={size === 's'}\n {disabled}\n on:click={() => (openState = !openState)}\n >\n {buttonvalue ? buttonvalue : placeholder}\n {#if !multiple && buttonvalue && clearfield}\n <button\n class=\"mc-dropdown__clear\"\n type=\"button\"\n on:click|stopPropagation={() => {\n clearListbox();\n }}\n >\n <navigation-control-tag--cross-24px />\n </button>\n {/if}\n </button>\n\n <div class=\"mc-dropdown__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader size=\"s\" theme=\"primary\" text=\"\" class=\"mc-dropdown__loader\" />\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n on:tag-selected={() => openLayerFn()}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <span class=\"mc-dropdown__tag\" style=\"display:none;\" />\n <span class=\"mc-dropdown__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-dropdown__trigger\" style=\"display:none;\" />\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.select';\n @import '@mozaic-ds/styles/components/c.dropdown';\n\n // Dropdown\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-dropdown {\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-dropdown__trigger {\n padding-left: calc($mu075 + var(--dropdown-tag-width)) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_2","div","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","append","dirty","if_block","create_if_block_3","div1","m_layer","small","div0","if_block0","create_if_block_6","create_if_block_5","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","toggle_class","div2","span0","span1","span2","set_data","t1","t1_value","current","isfiltered","maxwidth","$$props","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","buttonvalue","sortedListItems","eventHandler","EventHandler","createEventDispatcher","tagWidth","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","removeTagSelected","itemSelectedId","filter","openLayerFn","$$invalidate","closeLayerFn","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","detail","$$value","value$1","selectedItem"],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/dropdown/Dropdown.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { SelectSize } from '../select/select.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder = '-- Placeholder --';\n export let disabled = false;\n export let size: SelectSize = 'm';\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let loading = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let clearfield = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n let component: HTMLDivElement;\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let buttonvalue: string;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function clearListbox() {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: any) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n\n buttonvalue = seletedLabels.join(', ');\n\n if (multiple) {\n tagValue = value;\n }\n }\n\n async function setTagWidth(tagValue: any) {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${\n component?.querySelector('.mc-tag-removable')?.clientWidth ?? 0 + 8\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-dropdown\"\n class:mc-dropdown--multi={multiple}\n style=\"--dropdown-tag-width: {tagWidth}; --dropdown-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-dropdown__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-dropdown__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n selected={false}\n value=\"\"\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TRIGGER BUTTON -->\n <button\n type=\"button\"\n class=\"mc-select mc-dropdown__trigger\"\n class:is-open={openState}\n class:is-valid={isvalid}\n class:is-invalid={isinvalid}\n class:mc-select--s={size === 's'}\n {disabled}\n on:click={() => (openState = !openState)}\n >\n {buttonvalue ? buttonvalue : placeholder}\n {#if !multiple && buttonvalue && clearfield}\n <button\n class=\"mc-dropdown__clear\"\n type=\"button\"\n on:click|stopPropagation={() => {\n clearListbox();\n }}\n >\n <navigation-control-tag--cross-24px />\n </button>\n {/if}\n </button>\n\n <div class=\"mc-dropdown__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader size=\"s\" theme=\"primary\" text=\"\" class=\"mc-dropdown__loader\" />\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <div class=\"tag-selected\">\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n on:tag-selected={() => openLayerFn()}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <span class=\"mc-dropdown__tag\" style=\"display:none;\" />\n <span class=\"mc-dropdown__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-dropdown__trigger\" style=\"display:none;\" />\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.select';\n @import '@mozaic-ds/styles/components/c.dropdown';\n\n // Dropdown\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-dropdown {\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-dropdown__trigger {\n padding-left: calc($mu075 + var(--dropdown-tag-width)) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_2","div","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","append","dirty","if_block","create_if_block_3","div1","m_layer","small","div0","if_block0","create_if_block_6","create_if_block_5","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","toggle_class","div2","span0","span1","span2","set_data","t1","t1_value","current","isfiltered","component","maxwidth","$$props","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","buttonvalue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","removeTagSelected","itemSelectedId","filter","openLayerFn","$$invalidate","closeLayerFn","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","_b","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","detail","$$value","value$1","selectedItem"],"mappings":"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"}
@@ -40,7 +40,7 @@
40
40
  export let selectall = false;
41
41
  export let labelselectall = 'Select all';
42
42
 
43
- const component: any = get_current_component();
43
+ let component: HTMLDivElement;
44
44
  const uuid = Math.random();
45
45
  let eventHandler = new EventHandler(
46
46
  get_current_component(),
@@ -168,8 +168,7 @@
168
168
  tagWidth =
169
169
  tag && tagValue && tagValue.length
170
170
  ? `${
171
- component.shadowRoot.querySelector('.mc-tag-removable')
172
- .clientWidth + 8
171
+ component?.querySelector('.mc-tag-removable')?.clientWidth ?? 0 + 8
173
172
  }px`
174
173
  : '0px';
175
174
  }
@@ -182,6 +181,7 @@
182
181
  use:clickOutside
183
182
  on:outclick={closeListBox}
184
183
  {...attributes}
184
+ bind:this={component}
185
185
  >
186
186
  <div class="mc-dropdown__main">
187
187
  <!-- TAG REMOVABLE -->
@@ -1,2 +1,2 @@
1
- import{S as e,i as l,a as t,b as i,f as s,s as a,e as r,d as o,t as n,n as d,g as c,j as p,l as f,k as m,y as u,w as b,x as h,o as x,B as g,C as $,D as w,z as v,H as _}from"../../index-9ffad6d0.js";import{E as y}from"../../EventHandler-f7ee47ca.js";import k from"./fileuploader-result.js";function E(e){let l,t;return l=new k({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[14]),{c(){g(l.$$.fragment)},m(e,i){$(l,e,i),t=!0},p(e,t){const i={};128&t&&(i.files=e[7]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){w(l,e)}}}function C(e){let l,t;return l=new k({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[15]),{c(){g(l.$$.fragment)},m(e,i){$(l,e,i),t=!0},p(e,t){const i={};512&t&&(i.files=e[9]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){w(l,e)}}}function z(e){let l,t,s,a,g,$,w,_,y,k,z,S=e[0]&&e[7]&&e[7].length>0&&E(e),A=e[9].length>0&&C(e);return{c(){l=r("div"),t=r("input"),s=o(),a=r("label"),g=r("span"),$=n(e[2]),w=o(),S&&S.c(),_=o(),A&&A.c(),this.c=d,c(t,"id",e[1]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[3]),t.multiple=e[4],t.disabled=e[5],c(g,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){i(r,l,o),p(l,t),p(l,s),p(l,a),p(a,g),p(g,$),p(l,w),S&&S.m(l,null),p(l,_),A&&A.m(l,null),e[21](l),y=!0,k||(z=f(t,"change",e[13]),k=!0)},p(e,[i]){(!y||2&i)&&c(t,"id",e[1]),(!y||8&i)&&c(t,"accept",e[3]),(!y||16&i)&&(t.multiple=e[4]),(!y||32&i)&&(t.disabled=e[5]),(!y||4&i)&&m($,e[2]),(!y||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?S?(S.p(e,i),129&i&&u(S,1)):(S=E(e),S.c(),u(S,1),S.m(l,_)):S&&(v(),b(S,1,1,(()=>{S=null})),h()),e[9].length>0?A?(A.p(e,i),512&i&&u(A,1)):(A=C(e),A.c(),u(A,1),A.m(l,null)):A&&(v(),b(A,1,1,(()=>{A=null})),h())},i(e){y||(u(S),u(A),y=!0)},o(e){b(S),b(A),y=!1},d(t){t&&x(l),S&&S.d(),A&&A.d(),e[21](null),k=!1,z()}}}function S(e,l){const t=Array.from(e),i=t.indexOf(l);return-1!==i&&t.splice(i,1),t}function A(e,l,t){let i,s,a,r,o,n,{id:d}=l,{label:c}=l,{accept:p}=l,{multiple:f=!0}=l,{allowedextensions:m}=l,{maxsize:u}=l,{displayfileslist:b=!1}=l,{disabled:h=!1}=l,{removelabel:x="Remove"}=l,{uploadedfiles:g}=l,{errorlabels:$}=l,{stateless:w}=l,v=new y(get_current_component(),createEventDispatcher());return e.$$set=e=>{"id"in e&&t(1,d=e.id),"label"in e&&t(2,c=e.label),"accept"in e&&t(3,p=e.accept),"multiple"in e&&t(4,f=e.multiple),"allowedextensions"in e&&t(16,m=e.allowedextensions),"maxsize"in e&&t(17,u=e.maxsize),"displayfileslist"in e&&t(0,b=e.displayfileslist),"disabled"in e&&t(5,h=e.disabled),"removelabel"in e&&t(6,x=e.removelabel),"uploadedfiles"in e&&t(18,g=e.uploadedfiles),"errorlabels"in e&&t(19,$=e.errorlabels),"stateless"in e&&t(20,w=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&t(10,i=m?JSON.parse(m):[]),262144&e.$$.dirty&&t(9,s=g?JSON.parse(g):[]),e.$$.dirty,131072&e.$$.dirty&&t(11,a=u||void 0),524288&e.$$.dirty&&t(12,r=$?JSON.parse($):[])},[b,d,c,p,f,h,x,o,n,s,i,a,r,function(e){const l=e.target;t(7,o=l.files),t(0,b=!0);const s=[];if([...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(i&&i.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||s.push({index:l,fileName:t,fileSize:r,errorType:d})})),s.length>0&&v.dispatch(get_current_component(),"invalid-files",s),v.dispatch("change",o),w){n.querySelector(".mc-fileuploader__input").value=""}},function(e){t(7,o=S(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",v.dispatch("file-removed",e.detail)},function(e){const l=S(s,e.detail);t(9,s=l),v.dispatch("uploaded-file-removed",e.detail)},m,u,g,$,w,function(e){_[e?"unshift":"push"]((()=>{n=e,t(8,n)}))}]}class M extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:\"Roboto\", sans-serif;font-weight:700;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#007f8c;border-color:#007f8c;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23007f8c' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},A,z,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:16,maxsize:17,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:18,errorlabels:19,stateless:20},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),s()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),s()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),s()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),s()}get allowedextensions(){return this.$$.ctx[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),s()}get maxsize(){return this.$$.ctx[17]}set maxsize(e){this.$$set({maxsize:e}),s()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),s()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),s()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),s()}get uploadedfiles(){return this.$$.ctx[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),s()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),s()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),s()}}export{M as default};
1
+ import{S as e,i as l,a as t,b as i,f as s,s as a,e as r,d as o,t as n,n as d,g as c,j as p,l as f,k as m,y as u,w as b,x as h,o as x,q as g,r as $,B as w,C as v,D as _,z as y,H as k}from"../../index-9ffad6d0.js";import{E as C}from"../../EventHandler-f7ee47ca.js";import E from"./fileuploader-result.js";function z(e){let l,t;return l=new E({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[14]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};128&t&&(i.files=e[7]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function S(e){let l,t;return l=new E({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[15]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};512&t&&(i.files=e[9]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function A(e){let l,t,s,a,g,$,w,v,_,k,C,E=e[0]&&e[7]&&e[7].length>0&&z(e),A=e[9].length>0&&S(e);return{c(){l=r("div"),t=r("input"),s=o(),a=r("label"),g=r("span"),$=n(e[2]),w=o(),E&&E.c(),v=o(),A&&A.c(),this.c=d,c(t,"id",e[1]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[3]),t.multiple=e[4],t.disabled=e[5],c(g,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){i(r,l,o),p(l,t),p(l,s),p(l,a),p(a,g),p(g,$),p(l,w),E&&E.m(l,null),p(l,v),A&&A.m(l,null),e[21](l),_=!0,k||(C=f(t,"change",e[13]),k=!0)},p(e,[i]){(!_||2&i)&&c(t,"id",e[1]),(!_||8&i)&&c(t,"accept",e[3]),(!_||16&i)&&(t.multiple=e[4]),(!_||32&i)&&(t.disabled=e[5]),(!_||4&i)&&m($,e[2]),(!_||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?E?(E.p(e,i),129&i&&u(E,1)):(E=z(e),E.c(),u(E,1),E.m(l,v)):E&&(y(),b(E,1,1,(()=>{E=null})),h()),e[9].length>0?A?(A.p(e,i),512&i&&u(A,1)):(A=S(e),A.c(),u(A,1),A.m(l,null)):A&&(y(),b(A,1,1,(()=>{A=null})),h())},i(e){_||(u(E),u(A),_=!0)},o(e){b(E),b(A),_=!1},d(t){t&&x(l),E&&E.d(),A&&A.d(),e[21](null),k=!1,C()}}}function M(e,l){const t=Array.from(e),i=t.indexOf(l);return-1!==i&&t.splice(i,1),t}function j(e,l,t){let i,s,a,r,o,n,{id:d}=l,{label:c}=l,{accept:p}=l,{multiple:f=!0}=l,{allowedextensions:m}=l,{maxsize:u}=l,{displayfileslist:b=!1}=l,{disabled:h=!1}=l,{removelabel:x="Remove"}=l,{uploadedfiles:w}=l,{errorlabels:v}=l,{stateless:_}=l,y=new C(g(),$());return e.$$set=e=>{"id"in e&&t(1,d=e.id),"label"in e&&t(2,c=e.label),"accept"in e&&t(3,p=e.accept),"multiple"in e&&t(4,f=e.multiple),"allowedextensions"in e&&t(16,m=e.allowedextensions),"maxsize"in e&&t(17,u=e.maxsize),"displayfileslist"in e&&t(0,b=e.displayfileslist),"disabled"in e&&t(5,h=e.disabled),"removelabel"in e&&t(6,x=e.removelabel),"uploadedfiles"in e&&t(18,w=e.uploadedfiles),"errorlabels"in e&&t(19,v=e.errorlabels),"stateless"in e&&t(20,_=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&t(10,i=m?JSON.parse(m):[]),262144&e.$$.dirty&&t(9,s=w?JSON.parse(w):[]),e.$$.dirty,131072&e.$$.dirty&&t(11,a=u||void 0),524288&e.$$.dirty&&t(12,r=v?JSON.parse(v):[])},[b,d,c,p,f,h,x,o,n,s,i,a,r,function(e){const l=e.target;t(7,o=l.files),t(0,b=!0);const s=[];if([...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(i&&i.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||s.push({index:l,fileName:t,fileSize:r,errorType:d})})),s.length>0&&y.dispatch(g(),"invalid-files",s),y.dispatch("change",o),_){n.querySelector(".mc-fileuploader__input").value=""}},function(e){t(7,o=M(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",y.dispatch("file-removed",e.detail)},function(e){const l=M(s,e.detail);t(9,s=l),y.dispatch("uploaded-file-removed",e.detail)},m,u,w,v,_,function(e){k[e?"unshift":"push"]((()=>{n=e,t(8,n)}))}]}class O extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:\"Roboto\", sans-serif;font-weight:700;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#007f8c;border-color:#007f8c;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23007f8c' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},j,A,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:16,maxsize:17,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:18,errorlabels:19,stateless:20},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),s()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),s()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),s()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),s()}get allowedextensions(){return this.$$.ctx[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),s()}get maxsize(){return this.$$.ctx[17]}set maxsize(e){this.$$set({maxsize:e}),s()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),s()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),s()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),s()}get uploadedfiles(){return this.$$.ctx[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),s()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),s()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),s()}}export{O as default};
2
2
  //# sourceMappingURL=FileUploader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './fileuploader-result.svelte';\n\n export let id: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n files = target.files as FileList;\n displayfileslist = true;\n const invalidFiles: Array = [];\n const fileList = [...files];\n fileList.forEach((file, index) => {\n const fileName = file.name;\n const fileSize = file.size;\n const validExtension = checkFileExtension(fileName);\n const validSize = checkFileSize(fileSize);\n let errorType = '';\n\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n\n if (!validSize) {\n errorType = 'invalid-size';\n }\n\n if (!validExtension || !validSize) {\n invalidFiles.push({\n index: index,\n fileName: fileName,\n fileSize: fileSize,\n errorType: errorType,\n });\n }\n });\n\n if (invalidFiles.length > 0) {\n eventHandler.dispatch(\n get_current_component(),\n 'invalid-files',\n invalidFiles,\n );\n }\n eventHandler.dispatch('change', files);\n if (stateless) {\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n }\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n return array as FileList;\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n eventHandler.dispatch('file-removed', e.detail);\n }\n\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', e.detail);\n }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n <input\n {id}\n type=\"file\"\n class=\"mc-fileuploader__input\"\n {accept}\n {multiple}\n {disabled}\n on:change={handleChange}\n />\n <label for={id} class=\"mc-fileuploader__label\">\n <span class=\"mc-fileuploader__label--center\">\n {label}\n </span>\n </label>\n {#if displayfileslist && files && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteUploadedFile}\n />\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"wcAqKuBA,EAAU,sXAKpBA,EAAa,kHAMHA,EAAkB,oFAN5BA,EAAa,qRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAqCKC,EAAAC,EAAAC,GApCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,GAACE,OAAS,mNAvDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCAnGLM,EACAC,MAdOC,GAAUC,SACVC,GAAaD,UACbE,GAAcF,GACdG,SAAAA,GAAW,GAAIH,qBACfI,GAAyBJ,WACzBK,GAAeL,GACfM,iBAAAA,GAAmB,GAAKN,GACxBO,SAAAA,GAAW,GAAKP,GAChBQ,YAAAA,EAAc,UAAQR,iBACtBS,GAAqBT,eACrBU,GAAmBV,aACnBW,GAAgBX,EAIvBY,EAAmB,IAAAC,EACrBC,wBACAC,+gBAGDC,EAAA,GAAEC,EAAoBb,EAAoBc,KAAKC,MAAMf,GAAiB,uBACtEY,EAAA,EAAEI,EAAgBX,EAAgBS,KAAKC,MAAMV,GAAa,uCAExDY,EAAUhB,QAAoBiB,sBAChCN,EAAA,GAAEO,EAAcb,EAAcQ,KAAKC,MAAMT,GAAW,gCAmC5C,SAAac,SACd3C,EAAS2C,EAAE3C,WACjBgB,EAAQhB,EAAOgB,OACfmB,EAAA,EAAAV,GAAmB,SACbmB,EAAY,UACG5B,GACZ6B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EAlCD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBxC,OAAS,EAAC,CAC7C,MAAAyD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAwBkBK,CAAmBV,GACpCW,EA3CD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GAyCRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAahD,OAAS,GACxBmC,EAAagC,SACX9B,wBACA,gBACAW,GAGJb,EAAagC,SAAS,SAAU/C,GAC5Bc,EAAS,CACUb,EAAK+C,cACxB,2BAEWvD,MAAQ,KAahB,SAAWkC,GAClBR,EAAA,EAAAnB,EAAQT,EAAgBS,EAAO2B,EAAEsB,SACZhD,EAAK+C,cACxB,2BAEWvD,MAAQ,GACrBsB,EAAagC,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAA3B,EAAQT,EAAgBgC,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBvB,GAChBe,EAAagC,SAAS,wBAAyBpB,EAAEsB,2DAQbhD,EAAIiD"}
1
+ {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './fileuploader-result.svelte';\n\n export let id: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n files = target.files as FileList;\n displayfileslist = true;\n const invalidFiles: Array<any> = [];\n const fileList = [...files];\n fileList.forEach((file, index) => {\n const fileName = file.name;\n const fileSize = file.size;\n const validExtension = checkFileExtension(fileName);\n const validSize = checkFileSize(fileSize);\n let errorType = '';\n\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n\n if (!validSize) {\n errorType = 'invalid-size';\n }\n\n if (!validExtension || !validSize) {\n invalidFiles.push({\n index: index,\n fileName: fileName,\n fileSize: fileSize,\n errorType: errorType,\n });\n }\n });\n\n if (invalidFiles.length > 0) {\n eventHandler.dispatch(\n get_current_component(),\n 'invalid-files',\n invalidFiles,\n );\n }\n eventHandler.dispatch('change', files);\n if (stateless) {\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n }\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n return array as FileList;\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n eventHandler.dispatch('file-removed', e.detail);\n }\n\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', e.detail);\n }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n <input\n {id}\n type=\"file\"\n class=\"mc-fileuploader__input\"\n {accept}\n {multiple}\n {disabled}\n on:change={handleChange}\n />\n <label for={id} class=\"mc-fileuploader__label\">\n <span class=\"mc-fileuploader__label--center\">\n {label}\n </span>\n </label>\n {#if displayfileslist && files && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteUploadedFile}\n />\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"sdA4JuBA,EAAU,sXAKpBA,EAAa,kHAMHA,EAAkB,oFAN5BA,EAAa,qRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAqCKC,EAAAC,EAAAC,GApCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,GAACE,OAAS,mNAvDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCAtFLM,EACAC,MAdOC,GAAUC,SACVC,GAAaD,UACbE,GAAcF,GACdG,SAAAA,GAAW,GAAIH,qBACfI,GAAyBJ,WACzBK,GAAeL,GACfM,iBAAAA,GAAmB,GAAKN,GACxBO,SAAAA,GAAW,GAAKP,GAChBQ,YAAAA,EAAc,UAAQR,iBACtBS,GAAqBT,eACrBU,GAAmBV,aACnBW,GAAgBX,EAIvBY,EAAmB,IAAAC,EACrBC,IACAC,2fAGDC,EAAA,GAAEC,EAAoBb,EAAoBc,KAAKC,MAAMf,GAAiB,uBACtEY,EAAA,EAAEI,EAAgBX,EAAgBS,KAAKC,MAAMV,GAAa,uCAExDY,EAAUhB,QAAoBiB,sBAChCN,EAAA,GAAEO,EAAcb,EAAcQ,KAAKC,MAAMT,GAAW,gCAsB5C,SAAac,SACd3C,EAAS2C,EAAE3C,WACjBgB,EAAQhB,EAAOgB,OACfmB,EAAA,EAAAV,GAAmB,SACbmB,EAAY,UACG5B,GACZ6B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EArBD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBxC,OAAS,EAAC,CAC7C,MAAAyD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAWkBK,CAAmBV,GACpCW,EA9BD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GA4BRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAahD,OAAS,GACxBmC,EAAagC,SACX9B,IACA,gBACAW,GAGJb,EAAagC,SAAS,SAAU/C,GAC5Bc,EAAS,CACUb,EAAK+C,cACxB,2BAEWvD,MAAQ,KAahB,SAAWkC,GAClBR,EAAA,EAAAnB,EAAQT,EAAgBS,EAAO2B,EAAEsB,SACZhD,EAAK+C,cACxB,2BAEWvD,MAAQ,GACrBsB,EAAagC,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAA3B,EAAQT,EAAgBgC,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBvB,GAChBe,EAAagC,SAAS,wBAAyBpB,EAAEsB,2DAQbhD,EAAIiD"}
@@ -2,6 +2,10 @@
2
2
 
3
3
  <script lang="ts">
4
4
  // @ts-nocheck
5
+ import {
6
+ get_current_component,
7
+ createEventDispatcher,
8
+ } from 'svelte/internal';
5
9
  import { EventHandler } from '../../utilities/EventHandler';
6
10
  import ResultFile from './fileuploader-result.svelte';
7
11
 
@@ -51,24 +55,11 @@
51
55
 
52
56
  return true; // valid
53
57
  }
54
-
55
- function checkFileStatus(file: File): boolean {
56
- const validExtension = allowedExtensions
57
- ? checkFileExtension(file.name)
58
- : true;
59
- const validSize = checkFileSize(file.size);
60
-
61
- if (!validExtension || !validSize) {
62
- return false; // invalid
63
- }
64
-
65
- return true; // valid
66
- }
67
58
  function handleChange(e: Event): void {
68
59
  const target = e.target as HTMLInputElement;
69
60
  files = target.files as FileList;
70
61
  displayfileslist = true;
71
- const invalidFiles: Array = [];
62
+ const invalidFiles: Array<any> = [];
72
63
  const fileList = [...files];
73
64
  fileList.forEach((file, index) => {
74
65
  const fileName = file.name;
@@ -1,2 +1,2 @@
1
- import{S as e,i as l,a as i,b as r,f as a,s as o,e as t,n as s,g as n,o as d,O as c,c as f,u as m,t as b,d as p,j as u,l as g,k as h}from"../../index-9ffad6d0.js";import{E as x}from"../../EventHandler-f7ee47ca.js";function w(e,l,i){const r=e.slice();return r[15]=l[i],r[17]=i,r}function _(e){let l,i,a=e[3][e[15].errorType]+"";return{c(){l=t("div"),i=b(a),n(l,"class","mc-fileuploader__file-message")},m(e,a){r(e,l,a),u(l,i)},p(e,l){9&l&&a!==(a=e[3][e[15].errorType]+"")&&h(i,a)},d(e){e&&d(l)}}}function v(e){let l,i,a,o,s,c,f,m,x,w,v,k,E=e[15].name+"";function z(){return e[9](e[15])}let C=e[15].errorType&&_(e);return{c(){l=t("li"),i=t("span"),a=b(E),o=p(),s=t("span"),s.textContent=" ",c=p(),f=t("button"),m=p(),C&&C.c(),x=p(),n(i,"class","mc-fileuploader__file-name"),n(s,"class","mc-fileuploader__file-icon"),n(f,"type","button"),n(f,"class","mc-fileuploader__delete"),n(f,"aria-label",e[2]),f.disabled=e[1],n(l,"id",`file-${e[17]}`),n(l,"class",w=e[4](e[15])+" "+e[6].class)},m(e,t){r(e,l,t),u(l,i),u(i,a),u(l,o),u(l,s),u(l,c),u(l,f),u(l,m),C&&C.m(l,null),u(l,x),v||(k=g(f,"click",z),v=!0)},p(i,r){e=i,1&r&&E!==(E=e[15].name+"")&&h(a,E),4&r&&n(f,"aria-label",e[2]),2&r&&(f.disabled=e[1]),e[15].errorType?C?C.p(e,r):(C=_(e),C.c(),C.m(l,x)):C&&(C.d(1),C=null),65&r&&w!==(w=e[4](e[15])+" "+e[6].class)&&n(l,"class",w)},d(e){e&&d(l),C&&C.d(),v=!1,k()}}}function k(e){let l,i=e[0],a=[];for(let l=0;l<i.length;l+=1)a[l]=v(w(e,i,l));return{c(){l=t("ul");for(let e=0;e<a.length;e+=1)a[e].c();this.c=s,n(l,"id","file_uploaded"),n(l,"class","mc-fileuploader__files")},m(e,i){r(e,l,i);for(let e=0;e<a.length;e+=1)a[e]&&a[e].m(l,null)},p(e,[r]){if(127&r){let o;for(i=e[0],o=0;o<i.length;o+=1){const t=w(e,i,o);a[o]?a[o].p(t,r):(a[o]=v(t),a[o].c(),a[o].m(l,null))}for(;o<a.length;o+=1)a[o].d(1);a.length=i.length}},i:s,o:s,d(e){e&&d(l),c(a,e)}}}function E(e,l,i){let{allowedExtensions:r}=l,{maxSize:a}=l,{disabled:o=!1}=l,{files:t}=l,{removelabel:s="Remove"}=l,{errorLabels:n}=l,d=new x(get_current_component(),createEventDispatcher());function c(e){if(r&&r.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(r&&!r.includes(String(l)))return!1}return!0}function b(e){return!(a&&e/1024/1024>a)}function p(e){d.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=f(f({},l),m(e))),"allowedExtensions"in e&&i(8,r=e.allowedExtensions),"maxSize"in e&&i(7,a=e.maxSize),"disabled"in e&&i(1,o=e.disabled),"files"in e&&i(0,t=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,t=t?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=c(e.name),r=b(e.size);let a="";i||(a="invalid-extension"),r||(a="invalid-size"),e.errorType&&(a=e.errorType),i&&r&&!e.errorType||(e.errorType=a)})),l}(t):[]),128&e.$$.dirty&&i(7,a=a||void 0)},l=m(l),[t,o,s,n,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!r||c(e.name),i=b(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},p,l,a,r,e=>p(e)]}class z extends e{constructor(e){super();const t=document.createElement("style");t.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:\"Roboto\", sans-serif;font-weight:700;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#007f8c;border-color:#007f8c;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label.is-hover,.mc-fileuploader__label:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:disabled,.mc-fileuploader__label.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23007f8c' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus+.mc-fileuploader__label,:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.is-hover+.mc-fileuploader__label,:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}.is-disabled+.mc-fileuploader__label,:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled+.mc-fileuploader__label::before,:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid .mc-fileuploader__file-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2300919f' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-message{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete:focus{outline:none}.mc-fileuploader__delete:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}",this.shadowRoot.appendChild(t),l(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},E,k,o,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["allowedExtensions","maxSize","disabled","files","removelabel","errorLabels"]}get allowedExtensions(){return this.$$.ctx[8]}set allowedExtensions(e){this.$$set({allowedExtensions:e}),a()}get maxSize(){return this.$$.ctx[7]}set maxSize(e){this.$$set({maxSize:e}),a()}get disabled(){return this.$$.ctx[1]}set disabled(e){this.$$set({disabled:e}),a()}get files(){return this.$$.ctx[0]}set files(e){this.$$set({files:e}),a()}get removelabel(){return this.$$.ctx[2]}set removelabel(e){this.$$set({removelabel:e}),a()}get errorLabels(){return this.$$.ctx[3]}set errorLabels(e){this.$$set({errorLabels:e}),a()}}export{z as default};
1
+ import{S as e,i as l,a as i,b as a,f as r,s as o,e as t,n as s,g as n,o as d,O as c,q as f,r as m,c as b,u as p,t as u,d as g,j as h,l as x,k as w}from"../../index-9ffad6d0.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function v(e,l,i){const a=e.slice();return a[15]=l[i],a[17]=i,a}function k(e){let l,i,r=e[3][e[15].errorType]+"";return{c(){l=t("div"),i=u(r),n(l,"class","mc-fileuploader__file-message")},m(e,r){a(e,l,r),h(l,i)},p(e,l){9&l&&r!==(r=e[3][e[15].errorType]+"")&&w(i,r)},d(e){e&&d(l)}}}function E(e){let l,i,r,o,s,c,f,m,b,p,_,v,E=e[15].name+"";function z(){return e[9](e[15])}let C=e[15].errorType&&k(e);return{c(){l=t("li"),i=t("span"),r=u(E),o=g(),s=t("span"),s.textContent=" ",c=g(),f=t("button"),m=g(),C&&C.c(),b=g(),n(i,"class","mc-fileuploader__file-name"),n(s,"class","mc-fileuploader__file-icon"),n(f,"type","button"),n(f,"class","mc-fileuploader__delete"),n(f,"aria-label",e[2]),f.disabled=e[1],n(l,"id",`file-${e[17]}`),n(l,"class",p=e[4](e[15])+" "+e[6].class)},m(e,t){a(e,l,t),h(l,i),h(i,r),h(l,o),h(l,s),h(l,c),h(l,f),h(l,m),C&&C.m(l,null),h(l,b),_||(v=x(f,"click",z),_=!0)},p(i,a){e=i,1&a&&E!==(E=e[15].name+"")&&w(r,E),4&a&&n(f,"aria-label",e[2]),2&a&&(f.disabled=e[1]),e[15].errorType?C?C.p(e,a):(C=k(e),C.c(),C.m(l,b)):C&&(C.d(1),C=null),65&a&&p!==(p=e[4](e[15])+" "+e[6].class)&&n(l,"class",p)},d(e){e&&d(l),C&&C.d(),_=!1,v()}}}function z(e){let l,i=e[0],r=[];for(let l=0;l<i.length;l+=1)r[l]=E(v(e,i,l));return{c(){l=t("ul");for(let e=0;e<r.length;e+=1)r[e].c();this.c=s,n(l,"id","file_uploaded"),n(l,"class","mc-fileuploader__files")},m(e,i){a(e,l,i);for(let e=0;e<r.length;e+=1)r[e]&&r[e].m(l,null)},p(e,[a]){if(127&a){let o;for(i=e[0],o=0;o<i.length;o+=1){const t=v(e,i,o);r[o]?r[o].p(t,a):(r[o]=E(t),r[o].c(),r[o].m(l,null))}for(;o<r.length;o+=1)r[o].d(1);r.length=i.length}},i:s,o:s,d(e){e&&d(l),c(r,e)}}}function C(e,l,i){let{allowedExtensions:a}=l,{maxSize:r}=l,{disabled:o=!1}=l,{files:t}=l,{removelabel:s="Remove"}=l,{errorLabels:n}=l,d=new _(f(),m());function c(e){if(a&&a.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(a&&!a.includes(String(l)))return!1}return!0}function u(e){return!(r&&e/1024/1024>r)}function g(e){d.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=b(b({},l),p(e))),"allowedExtensions"in e&&i(8,a=e.allowedExtensions),"maxSize"in e&&i(7,r=e.maxSize),"disabled"in e&&i(1,o=e.disabled),"files"in e&&i(0,t=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,t=t?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=c(e.name),a=u(e.size);let r="";i||(r="invalid-extension"),a||(r="invalid-size"),e.errorType&&(r=e.errorType),i&&a&&!e.errorType||(e.errorType=r)})),l}(t):[]),128&e.$$.dirty&&i(7,r=r||void 0)},l=p(l),[t,o,s,n,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!a||c(e.name),i=u(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},g,l,r,a,e=>g(e)]}class $ extends e{constructor(e){super();const t=document.createElement("style");t.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:\"Roboto\", sans-serif;font-weight:700;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#007f8c;border-color:#007f8c;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label.is-hover,.mc-fileuploader__label:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:disabled,.mc-fileuploader__label.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23007f8c' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus+.mc-fileuploader__label,:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.is-hover+.mc-fileuploader__label,:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}.is-disabled+.mc-fileuploader__label,:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled+.mc-fileuploader__label::before,:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid .mc-fileuploader__file-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2300919f' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-message{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete:focus{outline:none}.mc-fileuploader__delete:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}",this.shadowRoot.appendChild(t),l(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,z,o,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["allowedExtensions","maxSize","disabled","files","removelabel","errorLabels"]}get allowedExtensions(){return this.$$.ctx[8]}set allowedExtensions(e){this.$$set({allowedExtensions:e}),r()}get maxSize(){return this.$$.ctx[7]}set maxSize(e){this.$$set({maxSize:e}),r()}get disabled(){return this.$$.ctx[1]}set disabled(e){this.$$set({disabled:e}),r()}get files(){return this.$$.ctx[0]}set files(e){this.$$set({files:e}),r()}get removelabel(){return this.$$.ctx[2]}set removelabel(e){this.$$set({removelabel:e}),r()}get errorLabels(){return this.$$.ctx[3]}set errorLabels(e){this.$$set({errorLabels:e}),r()}}export{$ as default};
2
2
  //# sourceMappingURL=fileuploader-result.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"fileuploader-result.js","sources":["../../../../src/components/fileuploader/fileuploader-result.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let allowedExtensions: [];\n export let maxSize: number;\n export let disabled = false;\n export let files: FileList;\n export let removelabel = 'Remove';\n export let errorLabels;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n $: files = files ? handleChange(files) : [];\n $: maxSize = maxSize ? maxSize : undefined;\n\n function setClasses(file: File): string {\n let classes = ['mc-fileuploader__file'];\n\n if (checkFileStatus(file) && !file.errorType)\n classes.push('mc-fileuploader__file--is-valid');\n else classes.push('mc-fileuploader__file--is-invalid');\n return classes.join(' ');\n }\n\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function handleChange(myFiles: FileList): void {\n let files = [...myFiles];\n files.forEach((file, index) => {\n const validExtension = checkFileExtension(file.name);\n const validSize = checkFileSize(file.size);\n let errorType = '';\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n if (!validSize) {\n errorType = 'invalid-size';\n }\n if (file.errorType) {\n errorType = file.errorType;\n }\n if (!validExtension || !validSize || file.errorType) {\n file.errorType = errorType;\n }\n });\n return files;\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n\n function deleteFile(file) {\n eventHandler.dispatch('file-removed', file);\n }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n {#each files as file, index}\n <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n <span class=\"mc-fileuploader__file-icon\">&nbsp;</span>\n <button\n type=\"button\"\n class=\"mc-fileuploader__delete\"\n aria-label={removelabel}\n {disabled}\n on:click={() => deleteFile(file)}\n />\n {#if file.errorType}\n <div class=\"mc-fileuploader__file-message\">\n {errorLabels[file.errorType]}\n </div>\n {/if}\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","errorType","insert","target","div","anchor","set_data","t","t_value","t0_value","name","if_block","create_if_block","attr","li","li_class_value","class","append","span0","span1","button","dirty","t0","length","i","ul","allowedExtensions","$$props","maxSize","disabled","files","removelabel","errorLabels","eventHandler","EventHandler","get_current_component","createEventDispatcher","checkFileExtension","fileName","extension","slice","lastIndexOf","includes","String","checkFileSize","fileSize","deleteFile","file","dispatch","myFiles","forEach","index","validExtension","validSize","size","handleChange","undefined","classes","checkFileStatus","push","join"],"mappings":"8SAwGWA,EAAW,GAACA,EAAI,IAACC,WAAS,qFAD7BC,EAEKC,EAAAC,EAAAC,8BADFL,EAAW,GAACA,EAAI,IAACC,WAAS,KAAAK,EAAAC,EAAAC,6DAXWC,EAAAT,MAAKU,KAAI,mCAS9C,IAAAC,EAAAX,MAAKC,WAASW,EAAAZ,yRAJLA,EAAW,qCANXA,EAAK,OAAYa,EAAAC,EAAA,QAAAC,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,eAA5Dd,EAeIC,EAAAW,EAAAT,GAdFY,EAA0DH,EAAAI,iBAC1DD,EAAqDH,EAAAK,UACrDF,EAMCH,EAAAM,uEARyC,EAAAC,GAAAZ,KAAAA,EAAAT,MAAKU,KAAI,KAAAJ,EAAAgB,EAAAb,yBAKrCT,EAAW,2BAIpBA,MAAKC,gEAVqB,GAAAoB,GAAAN,KAAAA,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,+EADvDhB,EAAK,wBAAVuB,OAAIC,GAAA,8JADRtB,EAmBIC,EAAAsB,EAAApB,oFAlBKL,EAAK,WAAVuB,OAAIC,GAAA,EAAA,iHAAJD,+EArFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,EAAmB,IAAAC,EACrBC,wBACAC,yBAcO,SAAAC,EAAmBC,GACtB,GAAAZ,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAgB,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAf,IAAsBA,EAAkBgB,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBjB,GADeiB,EAAW,KAAO,KACTjB,GAyCrB,SAAAkB,EAAWC,GAClBd,EAAae,SAAS,eAAgBD,mTArErCjB,EAAQA,EAiCF,SAAamB,GAChB,IAAAnB,MAAYmB,UAChBnB,EAAMoB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKrC,MACzC2C,EAAYT,EAAcG,EAAKO,MACjC,IAAArD,EAAY,GACXmD,IACHnD,EAAY,qBAEToD,IACHpD,EAAY,gBAEV8C,EAAK9C,YACPA,EAAY8C,EAAK9C,WAEdmD,GAAmBC,IAAaN,EAAK9C,YACxC8C,EAAK9C,UAAYA,MAGd6B,EApDUyB,CAAazB,GAAK,wBAClCF,EAAUA,QAAoB4B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiB1B,GACnBW,EAAmBU,EAAKrC,MAEtB2C,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK9C,UAE9BwD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}
1
+ {"version":3,"file":"fileuploader-result.js","sources":["../../../../src/components/fileuploader/fileuploader-result.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let allowedExtensions: [];\n export let maxSize: number;\n export let disabled = false;\n export let files: FileList;\n export let removelabel = 'Remove';\n export let errorLabels;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n $: files = files ? handleChange(files) : [];\n $: maxSize = maxSize ? maxSize : undefined;\n\n function setClasses(file: File): string {\n let classes = ['mc-fileuploader__file'];\n\n if (checkFileStatus(file) && !file.errorType)\n classes.push('mc-fileuploader__file--is-valid');\n else classes.push('mc-fileuploader__file--is-invalid');\n return classes.join(' ');\n }\n\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function handleChange(myFiles: FileList): void {\n let files = [...myFiles];\n files.forEach((file, index) => {\n const validExtension = checkFileExtension(file.name);\n const validSize = checkFileSize(file.size);\n let errorType = '';\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n if (!validSize) {\n errorType = 'invalid-size';\n }\n if (file.errorType) {\n errorType = file.errorType;\n }\n if (!validExtension || !validSize || file.errorType) {\n file.errorType = errorType;\n }\n });\n return files;\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n\n function deleteFile(file) {\n eventHandler.dispatch('file-removed', file);\n }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n {#each files as file, index}\n <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n <span class=\"mc-fileuploader__file-icon\">&nbsp;</span>\n <button\n type=\"button\"\n class=\"mc-fileuploader__delete\"\n aria-label={removelabel}\n {disabled}\n on:click={() => deleteFile(file)}\n />\n {#if file.errorType}\n <div class=\"mc-fileuploader__file-message\">\n {errorLabels[file.errorType]}\n </div>\n {/if}\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","errorType","insert","target","div","anchor","set_data","t","t_value","t0_value","name","if_block","create_if_block","attr","li","li_class_value","class","append","span0","span1","button","dirty","t0","length","i","ul","allowedExtensions","$$props","maxSize","disabled","files","removelabel","errorLabels","eventHandler","EventHandler","get_current_component","createEventDispatcher","checkFileExtension","fileName","extension","slice","lastIndexOf","includes","String","checkFileSize","fileSize","deleteFile","file","dispatch","myFiles","forEach","index","validExtension","validSize","size","handleChange","undefined","classes","checkFileStatus","push","join"],"mappings":"4TA4GWA,EAAW,GAACA,EAAI,IAACC,WAAS,qFAD7BC,EAEKC,EAAAC,EAAAC,8BADFL,EAAW,GAACA,EAAI,IAACC,WAAS,KAAAK,EAAAC,EAAAC,6DAXWC,EAAAT,MAAKU,KAAI,mCAS9C,IAAAC,EAAAX,MAAKC,WAASW,EAAAZ,yRAJLA,EAAW,qCANXA,EAAK,OAAYa,EAAAC,EAAA,QAAAC,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,eAA5Dd,EAeIC,EAAAW,EAAAT,GAdFY,EAA0DH,EAAAI,iBAC1DD,EAAqDH,EAAAK,UACrDF,EAMCH,EAAAM,uEARyC,EAAAC,GAAAZ,KAAAA,EAAAT,MAAKU,KAAI,KAAAJ,EAAAgB,EAAAb,yBAKrCT,EAAW,2BAIpBA,MAAKC,gEAVqB,GAAAoB,GAAAN,KAAAA,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,+EADvDhB,EAAK,wBAAVuB,OAAIC,GAAA,8JADRtB,EAmBIC,EAAAsB,EAAApB,oFAlBKL,EAAK,WAAVuB,OAAIC,GAAA,EAAA,iHAAJD,+EArFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,EAAmB,IAAAC,EACrBC,IACAC,KAcO,SAAAC,EAAmBC,GACtB,GAAAZ,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAgB,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAf,IAAsBA,EAAkBgB,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBjB,GADeiB,EAAW,KAAO,KACTjB,GAyCrB,SAAAkB,EAAWC,GAClBd,EAAae,SAAS,eAAgBD,mTArErCjB,EAAQA,EAiCF,SAAamB,GAChB,IAAAnB,MAAYmB,UAChBnB,EAAMoB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKrC,MACzC2C,EAAYT,EAAcG,EAAKO,MACjC,IAAArD,EAAY,GACXmD,IACHnD,EAAY,qBAEToD,IACHpD,EAAY,gBAEV8C,EAAK9C,YACPA,EAAY8C,EAAK9C,WAEdmD,GAAmBC,IAAaN,EAAK9C,YACxC8C,EAAK9C,UAAYA,MAGd6B,EApDUyB,CAAazB,GAAK,wBAClCF,EAAUA,QAAoB4B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiB1B,GACnBW,EAAmBU,EAAKrC,MAEtB2C,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK9C,UAE9BwD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}