@voicenter-team/voicenter-ui-plus 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/library/assets/assets/sass/main.css +1 -1
  2. package/library/assets/components/VcButton/VcButton.css +1 -1
  3. package/library/assets/components/VcButton/VcButtonIcon.css +1 -1
  4. package/library/assets/components/VcDelimitedList/VcDelimitedList.css +1 -1
  5. package/library/assets/components/VcExcelUploader/VcExcelFileUploadBlock.css +1 -1
  6. package/library/assets/components/VcModal/VcModal.css +1 -1
  7. package/library/assets/components/VcSoundplayer/VcSoundPlayer.css +1 -1
  8. package/library/assets/components/VcSplitButton/VcSplitButton.css +1 -1
  9. package/library/assets/components/VcTable/VcTable.css +1 -1
  10. package/library/assets/entity/components/Form/VcBaseVerticalForm.css +1 -1
  11. package/library/assets/entity/components/Table/VcEntityListTable.css +1 -1
  12. package/library/assets/entity/components/Tabs/VcEntityEditableTabs.css +1 -1
  13. package/library/components/VcButton/VcButton.vue.mjs +3 -2
  14. package/library/components/VcButton/VcButtonIcon.vue.mjs +92 -5
  15. package/library/components/VcButton/VcButtonIcon.vue3.mjs +5 -0
  16. package/library/components/VcButton/VcToggleButton.vue.mjs +20 -7
  17. package/library/components/VcDelimitedList/VcDelimitedList.vue.mjs +194 -5
  18. package/library/components/VcDelimitedList/VcDelimitedList.vue3.mjs +5 -0
  19. package/library/components/VcExcelUploader/VcExcelFileUploadBlock.vue.mjs +140 -5
  20. package/library/components/VcExcelUploader/VcExcelFileUploadBlock.vue3.mjs +5 -0
  21. package/library/components/VcExcelUploader/VcExcelFileUploader.vue.mjs +6 -5
  22. package/library/components/VcExcelUploader/VcFileImportParseResultBlock.vue.mjs +5 -3
  23. package/library/components/VcExcelUploader/VcFileImportResultBindDataTable.vue.mjs +21 -18
  24. package/library/components/VcExtendedDatetimeRangePicker/VcExtendedDatetimeRangePickerQuickOptionsSelection.vue.mjs +4 -3
  25. package/library/components/VcFileUploader/VcFileUploader.vue2.mjs +11 -9
  26. package/library/components/VcHtmlEditor/VcHtmlEditorToolbar.vue.mjs +10 -9
  27. package/library/components/VcIcon/VcIcon.vue.mjs +7 -3
  28. package/library/components/VcJsonSchema/Components/JsonSchemaEditor.vue.mjs +8 -7
  29. package/library/components/VcJsonSchema/PropertySetup/JsonSchemaPropertyModal.vue.mjs +10 -9
  30. package/library/components/VcMdEditor/ParameterNode.vue2.mjs +6 -5
  31. package/library/components/VcMdEditor/VcMdEditor.vue.mjs +8 -7
  32. package/library/components/VcPagination/VcPaginationButton.vue.mjs +3 -2
  33. package/library/components/VcSelect/VcSelect.vue.mjs +9 -5
  34. package/library/components/VcSoundplayer/VcSoundPlayer.vue.mjs +274 -5
  35. package/library/components/VcSoundplayer/VcSoundPlayer.vue3.mjs +5 -0
  36. package/library/components/VcSplitButton/VcSplitButton.vue.mjs +4 -3
  37. package/library/components/VcTable/VcTable.vue.mjs +1069 -6
  38. package/library/components/VcTable/VcTable.vue4.mjs +6 -0
  39. package/library/components/VcTree/VcTreeSelect.vue.mjs +8 -7
  40. package/library/entity/components/Button/VcEntityDeleteIconButton.vue.mjs +3 -2
  41. package/library/entity/components/Button/VcEntityEditIconButton.vue.mjs +3 -2
  42. package/library/entity/components/Form/VcBaseVerticalForm.vue.mjs +95 -5
  43. package/library/entity/components/Form/VcBaseVerticalForm.vue3.mjs +5 -0
  44. package/library/entity/components/Form/VcEntityVerticalCreateForm.vue.mjs +3 -2
  45. package/library/entity/components/Form/VcEntityVerticalEditForm.vue.mjs +9 -8
  46. package/library/entity/components/Table/VcEntityListTable.vue.mjs +414 -5
  47. package/library/entity/components/Table/VcEntityListTable.vue3.mjs +5 -0
  48. package/library/entity/components/Tabs/VcEntityEditableTabs.vue.mjs +287 -5
  49. package/library/entity/components/Tabs/VcEntityEditableTabs.vue3.mjs +5 -0
  50. package/library/index.mjs +8 -0
  51. package/library/index.mjs.br +0 -0
  52. package/library/index.mjs.gz +0 -0
  53. package/library/plugin.mjs +272 -264
  54. package/library/plugin.mjs.br +0 -0
  55. package/library/plugin.mjs.gz +0 -0
  56. package/library/style.css +12 -12
  57. package/library/style.css.br +0 -0
  58. package/library/style.css.gz +0 -0
  59. package/library/types/components/VcButton/VcButton.vue.d.ts +1 -1
  60. package/library/types/components/VcButton/VcToggleButton.vue.d.ts +4 -0
  61. package/library/types/components/VcDelimitedList/VcDelimitedList.vue.d.ts +1 -2
  62. package/library/types/components/VcIcon/VcIcon.vue.d.ts +1 -0
  63. package/library/types/components/VcLoading/VcLoading.vue.d.ts +1 -1
  64. package/library/types/components/VcOtpInput/VcOtpInput.vue.d.ts +1 -1
  65. package/library/types/components/VcSelect/VcSelect.vue.d.ts +3 -3
  66. package/library/types/components/VcSelect/VcSelectGrouped.vue.d.ts +3 -3
  67. package/library/types/components/VcSipFlow/VcSipFlow.vue.d.ts +1 -1
  68. package/library/types/components/VcSplitButton/VcSplitButton.vue.d.ts +1 -1
  69. package/library/types/components/VcSwitch/VcSwitch.vue.d.ts +3 -3
  70. package/library/types/components/VcTable/VcTable.vue.d.ts +3 -3
  71. package/library/types/components/VcTree/VcTree.vue.d.ts +3 -3
  72. package/library/types/components/VcTree/VcTreeSelect.vue.d.ts +3 -3
  73. package/package.json +1 -1
  74. package/library/components/VcButton/VcButtonIcon.vue2.mjs +0 -92
  75. package/library/components/VcDelimitedList/VcDelimitedList.vue2.mjs +0 -195
  76. package/library/components/VcExcelUploader/VcExcelFileUploadBlock.vue2.mjs +0 -141
  77. package/library/components/VcSoundplayer/VcSoundPlayer.vue2.mjs +0 -275
  78. package/library/components/VcTable/VcTable.vue2.mjs +0 -1069
  79. package/library/entity/components/Form/VcBaseVerticalForm.vue2.mjs +0 -96
  80. package/library/entity/components/Table/VcEntityListTable.vue2.mjs +0 -413
  81. package/library/entity/components/Tabs/VcEntityEditableTabs.vue2.mjs +0 -288
@@ -1 +1 @@
1
- .vc-table[data-v-d465e664]{--even-row-color: color-mix(in srgb, var(--light-bg) 30%, var(--main-bg));width:100%}.vc-table-wrapper[data-v-d465e664]{overflow-x:auto}.vc-table--with-footer[data-v-d465e664]{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vc-table--with-footer thead[data-v-d465e664],.vc-table--with-footer tr[data-v-d465e664]{overflow:hidden;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vc-table--with-footer th[data-v-d465e664]:first-child{border-top-left-radius:.375rem}.vc-table--with-footer th[data-v-d465e664]:last-child{border-top-right-radius:.375rem}.vc-table--without-footer[data-v-d465e664]{overflow:hidden}.vc-table-slot[data-v-d465e664]{display:flex;align-items:center}.vc-table-column-header[data-v-d465e664]{display:flex;align-items:center;color:var(--table-headings)}.vc-table__header[data-v-d465e664]:not(:empty){margin-bottom:.75rem;display:flex;width:100%;align-items:center}.vc-table__header-actions[data-v-d465e664]{flex-shrink:0;flex-grow:1}.vc-table__perpage[data-v-d465e664]{flex-shrink:0;flex-grow:1;min-width:64px;max-width:140px}.vc-table-pagination[data-v-d465e664]{border-top-width:1px;border-color:var(--ui-lines);background-color:var(--light-bg);padding:.75rem 1rem;border-radius:inherit}.vc-table-footer[data-v-d465e664]{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.vc-table .selection-col[data-v-d465e664]{width:3.5rem}.vc-table .selection-col .selection-col-content[data-v-d465e664]{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.vc-table .selection-col .vc-form-check[data-v-d465e664]{padding-top:0;padding-bottom:0;min-height:1rem}.vc-table tr.empty-row[data-v-d465e664]{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;background-color:var(--main-bg)}.vc-table tr.empty-row td[data-v-d465e664]{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.vc-table__empty-block[data-v-d465e664]{display:flex;width:100%;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--default-text)}.vc-table-column-icon[data-v-d465e664]{font-size:1.125rem}.vc-table-column-icon[data-v-d465e664],[dir=ltr] .vc-table-column-icon[data-v-d465e664]{margin-right:.25rem;margin-left:0}[dir=rtl] .vc-table-column-icon[data-v-d465e664]{margin-right:0;margin-left:.25rem}.vc-table td[data-v-d465e664]:not(:last-child),.vc-table th[data-v-d465e664]:not(:last-child){border-right-width:1px;border-color:var(--ui-lines)}.vc-table .header-sort-wrapper[data-v-d465e664]{position:relative;display:inline-flex;height:1rem;width:1rem;cursor:pointer;flex-direction:column;align-items:center;vertical-align:middle;color:var(--inactive-elements);overflow:initial}.vc-table .header-sort-wrapper .sort-caret[data-v-d465e664]{position:absolute;height:0px;width:0px;border:solid 5px transparent;left:3px}.vc-table .header-sort-wrapper .sort-caret.ascending[data-v-d465e664]{border-bottom-color:currentColor;top:-5px}.vc-table .header-sort-wrapper .sort-caret.descending[data-v-d465e664]{border-top-color:currentColor;bottom:-3px}.vc-table .header-filter-btn[data-v-d465e664]{position:relative}.vc-table .header-filter-btn--open[data-v-d465e664],.vc-table .header-filter-btn--active[data-v-d465e664]{color:var(--primary)}.vc-table .header-filter-btn--active[data-v-d465e664]:after{content:"";position:absolute;height:.375rem;width:.375rem;border-radius:9999px;background-color:var(--primary);top:0;right:0}.vc-table .vc-table-column-header[data-v-d465e664]{display:inline-flex;align-items:center;gap:.25rem}.vc-table__load-trigger td[data-v-d465e664]{padding:0!important}.vc-table th[data-v-d465e664],.vc-table td[data-v-d465e664]{padding:.5rem}.vc-table tr:has(th>:last-child:nth-child(2)) th[data-v-d465e664]{padding:.25rem;align-content:baseline}.vc-table .expandable-td[data-v-d465e664]{height:100%;width:3.5rem}.vc-table thead tr[data-v-d465e664]{border-bottom-width:1px;border-color:var(--ui-lines)}.vc-table tr[data-v-d465e664]:not(:first-child){border-top-width:1px;border-color:var(--ui-lines)}.vc-table tr[data-v-d465e664],.vc-table th[data-v-d465e664]{background-color:var(--light-bg)}.vc-table.vc-table--small[data-v-d465e664]{font-size:.875rem}.vc-table.vc-table--small .vc-table-column-icon[data-v-d465e664]{font-size:1rem}.vc-table.vc-table--small th[data-v-d465e664],.vc-table.vc-table--small td[data-v-d465e664]{padding:.375rem .25rem}.vc-table.vc-table--striped tbody tr[data-v-d465e664]:nth-child(2n){background-color:var(--even-row-color)}.vc-table tbody tr[data-v-d465e664]{cursor:pointer;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table tbody tr[data-v-d465e664]:hover{position:relative;--tw-shadow: 0 10px 10px -12px var(--table-shadow-color);--tw-shadow-colored: 0 10px 10px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-table .checked-tooltip[data-v-d465e664]{position:absolute;display:flex;align-items:center;padding-left:.5rem;padding-right:.5rem;color:var(--light-bg);background:linear-gradient(90deg,currentColor 93.42%,rgba(255,255,255,0) 100%)}.vc-table .icon-expandable[data-v-d465e664]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table .icon-expandable-active[data-v-d465e664]{color:var(--primary);transform:rotate(180deg)}.vc-table .icon-expandable[data-v-d465e664]:hover{color:var(--primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table-wrapper.is--fixed[data-v-d465e664]{max-height:var(--height)}.vc-table-wrapper.is--fixed table[data-v-d465e664]{overflow:auto}.vc-table-wrapper.is--fixed thead tr[data-v-d465e664]{position:sticky;top:0;z-index:5;box-shadow:0 0 1px var(--ui-lines)}.vc-table-wrapper.is--fixed thead tr th[data-v-d465e664]{position:relative}.vc-table .vc-table-actions-column-header--fixed[data-v-d465e664],.vc-table .vc-table-actions-column--fixed[data-v-d465e664]{right:0;background:inherit;position:sticky!important}.vc-table .vc-table-actions-column--fixed[data-v-d465e664]:before,.vc-table .vc-table-actions-column-header--fixed[data-v-d465e664]:before{left:-1px;box-shadow:inset -1px 0 0 0 var(--ui-lines);content:"";position:absolute;top:0;width:1px;bottom:0;overflow-x:hidden;overflow-y:hidden;touch-action:none;pointer-events:none}@media only screen and (max-width: 780px){.vc-table thead th[data-v-d465e664]:not(.selection-col){display:none}.vc-table thead th.selection-col[data-v-d465e664]{width:100%;max-width:100%}.vc-table thead th.selection-col .selection-col-content[data-v-d465e664]{justify-content:flex-start}.vc-table tbody tr[data-v-d465e664],.vc-table tbody td[data-v-d465e664]{display:block}.vc-table tbody td[data-v-d465e664]{text-align:right;width:100%!important;max-width:100%!important;display:flex;align-items:center;justify-content:space-between;border:none}.vc-table tbody td[data-v-d465e664]:before{content:attr(data-column);float:left;font-weight:700;text-transform:uppercase;font-size:14px;text-align:left}.vc-table tbody td.expandable-td .icon-expandable[data-v-d465e664]{font-size:1.125rem}.vc-table tbody td.selection-col .selection-col-content[data-v-d465e664]{justify-content:flex-start}}
1
+ .vc-table{--even-row-color: color-mix(in srgb, var(--light-bg) 30%, var(--main-bg));width:100%}.vc-table-wrapper{overflow-x:auto}.vc-table--with-footer{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vc-table--with-footer thead,.vc-table--with-footer tr{overflow:hidden;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vc-table--with-footer th:first-child{border-top-left-radius:.375rem}.vc-table--with-footer th:last-child{border-top-right-radius:.375rem}.vc-table--without-footer{overflow:hidden}.vc-table-slot{display:flex;align-items:center}.vc-table-column-header{display:flex;align-items:center;color:var(--table-headings)}.vc-table__header:not(:empty){margin-bottom:.75rem;display:flex;width:100%;align-items:center}.vc-table__header-actions{flex-shrink:0;flex-grow:1}.vc-table__perpage{flex-shrink:0;flex-grow:1;min-width:64px;max-width:140px}.vc-table-pagination{border-top-width:1px;border-color:var(--ui-lines);background-color:var(--light-bg);padding:.75rem 1rem;border-radius:inherit}.vc-table-footer{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.vc-table .selection-col{width:3.5rem}.vc-table .selection-col .selection-col-content{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.vc-table .selection-col .vc-form-check{padding-top:0;padding-bottom:0;min-height:1rem}.vc-table tr.empty-row{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;background-color:var(--main-bg)}.vc-table tr.empty-row td{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.vc-table__empty-block{display:flex;width:100%;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--default-text)}.vc-table-column-icon{font-size:1.125rem}.vc-table-column-icon,[dir=ltr] .vc-table-column-icon{margin-right:.25rem;margin-left:0}[dir=rtl] .vc-table-column-icon{margin-right:0;margin-left:.25rem}.vc-table td:not(:last-child),.vc-table th:not(:last-child){border-right-width:1px;border-color:var(--ui-lines)}.vc-table .header-sort-wrapper{position:relative;display:inline-flex;height:1rem;width:1rem;cursor:pointer;flex-direction:column;align-items:center;vertical-align:middle;color:var(--inactive-elements);overflow:initial}.vc-table .header-sort-wrapper .sort-caret{position:absolute;height:0px;width:0px;border:solid 5px transparent;left:3px}.vc-table .header-sort-wrapper .sort-caret.ascending{border-bottom-color:currentColor;top:-5px}.vc-table .header-sort-wrapper .sort-caret.descending{border-top-color:currentColor;bottom:-3px}.vc-table .header-filter-btn{position:relative}.vc-table .header-filter-btn--open,.vc-table .header-filter-btn--active{color:var(--primary)}.vc-table .header-filter-btn--active:after{content:"";position:absolute;height:.375rem;width:.375rem;border-radius:9999px;background-color:var(--primary);top:0;right:0}.vc-table .vc-table-column-header{display:inline-flex;align-items:center;gap:.25rem}.vc-table__load-trigger td{padding:0!important}.vc-table th,.vc-table td{padding:.5rem}.vc-table tr:has(th>:last-child:nth-child(2)) th{padding:.25rem;align-content:baseline}.vc-table .expandable-td{height:100%;width:3.5rem}.vc-table thead tr{border-bottom-width:1px;border-color:var(--ui-lines)}.vc-table tr:not(:first-child){border-top-width:1px;border-color:var(--ui-lines)}.vc-table tr,.vc-table th{background-color:var(--light-bg)}.vc-table.vc-table--small{font-size:.875rem}.vc-table.vc-table--small .vc-table-column-icon{font-size:1rem}.vc-table.vc-table--small th,.vc-table.vc-table--small td{padding:.375rem .25rem}.vc-table.vc-table--striped tbody tr:nth-child(2n){background-color:var(--even-row-color)}.vc-table tbody tr{cursor:pointer;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table tbody tr:hover{position:relative;--tw-shadow: 0 10px 10px -12px var(--table-shadow-color);--tw-shadow-colored: 0 10px 10px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-table .checked-tooltip{position:absolute;display:flex;align-items:center;padding-left:.5rem;padding-right:.5rem;color:var(--light-bg);background:linear-gradient(90deg,currentColor 93.42%,rgba(255,255,255,0) 100%)}.vc-table .icon-expandable{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table .icon-expandable-active{color:var(--primary);transform:rotate(180deg)}.vc-table .icon-expandable:hover{color:var(--primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table-wrapper.is--fixed{max-height:var(--height)}.vc-table-wrapper.is--fixed table{overflow:auto}.vc-table-wrapper.is--fixed thead tr{position:sticky;top:0;z-index:5;box-shadow:0 0 1px var(--ui-lines)}.vc-table-wrapper.is--fixed thead tr th{position:relative}.vc-table .vc-table-actions-column-header--fixed,.vc-table .vc-table-actions-column--fixed{right:0;background:inherit;position:sticky!important}.vc-table .vc-table-actions-column--fixed:before,.vc-table .vc-table-actions-column-header--fixed:before{left:-1px;box-shadow:inset -1px 0 0 0 var(--ui-lines);content:"";position:absolute;top:0;width:1px;bottom:0;overflow-x:hidden;overflow-y:hidden;touch-action:none;pointer-events:none}@media only screen and (max-width: 780px){.vc-table thead th:not(.selection-col){display:none}.vc-table thead th.selection-col{width:100%;max-width:100%}.vc-table thead th.selection-col .selection-col-content{justify-content:flex-start}.vc-table tbody tr,.vc-table tbody td{display:block}.vc-table tbody td{text-align:right;width:100%!important;max-width:100%!important;display:flex;align-items:center;justify-content:space-between;border:none}.vc-table tbody td:before{content:attr(data-column);float:left;font-weight:700;text-transform:uppercase;font-size:14px;text-align:left}.vc-table tbody td.expandable-td .icon-expandable{font-size:1.125rem}.vc-table tbody td.selection-col .selection-col-content{justify-content:flex-start}}
@@ -1 +1 @@
1
- .vc-base-vertical-form[data-v-f6516290]{padding-left:.75rem;padding-right:.75rem}@media (min-width: 680px){.vc-base-vertical-form[data-v-f6516290]{padding-top:.75rem}}.vc-base-vertical-form__wrap[data-v-f6516290]{display:flex;width:100%;justify-content:center}@media (min-width: 680px){.vc-base-vertical-form__wrap[data-v-f6516290]{padding-top:1.25rem}}@media (min-width: 1264px){.vc-base-vertical-form__wrap[data-v-f6516290]{padding-top:1.75rem}}.vc-base-vertical-form__content[data-v-f6516290]{width:100%;max-width:1024px}.vc-base-vertical-form__header[data-v-f6516290]{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1.5rem;font-weight:700}@media (min-width: 960px){.vc-base-vertical-form__header[data-v-f6516290]{flex-wrap:nowrap}}.vc-base-vertical-form__form-content[data-v-f6516290]{display:flex;min-height:200px;flex-direction:column;gap:1.25rem;padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width: 960px){.vc-base-vertical-form__form-content[data-v-f6516290]{gap:2.5rem}}@media (min-width: 1264px){.vc-base-vertical-form__form-content[data-v-f6516290]{gap:4rem;padding-top:2.5rem;padding-bottom:2.5rem}}.vc-base-vertical-form__footer[data-v-f6516290]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem}@media (min-width: 680px){.vc-base-vertical-form__footer[data-v-f6516290]{flex-wrap:nowrap}}@media (min-width: 1264px){.vc-base-vertical-form__footer[data-v-f6516290]{padding-top:1.5rem;padding-bottom:1.5rem}}.vc-base-vertical-form__footer .footer-actions[data-v-f6516290]{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}@media (min-width: 680px){.vc-base-vertical-form__footer .footer-actions[data-v-f6516290]{width:auto;flex-wrap:nowrap}}
1
+ .vc-base-vertical-form{padding-left:.75rem;padding-right:.75rem}@media (min-width: 680px){.vc-base-vertical-form{padding-top:.75rem}}.vc-base-vertical-form__wrap{display:flex;width:100%;justify-content:center}@media (min-width: 680px){.vc-base-vertical-form__wrap{padding-top:1.25rem}}@media (min-width: 1264px){.vc-base-vertical-form__wrap{padding-top:1.75rem}}.vc-base-vertical-form__content{width:100%;max-width:1024px}.vc-base-vertical-form__header{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1.5rem;font-weight:700}@media (min-width: 960px){.vc-base-vertical-form__header{flex-wrap:nowrap}}.vc-base-vertical-form__form-content{display:flex;min-height:200px;flex-direction:column;gap:1.25rem;padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width: 960px){.vc-base-vertical-form__form-content{gap:2.5rem}}@media (min-width: 1264px){.vc-base-vertical-form__form-content{gap:4rem;padding-top:2.5rem;padding-bottom:2.5rem}}.vc-base-vertical-form__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem}@media (min-width: 680px){.vc-base-vertical-form__footer{flex-wrap:nowrap}}@media (min-width: 1264px){.vc-base-vertical-form__footer{padding-top:1.5rem;padding-bottom:1.5rem}}.vc-base-vertical-form__footer .footer-actions{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}@media (min-width: 680px){.vc-base-vertical-form__footer .footer-actions{width:auto;flex-wrap:nowrap}}
@@ -1 +1 @@
1
- .vc-entity-table-disabled-overflow[data-v-82a0632a]{position:absolute;left:0;right:0;top:0;height:100%;width:100%;background-color:var(--light-bg);opacity:.5}
1
+ .vc-entity-table-disabled-overflow{position:absolute;left:0;right:0;top:0;height:100%;width:100%;background-color:var(--light-bg);opacity:.5}
@@ -1 +1 @@
1
- .vc-editable-tabs[data-v-4ce6470f] .vc-tabs__item.create-nav-tab{margin-left:-.75rem;font-size:1.25rem}.vc-editable-tabs[data-v-4ce6470f] .vc-tabs__item.create-nav-tab:where([dir=ltr],[dir=ltr] *){margin-right:0}.vc-editable-tabs[data-v-4ce6470f] .vc-tabs__item.create-nav-tab:where([dir=rtl],[dir=rtl] *){margin-left:0}.vc-editable-tabs[data-v-4ce6470f] .vc-tabs__item .vc-tabs__item-text{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
1
+ .vc-editable-tabs :deep(.vc-tabs__item.create-nav-tab){margin-left:-.75rem;font-size:1.25rem}.vc-editable-tabs :deep(.vc-tabs__item.create-nav-tab):where([dir=ltr],[dir=ltr] *){margin-right:0}.vc-editable-tabs :deep(.vc-tabs__item.create-nav-tab):where([dir=rtl],[dir=rtl] *){margin-left:0}.vc-editable-tabs :deep(.vc-tabs__item .vc-tabs__item-text){max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -18,7 +18,7 @@ const CLASS_FOR_LOADING = "is--loading";
18
18
  const DEFAULT_SIZE = "middle";
19
19
  const DEFAULT_TYPE = "default";
20
20
  const DEFAULT_COLOR = "primary";
21
- const DEFAULT_LOAD_ICON = "vc-icon-load";
21
+ const DEFAULT_LOAD_ICON = "loader";
22
22
  const _sfc_main = /* @__PURE__ */ defineComponent({
23
23
  __name: "VcButton",
24
24
  props: {
@@ -84,7 +84,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
84
84
  renderSlot(_ctx.$slots, "loader", {}, () => [
85
85
  createVNode(_sfc_main$1, {
86
86
  icon: __props.loaderIcon,
87
- class: "text-current"
87
+ class: "text-current",
88
+ loading: ""
88
89
  }, null, 8, ["icon"])
89
90
  ])
90
91
  ])) : createCommentVNode("", true)
@@ -1,7 +1,94 @@
1
- import _sfc_main from "./VcButtonIcon.vue2.mjs";
2
- import '../../assets/components/VcButton/VcButtonIcon.css';/* empty css */
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const VcButtonIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d84bb44"]]);
1
+ import '../../assets/components/VcButton/VcButtonIcon.css';
2
+ import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode } from "vue";
3
+ import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
4
+ import '../../assets/components/VcIcon/VcIcon.css';/* empty css */
5
+ const _hoisted_1 = ["disabled", "aria-disabled", "type", "data-test"];
6
+ const _hoisted_2 = { class: "vc-button--content" };
7
+ const DEFAULT_TYPE = "default";
8
+ const DEFAULT_COLOR = "primary";
9
+ const DEFAULT_ICON = "vc-icon-settings";
10
+ const LOADING_ICON = "loader";
11
+ const CLASS_DISABLED = "is--disabled";
12
+ const CLASS_ANIMATION = "is--animate";
13
+ const CLASS_LOADING = "is--loading";
14
+ const CLASS_SMALL = "is--small";
15
+ const CLASS_PLAIN = "is--plain";
16
+ const CLASS_CIRCLE = "is--circle";
17
+ const CLASS_FILLED = "is--filled";
18
+ const CLASS_FILLED_COLOR = "filled-";
19
+ const CLASS_HOVERLESS = "vc-button-icon-type--hoverless";
20
+ const CLASS_FOR_TYPE = "vc-button-icon-type--";
21
+ const CLASS_FOR_COLOR = "vc-button-icon-color--";
22
+ const _sfc_main = /* @__PURE__ */ defineComponent({
23
+ __name: "VcButtonIcon",
24
+ props: {
25
+ type: { default: DEFAULT_TYPE },
26
+ color: { default: DEFAULT_COLOR },
27
+ icon: { default: DEFAULT_ICON },
28
+ dataTestName: { default: "vc-button" },
29
+ animate: { type: Boolean, default: false },
30
+ disabled: { type: Boolean, default: false },
31
+ small: { type: Boolean, default: false },
32
+ plain: { type: Boolean, default: false },
33
+ hoverless: { type: Boolean, default: false },
34
+ buttonType: { default: "button" },
35
+ circle: { type: Boolean },
36
+ filled: { type: Boolean },
37
+ filledColor: { default: "light" },
38
+ loading: { type: Boolean },
39
+ loadingIcon: { default: LOADING_ICON }
40
+ },
41
+ emits: ["click"],
42
+ setup(__props, { emit: __emit }) {
43
+ const props = __props;
44
+ const emit = __emit;
45
+ const classes = computed(() => {
46
+ const typeClass = CLASS_FOR_TYPE + props.type;
47
+ const colorClass = CLASS_FOR_COLOR + props.color;
48
+ const filledColor = CLASS_FILLED_COLOR + (props.filledColor || "light");
49
+ return [
50
+ typeClass,
51
+ colorClass,
52
+ {
53
+ [CLASS_DISABLED]: props.disabled,
54
+ [CLASS_ANIMATION]: props.animate && !props.loading,
55
+ [CLASS_LOADING]: props.loading,
56
+ [CLASS_SMALL]: props.small,
57
+ [CLASS_PLAIN]: props.plain,
58
+ [CLASS_HOVERLESS]: props.hoverless,
59
+ [CLASS_CIRCLE]: props.circle,
60
+ [CLASS_FILLED]: props.filled,
61
+ [filledColor]: props.filled && props.filledColor
62
+ }
63
+ ];
64
+ });
65
+ function handleClick(evt) {
66
+ if (!props.disabled && !props.loading) {
67
+ emit("click", evt);
68
+ }
69
+ }
70
+ return (_ctx, _cache) => {
71
+ return openBlock(), createElementBlock("button", {
72
+ class: normalizeClass(["vc-button-icon", classes.value]),
73
+ disabled: __props.disabled,
74
+ "aria-disabled": __props.disabled,
75
+ type: __props.buttonType,
76
+ "data-test": __props.dataTestName,
77
+ onClick: handleClick
78
+ }, [
79
+ createElementVNode("span", _hoisted_2, [
80
+ renderSlot(_ctx.$slots, "default", {}, () => [
81
+ createVNode(_sfc_main$1, {
82
+ icon: __props.loading ? __props.loadingIcon : __props.icon,
83
+ loading: __props.loading,
84
+ class: "text-current content-icon"
85
+ }, null, 8, ["icon", "loading"])
86
+ ])
87
+ ])
88
+ ], 10, _hoisted_1);
89
+ };
90
+ }
91
+ });
5
92
  export {
6
- VcButtonIcon as default
93
+ _sfc_main as default
7
94
  };
@@ -0,0 +1,5 @@
1
+ import _sfc_main from "./VcButtonIcon.vue.mjs";
2
+ import '../../assets/components/VcButton/VcButtonIcon.css';/* empty css */
3
+ export {
4
+ _sfc_main as default
5
+ };
@@ -1,10 +1,14 @@
1
1
  import '../../assets/components/VcButton/VcToggleButton.css';
2
- import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString } from "vue";
2
+ import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, createCommentVNode, toDisplayString } from "vue";
3
3
  import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
4
4
  import '../../assets/components/VcIcon/VcIcon.css';/* empty css */
5
5
  const _hoisted_1 = ["tabindex", "disabled", "aria-pressed", "data-p-checked", "data-p-disabled", "data-test"];
6
6
  const _hoisted_2 = { class: "vc-toggle-button__content" };
7
- const _hoisted_3 = { class: "vc-toggle-button__label" };
7
+ const _hoisted_3 = {
8
+ key: 0,
9
+ class: "flex-center"
10
+ };
11
+ const _hoisted_4 = { class: "vc-toggle-button__label" };
8
12
  const _sfc_main = /* @__PURE__ */ defineComponent({
9
13
  __name: "VcToggleButton",
10
14
  props: {
@@ -23,7 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
23
27
  iconPos: { default: "left" },
24
28
  large: { type: Boolean },
25
29
  activeIconColor: { default: "" },
26
- color: { default: "" }
30
+ color: { default: "" },
31
+ loading: { type: Boolean, default: false }
27
32
  },
28
33
  emits: ["change", "update:modelValue"],
29
34
  setup(__props, { emit: __emit }) {
@@ -42,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
42
47
  return props.modelValue ? props.onIcon : props.offIcon;
43
48
  });
44
49
  function onChange(evt) {
45
- if (!props.disabled && !props.readonly) {
50
+ if (!props.disabled && !props.readonly && !props.loading) {
46
51
  emit("update:modelValue", !props.modelValue);
47
52
  emit("change", evt);
48
53
  }
@@ -50,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
50
55
  return (_ctx, _cache) => {
51
56
  return openBlock(), createElementBlock("button", {
52
57
  tabindex: __props.tabindex,
53
- disabled: __props.disabled,
58
+ disabled: __props.disabled || __props.loading,
54
59
  "aria-pressed": __props.modelValue,
55
60
  "data-p-checked": active.value,
56
61
  "data-p-disabled": __props.disabled,
@@ -66,7 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
66
71
  onClick: onChange
67
72
  }, [
68
73
  createElementVNode("span", _hoisted_2, [
69
- renderSlot(_ctx.$slots, "default", { value: __props.modelValue }, () => [
74
+ __props.loading ? (openBlock(), createElementBlock("span", _hoisted_3, [
75
+ createVNode(_sfc_main$1, {
76
+ icon: "loader",
77
+ loading: ""
78
+ })
79
+ ])) : renderSlot(_ctx.$slots, "default", {
80
+ key: 1,
81
+ value: __props.modelValue
82
+ }, () => [
70
83
  renderSlot(_ctx.$slots, "icon", {
71
84
  value: __props.modelValue,
72
85
  class: "vc-toggle-button__icon-wrap"
@@ -76,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
76
89
  icon: currentIcon.value,
77
90
  class: normalizeClass(["vc-toggle-button__icon", __props.modelValue && __props.activeIconColor])
78
91
  }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
79
- createElementVNode("span", _hoisted_3, toDisplayString(label.value), 1)
92
+ createElementVNode("span", _hoisted_4, toDisplayString(label.value), 1)
80
93
  ])
81
94
  ])
82
95
  ])
@@ -1,7 +1,196 @@
1
- import _sfc_main from "./VcDelimitedList.vue2.mjs";
2
- import '../../assets/components/VcDelimitedList/VcDelimitedList.css';/* empty css */
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const VcDelimitedList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f017bdbe"]]);
1
+ import '../../assets/components/VcDelimitedList/VcDelimitedList.css';
2
+ import { defineComponent, ref, computed, watch, onMounted, withDirectives, openBlock, createElementBlock, createElementVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx, unref, nextTick } from "vue";
3
+ import { getRefElement } from "../../utils/helpers.mjs";
4
+ import _sfc_main$1 from "../VcPopover/VcPopover.vue.mjs";
5
+ import '../../assets/components/VcPopover/VcPopover.css';/* empty css */
6
+ import { resize } from "../../directives/resize.mjs";
7
+ const _hoisted_1 = {
8
+ key: 0,
9
+ class: "text-break"
10
+ };
11
+ const _hoisted_2 = { class: "flex items-center" };
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
13
+ __name: "VcDelimitedList",
14
+ props: {
15
+ list: { default: () => [] },
16
+ limit: { default: 3 },
17
+ trigger: { default: "hover" },
18
+ separator: { default: "," },
19
+ popoverMaxWidth: { default: 250 },
20
+ popoverDisabled: { type: Boolean, default: false },
21
+ valueKey: { default: void 0 }
22
+ },
23
+ setup(__props) {
24
+ const props = __props;
25
+ const localLimit = ref(1);
26
+ const oldLocalLimit = ref(1);
27
+ const minLimit = ref(1);
28
+ const dListWrapperRef = ref();
29
+ const dListRef = ref();
30
+ const shortList = computed(() => {
31
+ return props.list.slice(0, localLimit.value);
32
+ });
33
+ const otherList = computed(() => {
34
+ return props.list.length > localLimit.value ? props.list.slice(localLimit.value) : [];
35
+ });
36
+ function getValueKey(option, index) {
37
+ if (props.valueKey) {
38
+ return option[props.valueKey];
39
+ }
40
+ return index;
41
+ }
42
+ function initLimit() {
43
+ localLimit.value = 1;
44
+ }
45
+ async function isListSmaller({ listWidth, listWrapperWidth, list, listWrapper }) {
46
+ while (listWidth < listWrapperWidth) {
47
+ if (localLimit.value > props.limit) {
48
+ localLimit.value = props.limit;
49
+ break;
50
+ }
51
+ localLimit.value++;
52
+ await nextTick();
53
+ listWidth = list.clientWidth;
54
+ listWrapperWidth = listWrapper.clientWidth;
55
+ if (listWidth > listWrapperWidth) {
56
+ if (localLimit.value > minLimit.value && localLimit.value <= props.limit) {
57
+ localLimit.value--;
58
+ } else if (localLimit.value > props.limit) {
59
+ localLimit.value = props.limit;
60
+ } else if (localLimit.value < minLimit.value) {
61
+ localLimit.value = minLimit.value;
62
+ }
63
+ break;
64
+ }
65
+ }
66
+ }
67
+ async function isListBigger({ listWidth, listWrapperWidth, list, listWrapper }) {
68
+ while (listWidth > listWrapperWidth) {
69
+ if (localLimit.value < minLimit.value) {
70
+ localLimit.value = minLimit.value;
71
+ break;
72
+ }
73
+ localLimit.value--;
74
+ await nextTick();
75
+ listWidth = list.clientWidth;
76
+ listWrapperWidth = listWrapper.clientWidth;
77
+ if (listWidth < listWrapperWidth) {
78
+ if (localLimit.value > props.limit) {
79
+ localLimit.value = props.limit;
80
+ } else if (localLimit.value < minLimit.value) {
81
+ localLimit.value = minLimit.value;
82
+ }
83
+ break;
84
+ }
85
+ }
86
+ }
87
+ async function updateLocalLimit({ list, listWrapper }) {
88
+ const listWidth = list.clientWidth;
89
+ const listWrapperWidth = listWrapper.clientWidth;
90
+ if (listWidth < listWrapperWidth) {
91
+ await isListSmaller({
92
+ listWidth,
93
+ listWrapperWidth,
94
+ list,
95
+ listWrapper
96
+ });
97
+ } else if (listWidth > listWrapperWidth) {
98
+ await isListBigger({
99
+ listWidth,
100
+ listWrapperWidth,
101
+ list,
102
+ listWrapper
103
+ });
104
+ }
105
+ oldLocalLimit.value = localLimit.value;
106
+ }
107
+ async function updateList() {
108
+ initLimit();
109
+ if (dListRef.value && dListWrapperRef.value) {
110
+ const list = getRefElement(dListRef.value);
111
+ const listWrapper = getRefElement(dListWrapperRef.value);
112
+ if (!(list instanceof HTMLElement) || !(listWrapper instanceof HTMLElement)) {
113
+ return;
114
+ }
115
+ await nextTick();
116
+ await updateLocalLimit({
117
+ list,
118
+ listWrapper
119
+ });
120
+ }
121
+ }
122
+ function showSeparator(index) {
123
+ return index < shortList.value.length - 1 && !otherList.value.length || index < shortList.value.length && otherList.value.length;
124
+ }
125
+ watch(
126
+ () => props.limit,
127
+ () => {
128
+ updateList();
129
+ }
130
+ );
131
+ watch(
132
+ () => props.list.length,
133
+ () => {
134
+ updateList();
135
+ }
136
+ );
137
+ onMounted(updateList);
138
+ return (_ctx, _cache) => {
139
+ return withDirectives((openBlock(), createElementBlock("div", {
140
+ ref_key: "dListWrapperRef",
141
+ ref: dListWrapperRef,
142
+ class: "vc-delimited-list-wrapper"
143
+ }, [
144
+ createElementVNode("div", {
145
+ ref_key: "dListRef",
146
+ ref: dListRef,
147
+ class: "flex md:inline-flex items-center vc-delimited-list-container"
148
+ }, [
149
+ (openBlock(true), createElementBlock(Fragment, null, renderList(shortList.value, (item, index) => {
150
+ return openBlock(), createElementBlock("div", {
151
+ key: index,
152
+ class: "flex items-center vc-delimited-list-item-wrapper"
153
+ }, [
154
+ renderSlot(_ctx.$slots, "list-item", {
155
+ item,
156
+ index
157
+ }, () => [
158
+ createTextVNode(toDisplayString(getValueKey(item, index)), 1)
159
+ ]),
160
+ showSeparator(index) ? (openBlock(), createElementBlock("span", _hoisted_1, [
161
+ renderSlot(_ctx.$slots, "separator", {}, () => [
162
+ createTextVNode(toDisplayString(__props.separator), 1)
163
+ ])
164
+ ])) : createCommentVNode("", true)
165
+ ]);
166
+ }), 128)),
167
+ otherList.value.length ? (openBlock(), createBlock(_sfc_main$1, {
168
+ key: 0,
169
+ trigger: __props.trigger,
170
+ "popover-max-width": __props.popoverMaxWidth,
171
+ disabled: __props.popoverDisabled,
172
+ placement: "bottom-end"
173
+ }, {
174
+ reference: withCtx(() => [
175
+ renderSlot(_ctx.$slots, "reference", {
176
+ listLength: otherList.value.length,
177
+ items: otherList.value
178
+ }, () => [
179
+ createElementVNode("span", _hoisted_2, " (" + toDisplayString(otherList.value.length) + ") ", 1)
180
+ ])
181
+ ]),
182
+ default: withCtx(() => [
183
+ renderSlot(_ctx.$slots, "other-content", { list: otherList.value })
184
+ ]),
185
+ _: 3
186
+ }, 8, ["trigger", "popover-max-width", "disabled"])) : createCommentVNode("", true)
187
+ ], 512)
188
+ ])), [
189
+ [unref(resize), updateList]
190
+ ]);
191
+ };
192
+ }
193
+ });
5
194
  export {
6
- VcDelimitedList as default
195
+ _sfc_main as default
7
196
  };
@@ -0,0 +1,5 @@
1
+ import _sfc_main from "./VcDelimitedList.vue.mjs";
2
+ import '../../assets/components/VcDelimitedList/VcDelimitedList.css';/* empty css */
3
+ export {
4
+ _sfc_main as default
5
+ };
@@ -1,7 +1,142 @@
1
- import _sfc_main from "./VcExcelFileUploadBlock.vue2.mjs";
2
- import '../../assets/components/VcExcelUploader/VcExcelFileUploadBlock.css';/* empty css */
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const VcExcelFileUploadBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3da83e98"]]);
1
+ import '../../assets/components/VcExcelUploader/VcExcelFileUploadBlock.css';
2
+ import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, withModifiers, createVNode, toDisplayString, unref, withCtx, createTextVNode } from "vue";
3
+ import { tVU } from "../../localization/index.mjs";
4
+ import _sfc_main$2 from "../VcButton/VcButton.vue.mjs";
5
+ import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcButton/VcButton.css';/* empty css */
6
+ import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
7
+ /* empty css */
8
+ const _hoisted_1 = { class: "flex flex-col justify-center items-center w-full h-full" };
9
+ const _hoisted_2 = { class: "w-full flex justify-center items-center" };
10
+ const _hoisted_3 = { class: "flex justify-center items-center w-full" };
11
+ const _hoisted_4 = { class: "file-uploader border border-inactive-elements rounded-lg p-5 w-full" };
12
+ const _hoisted_5 = {
13
+ key: 0,
14
+ class: "w-full flex gap-4 flex-col md:flex-row items-center justify-between md:h-24"
15
+ };
16
+ const _hoisted_6 = { class: "flex items-center flex-grow gap-2 lg:gap-4" };
17
+ const _hoisted_7 = { class: "text-base flex-grow md:ltr:pr-12 md:rtl:pl-12" };
18
+ const _hoisted_8 = {
19
+ key: 1,
20
+ class: "drop-zone w-full flex items-center justify-center h-24 rounded border-dashed border-2 border-active-elements"
21
+ };
22
+ const _hoisted_9 = { class: "text-md text-default-text" };
23
+ const _hoisted_10 = ["accept"];
24
+ const _sfc_main = /* @__PURE__ */ defineComponent({
25
+ __name: "VcExcelFileUploadBlock",
26
+ props: {
27
+ acceptFiles: { default: "*" },
28
+ uploadActions: { default: "" },
29
+ dropText: { default: "" },
30
+ fileUploaderInstructions: { default: "" },
31
+ resultFile: { default: "file" }
32
+ },
33
+ emits: ["add-files", "add-base-files"],
34
+ setup(__props, { expose: __expose, emit: __emit }) {
35
+ const props = __props;
36
+ const emit = __emit;
37
+ const fileInputRef = ref();
38
+ const isDragEnter = ref(false);
39
+ const onDragEnter = () => {
40
+ isDragEnter.value = true;
41
+ };
42
+ const onDragLeave = () => {
43
+ isDragEnter.value = false;
44
+ };
45
+ const onDrop = (e) => {
46
+ e.preventDefault();
47
+ isDragEnter.value = false;
48
+ const dt = e.dataTransfer;
49
+ const files = dt == null ? void 0 : dt.files;
50
+ if (files) {
51
+ validateFiles(files);
52
+ }
53
+ };
54
+ const validateFiles = (files) => {
55
+ for (let i = 0; i < files.length; i++) {
56
+ const file = files.item(i);
57
+ if (!file) {
58
+ return;
59
+ }
60
+ if (props.resultFile === "base64") {
61
+ emitData(file);
62
+ } else {
63
+ emit("add-files", file);
64
+ }
65
+ }
66
+ };
67
+ const emitData = (file) => {
68
+ const reader = new FileReader();
69
+ reader.readAsDataURL(file);
70
+ reader.onload = (base64File) => {
71
+ emit("add-base-files", base64File);
72
+ };
73
+ };
74
+ const onChange = () => {
75
+ var _a;
76
+ const files = (_a = fileInputRef.value) == null ? void 0 : _a.files;
77
+ if (files) {
78
+ validateFiles(files);
79
+ }
80
+ };
81
+ const browseFiles = () => {
82
+ var _a;
83
+ (_a = fileInputRef.value) == null ? void 0 : _a.click();
84
+ };
85
+ const addNewFile = () => {
86
+ browseFiles();
87
+ };
88
+ __expose({
89
+ getNewFile: addNewFile
90
+ });
91
+ return (_ctx, _cache) => {
92
+ return openBlock(), createElementBlock("div", _hoisted_1, [
93
+ createElementVNode("div", _hoisted_2, [
94
+ renderSlot(_ctx.$slots, "document-requirements")
95
+ ]),
96
+ createElementVNode("div", _hoisted_3, [
97
+ createElementVNode("div", _hoisted_4, [
98
+ createElementVNode("div", {
99
+ class: "w-full px-1 sm:px-8 py-1",
100
+ onDrop: withModifiers(onDrop, ["prevent"]),
101
+ onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
102
+ }, ["prevent"])),
103
+ onDragenter: withModifiers(onDragEnter, ["stop"]),
104
+ onDragleave: onDragLeave
105
+ }, [
106
+ !isDragEnter.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
107
+ createElementVNode("div", _hoisted_6, [
108
+ createVNode(_sfc_main$1, { icon: "vc-icon-upload icon-download text-active-elements ltr:mr-8 rtl:ml-8" }),
109
+ createElementVNode("span", _hoisted_7, toDisplayString(__props.fileUploaderInstructions || unref(tVU).t("voicenterUi.uploader.fileUploaderInstructions")), 1)
110
+ ]),
111
+ createVNode(_sfc_main$2, {
112
+ icon: "vc-icon-search",
113
+ class: "mt-3 md:m-0",
114
+ onClick: browseFiles
115
+ }, {
116
+ default: withCtx(() => [
117
+ createTextVNode(toDisplayString(__props.uploadActions || unref(tVU).t("voicenterUi.uploader.browse")), 1)
118
+ ]),
119
+ _: 1
120
+ })
121
+ ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
122
+ createElementVNode("span", _hoisted_9, toDisplayString(__props.dropText || unref(tVU).t("voicenterUi.uploader.dropText")), 1)
123
+ ])),
124
+ createElementVNode("input", {
125
+ ref_key: "fileInputRef",
126
+ ref: fileInputRef,
127
+ type: "file",
128
+ hidden: "",
129
+ multiple: false,
130
+ accept: __props.acceptFiles,
131
+ onChange
132
+ }, null, 40, _hoisted_10)
133
+ ], 32)
134
+ ])
135
+ ])
136
+ ]);
137
+ };
138
+ }
139
+ });
5
140
  export {
6
- VcExcelFileUploadBlock as default
141
+ _sfc_main as default
7
142
  };
@@ -0,0 +1,5 @@
1
+ import _sfc_main from "./VcExcelFileUploadBlock.vue.mjs";
2
+ import '../../assets/components/VcExcelUploader/VcExcelFileUploadBlock.css';/* empty css */
3
+ export {
4
+ _sfc_main as default
5
+ };
@@ -1,10 +1,11 @@
1
1
  import { defineComponent, ref, computed, watch, openBlock, createElementBlock, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, unref, createElementVNode, createSlots, normalizeClass, createBlock, renderList, nextTick } from "vue";
2
2
  import _sfc_main$3 from "../VcWizard/VcWizard.vue.mjs";
3
- import '../../assets/components/VcModal/VcModal.css';import '../../assets/components/VcButton/VcButton.css';import '../../assets/components/VcWizard/VcWizard.css';/* empty css */
3
+ import '../../assets/components/VcModal/VcModal.css';import '../../assets/components/VcButton/VcButton.css';import '../../assets/components/VcExcelUploader/VcExcelFileUploadBlock.css';import '../../assets/components/VcWizard/VcWizard.css';/* empty css */
4
4
  import Parser from "../../utils/excelParser/parser.mjs";
5
- import VcExcelFileUploadBlock from "./VcExcelFileUploadBlock.vue.mjs";
5
+ import _sfc_main$6 from "./VcExcelFileUploadBlock.vue.mjs";
6
+ /* empty css */
6
7
  import _sfc_main$4 from "./VcExcelFileProcessLoader.vue.mjs";
7
- import _sfc_main$6 from "./VcFileImportParseResultBlock.vue.mjs";
8
+ import _sfc_main$7 from "./VcFileImportParseResultBlock.vue.mjs";
8
9
  import _sfc_main$5 from "./VcFileImportResultBindData.vue.mjs";
9
10
  import { chunk } from "lodash-es";
10
11
  import { tVU } from "../../localization/index.mjs";
@@ -461,7 +462,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
461
462
  color: "var(--primary-actions)"
462
463
  }, null, 8, ["label", "progress", "height", "stroke-width"])
463
464
  ])) : (openBlock(), createElementBlock("div", _hoisted_4, [
464
- !isFileUploaded.value ? (openBlock(), createBlock(VcExcelFileUploadBlock, {
465
+ !isFileUploaded.value ? (openBlock(), createBlock(_sfc_main$6, {
465
466
  key: 0,
466
467
  "accept-files": __props.acceptFiles,
467
468
  onAddFiles: startUploadFile
@@ -474,7 +475,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
474
475
  key: "0"
475
476
  } : void 0
476
477
  ]), 1032, ["accept-files"])) : (openBlock(), createElementBlock("div", _hoisted_5, [
477
- createVNode(_sfc_main$6, {
478
+ createVNode(_sfc_main$7, {
478
479
  ref: "fileImportParseResultBlockRef",
479
480
  activeSheet: activeSheet.value,
480
481
  "onUpdate:activeSheet": _cache[0] || (_cache[0] = ($event) => activeSheet.value = $event),