@beterdichtbij/component-library 0.72.7-alpha.0 → 0.72.7

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 (69) hide show
  1. package/README.md +12 -12
  2. package/dist/bd-component-lib.cjs.js +56 -56
  3. package/dist/bd-component-lib.css +1 -1
  4. package/dist/bd-component-lib.es.js +242 -266
  5. package/dist/bd-component-lib.umd.js +67 -67
  6. package/dist/locales/en.json +79 -79
  7. package/dist/locales/nl.json +180 -180
  8. package/dist/scss/_active-filters.scss +65 -65
  9. package/dist/scss/_alert.scss +16 -11
  10. package/dist/scss/_article.scss +31 -31
  11. package/dist/scss/_assign-conversation-modal.scss +13 -13
  12. package/dist/scss/_attachments.scss +107 -107
  13. package/dist/scss/_badge.scss +18 -18
  14. package/dist/scss/_button.scss +80 -80
  15. package/dist/scss/_card.scss +67 -62
  16. package/dist/scss/_chatcloud.scss +104 -99
  17. package/dist/scss/_collapsable-card.scss +103 -103
  18. package/dist/scss/_content-library-card-message-template.scss +136 -136
  19. package/dist/scss/_content-library-card.scss +158 -158
  20. package/dist/scss/_content-library-modal.scss +8 -8
  21. package/dist/scss/_content-library-overview.scss +4 -4
  22. package/dist/scss/_content-library-split-button.scss +23 -23
  23. package/dist/scss/_conversation-to-text-modal.scss +36 -36
  24. package/dist/scss/_dropdown.scss +113 -113
  25. package/dist/scss/_extern.scss +1 -1
  26. package/dist/scss/_file-upload-preview.scss +53 -53
  27. package/dist/scss/_file-upload.scss +26 -26
  28. package/dist/scss/_filter-card.scss +64 -64
  29. package/dist/scss/_form-field.scss +12 -12
  30. package/dist/scss/_form-multiple-checkbox.scss +51 -51
  31. package/dist/scss/_forms.scss +3 -3
  32. package/dist/scss/_header.scss +170 -170
  33. package/dist/scss/_icon-luscii-logo.scss +31 -31
  34. package/dist/scss/_icons.scss +38 -38
  35. package/dist/scss/_image-attachment-modal.scss +91 -91
  36. package/dist/scss/_input-group.scss +2 -2
  37. package/dist/scss/_loader.scss +59 -59
  38. package/dist/scss/_markdown-editor.scss +127 -114
  39. package/dist/scss/_message-template-form-modal.scss +32 -47
  40. package/dist/scss/_mixins.scss +78 -78
  41. package/dist/scss/_mobile-menu.scss +91 -91
  42. package/dist/scss/_modal.scss +182 -182
  43. package/dist/scss/_notification-button.scss +29 -29
  44. package/dist/scss/_pagination.scss +56 -56
  45. package/dist/scss/_phone-number-edit-modal.scss +35 -35
  46. package/dist/scss/_pill-container.scss +26 -26
  47. package/dist/scss/_pill.scss +63 -63
  48. package/dist/scss/_profile-image.scss +34 -34
  49. package/dist/scss/_table-sort-header.scss +13 -13
  50. package/dist/scss/_table.scss +16 -16
  51. package/dist/scss/_templates.scss +264 -264
  52. package/dist/scss/_toast.scss +69 -69
  53. package/dist/scss/_user-information.scss +34 -34
  54. package/dist/scss/_user.scss +21 -21
  55. package/dist/scss/_video-call-toast.scss +100 -100
  56. package/dist/scss/_zoomslider.scss +77 -77
  57. package/dist/scss/base/variables.scss +210 -210
  58. package/dist/scss/extern/_bootstrap.scss +14 -14
  59. package/dist/scss/extern/_prime-vue.scss +551 -551
  60. package/dist/scss/forms/_form-check.scss +16 -16
  61. package/dist/scss/forms/_form-input.scss +9 -9
  62. package/dist/scss/forms/_form-select.scss +4 -4
  63. package/dist/scss/main.scss +52 -52
  64. package/dist/scss/templates/_change-password-template.scss +8 -8
  65. package/dist/scss/templates/_content-library-template.scss +135 -135
  66. package/dist/scss/templates/_not-found-template.scss +35 -35
  67. package/dist/scss/templates/_video-call-template.scss +225 -225
  68. package/dist/stores/SessionTimeOutStore.ts +46 -46
  69. package/package.json +133 -133
package/dist/bd-component-lib.css CHANGED
@@ -1 +1 @@
1
- :root{--vs-colors--lightest:#3c3c3c42;--vs-colors--light:#3c3c3c80;--vs-colors--dark:#333;--vs-colors--darkest:#00000026;--vs-search-input-color:inherit;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1, -.115, .975, .855);--vs-transition-duration:.15s}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1, .5, .8, 1);--vs-transition-duration:.15s}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{appearance:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal;background:0 0;padding:0 0 4px;display:flex}.vs__selected-options{flex-wrap:wrap;flex-grow:1;flex-basis:100%;padding:0 2px;display:flex;position:relative}.vs__actions{padding:var(--vs-actions-padding);align-items:center;display:flex}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);cursor:pointer;background-color:#0000;border:0;margin-right:8px;padding:0}.vs__dropdown-menu{box-sizing:border-box;top:calc(100% - var(--vs-border-width));z-index:var(--vs-dropdown-z-index);width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color);border-top-style:none;margin:0;padding:5px 0;list-style:none;display:block;position:absolute;left:0;overflow-y:auto}.vs__no-options{text-align:center}.vs__dropdown-option{padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer;line-height:1.42857;display:block}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);z-index:0;align-items:center;margin:4px 2px 0;padding:0 .25em;display:flex}.vs__deselect{appearance:none;cursor:pointer;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow);background:0 0;border:0;margin-left:4px;padding:0;display:inline-flex}.vs--single .vs__selected{background-color:#0000;border-color:#0000}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration{display:none}.vs__search::-webkit-search-results-button{display:none}.vs__search::-webkit-search-results-decoration{display:none}.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);box-shadow:none;z-index:1;background:0 0;border:1px solid #0000;border-left:none;outline:none;flex-grow:1;width:0;max-width:100%;margin:4px 0 0;padding:0 7px}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{opacity:0;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));border:.9em solid #6464641a;border-left-color:#3c3c3c73;align-self:center;font-size:5px;transition:opacity .1s;animation:1.1s linear infinite vSelectSpinner;overflow:hidden}.vs__spinner,.vs__spinner:after{width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));border-radius:50%}.vs--loading .vs__spinner{opacity:1}.alert[data-v-8a5728a9]{text-align:center}#category-group.is-invalid .vue-tags-input{border:1px solid #e0452c}#category-group .vue-tags-input{border:1px solid #abb0be;border-radius:5px;max-width:none}#category-group .vue-tags-input .ti-input{border:none;border-radius:5px;height:40px;padding:0 10px;line-height:40px}#category-group .vue-tags-input .ti-input .ti-tags .ti-tag{color:#4f5565;opacity:1;background-color:#e6e6e6;border-radius:8px;margin-bottom:2px;font-size:1em;font-weight:500}#category-group .vue-tags-input .ti-input .ti-new-tag-input-wrapper{margin:0;padding:0}#category-group .vue-tags-input .ti-autocomplete .ti-item:hover{color:#fff;background-color:#3594cf}
1
+ :root{--vs-colors--lightest:#3c3c3c42;--vs-colors--light:#3c3c3c80;--vs-colors--dark:#333;--vs-colors--darkest:#00000026;--vs-search-input-color:inherit;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1, -.115, .975, .855);--vs-transition-duration:.15s}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1, .5, .8, 1);--vs-transition-duration:.15s}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{appearance:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal;background:0 0;padding:0 0 4px;display:flex}.vs__selected-options{flex-wrap:wrap;flex-grow:1;flex-basis:100%;padding:0 2px;display:flex;position:relative}.vs__actions{padding:var(--vs-actions-padding);align-items:center;display:flex}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);cursor:pointer;background-color:#0000;border:0;margin-right:8px;padding:0}.vs__dropdown-menu{box-sizing:border-box;top:calc(100% - var(--vs-border-width));z-index:var(--vs-dropdown-z-index);width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color);border-top-style:none;margin:0;padding:5px 0;list-style:none;display:block;position:absolute;left:0;overflow-y:auto}.vs__no-options{text-align:center}.vs__dropdown-option{padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer;line-height:1.42857;display:block}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);z-index:0;align-items:center;margin:4px 2px 0;padding:0 .25em;display:flex}.vs__deselect{appearance:none;cursor:pointer;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow);background:0 0;border:0;margin-left:4px;padding:0;display:inline-flex}.vs--single .vs__selected{background-color:#0000;border-color:#0000}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration{display:none}.vs__search::-webkit-search-results-button{display:none}.vs__search::-webkit-search-results-decoration{display:none}.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);box-shadow:none;z-index:1;background:0 0;border:1px solid #0000;border-left:none;outline:none;flex-grow:1;width:0;max-width:100%;margin:4px 0 0;padding:0 7px}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{opacity:0;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));border:.9em solid #6464641a;border-left-color:#3c3c3c73;align-self:center;font-size:5px;transition:opacity .1s;animation:1.1s linear infinite vSelectSpinner;overflow:hidden}.vs__spinner,.vs__spinner:after{width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));border-radius:50%}.vs--loading .vs__spinner{opacity:1}.alert[data-v-bbef8bea]{text-align:center}#category-group.is-invalid .vue-tags-input{border:1px solid #e0452c}#category-group .vue-tags-input{border:1px solid #abb0be;border-radius:5px;max-width:none}#category-group .vue-tags-input .ti-input{border:none;border-radius:5px;height:40px;padding:0 10px;line-height:40px}#category-group .vue-tags-input .ti-input .ti-tags .ti-tag{color:#4f5565;opacity:1;background-color:#e6e6e6;border-radius:8px;margin-bottom:2px;font-size:1em;font-weight:500}#category-group .vue-tags-input .ti-input .ti-new-tag-input-wrapper{margin:0;padding:0}#category-group .vue-tags-input .ti-autocomplete .ti-item:hover{color:#fff;background-color:#3594cf}