jobdone-shared-files 0.0.1-beta.8 → 0.0.1-beta.81

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 (112) hide show
  1. package/ProjectManagement/projectNavbar.vue +263 -85
  2. package/README.md +80 -6
  3. package/common/directives/popovers.js +11 -0
  4. package/common/directives/tooltip.js +11 -0
  5. package/common/format.js +16 -2
  6. package/lightboxWithOverview.vue +132 -0
  7. package/package.json +4 -3
  8. package/style/scss/Common/Animation.scss +6 -0
  9. package/style/scss/Common/SelectableTable.scss +31 -0
  10. package/style/scss/Common/filepond.scss +28 -0
  11. package/style/scss/Common/thumbnail-group.scss +14 -0
  12. package/style/scss/Layout/LayoutBase.scss +84 -11
  13. package/style/scss/Layout/LayoutMobile.scss +203 -0
  14. package/style/scss/Layout/LayoutProject.scss +1 -5
  15. package/style/scss/Layout/LayoutTwoColumn.scss +3 -3
  16. package/style/scss/Settings/_MobileVariables.scss +12 -0
  17. package/style/scss/Settings/_basic-import.scss +3 -2
  18. package/style/scss/Settings/_bs-variables.scss +114 -74
  19. package/style/scss/Settings/_custom-variables.scss +5 -1
  20. package/tree.vue +17 -10
  21. package/treeItem.vue +1 -1
  22. package/vueLoadingOverlay.vue +13 -19
  23. package/style/scss/Bootstrap/_accordion.scss +0 -158
  24. package/style/scss/Bootstrap/_alert.scss +0 -68
  25. package/style/scss/Bootstrap/_badge.scss +0 -38
  26. package/style/scss/Bootstrap/_breadcrumb.scss +0 -40
  27. package/style/scss/Bootstrap/_button-group.scss +0 -142
  28. package/style/scss/Bootstrap/_buttons.scss +0 -207
  29. package/style/scss/Bootstrap/_card.scss +0 -238
  30. package/style/scss/Bootstrap/_carousel.scss +0 -238
  31. package/style/scss/Bootstrap/_close.scss +0 -61
  32. package/style/scss/Bootstrap/_containers.scss +0 -41
  33. package/style/scss/Bootstrap/_dropdown.scss +0 -250
  34. package/style/scss/Bootstrap/_forms.scss +0 -9
  35. package/style/scss/Bootstrap/_functions.scss +0 -302
  36. package/style/scss/Bootstrap/_grid.scss +0 -33
  37. package/style/scss/Bootstrap/_helpers.scss +0 -10
  38. package/style/scss/Bootstrap/_images.scss +0 -42
  39. package/style/scss/Bootstrap/_list-group.scss +0 -204
  40. package/style/scss/Bootstrap/_maps.scss +0 -121
  41. package/style/scss/Bootstrap/_mixins.scss +0 -42
  42. package/style/scss/Bootstrap/_modal.scss +0 -237
  43. package/style/scss/Bootstrap/_nav.scss +0 -172
  44. package/style/scss/Bootstrap/_navbar.scss +0 -286
  45. package/style/scss/Bootstrap/_offcanvas.scss +0 -146
  46. package/style/scss/Bootstrap/_pagination.scss +0 -109
  47. package/style/scss/Bootstrap/_placeholders.scss +0 -51
  48. package/style/scss/Bootstrap/_popover.scss +0 -196
  49. package/style/scss/Bootstrap/_progress.scss +0 -68
  50. package/style/scss/Bootstrap/_reboot.scss +0 -610
  51. package/style/scss/Bootstrap/_root.scss +0 -195
  52. package/style/scss/Bootstrap/_spinners.scss +0 -85
  53. package/style/scss/Bootstrap/_tables.scss +0 -164
  54. package/style/scss/Bootstrap/_toasts.scss +0 -73
  55. package/style/scss/Bootstrap/_tooltip.scss +0 -120
  56. package/style/scss/Bootstrap/_transitions.scss +0 -27
  57. package/style/scss/Bootstrap/_type.scss +0 -106
  58. package/style/scss/Bootstrap/_utilities.scss +0 -748
  59. package/style/scss/Bootstrap/_variables-dark.scss +0 -70
  60. package/style/scss/Bootstrap/_variables.scss +0 -1703
  61. package/style/scss/Bootstrap/bootstrap-grid.scss +0 -66
  62. package/style/scss/Bootstrap/bootstrap-reboot.scss +0 -10
  63. package/style/scss/Bootstrap/bootstrap-utilities.scss +0 -19
  64. package/style/scss/Bootstrap/bootstrap.scss +0 -52
  65. package/style/scss/Bootstrap/forms/_floating-labels.scss +0 -90
  66. package/style/scss/Bootstrap/forms/_form-check.scss +0 -188
  67. package/style/scss/Bootstrap/forms/_form-control.scss +0 -201
  68. package/style/scss/Bootstrap/forms/_form-range.scss +0 -91
  69. package/style/scss/Bootstrap/forms/_form-select.scss +0 -81
  70. package/style/scss/Bootstrap/forms/_form-text.scss +0 -11
  71. package/style/scss/Bootstrap/forms/_input-group.scss +0 -132
  72. package/style/scss/Bootstrap/forms/_labels.scss +0 -36
  73. package/style/scss/Bootstrap/forms/_validation.scss +0 -12
  74. package/style/scss/Bootstrap/helpers/_clearfix.scss +0 -3
  75. package/style/scss/Bootstrap/helpers/_color-bg.scss +0 -10
  76. package/style/scss/Bootstrap/helpers/_colored-links.scss +0 -12
  77. package/style/scss/Bootstrap/helpers/_position.scss +0 -36
  78. package/style/scss/Bootstrap/helpers/_ratio.scss +0 -26
  79. package/style/scss/Bootstrap/helpers/_stacks.scss +0 -15
  80. package/style/scss/Bootstrap/helpers/_stretched-link.scss +0 -15
  81. package/style/scss/Bootstrap/helpers/_text-truncation.scss +0 -7
  82. package/style/scss/Bootstrap/helpers/_visually-hidden.scss +0 -8
  83. package/style/scss/Bootstrap/helpers/_vr.scss +0 -8
  84. package/style/scss/Bootstrap/mixins/_alert.scss +0 -18
  85. package/style/scss/Bootstrap/mixins/_backdrop.scss +0 -14
  86. package/style/scss/Bootstrap/mixins/_banner.scss +0 -7
  87. package/style/scss/Bootstrap/mixins/_border-radius.scss +0 -78
  88. package/style/scss/Bootstrap/mixins/_box-shadow.scss +0 -18
  89. package/style/scss/Bootstrap/mixins/_breakpoints.scss +0 -127
  90. package/style/scss/Bootstrap/mixins/_buttons.scss +0 -70
  91. package/style/scss/Bootstrap/mixins/_caret.scss +0 -69
  92. package/style/scss/Bootstrap/mixins/_clearfix.scss +0 -9
  93. package/style/scss/Bootstrap/mixins/_color-mode.scss +0 -21
  94. package/style/scss/Bootstrap/mixins/_color-scheme.scss +0 -7
  95. package/style/scss/Bootstrap/mixins/_container.scss +0 -11
  96. package/style/scss/Bootstrap/mixins/_deprecate.scss +0 -10
  97. package/style/scss/Bootstrap/mixins/_forms.scss +0 -153
  98. package/style/scss/Bootstrap/mixins/_gradients.scss +0 -47
  99. package/style/scss/Bootstrap/mixins/_grid.scss +0 -151
  100. package/style/scss/Bootstrap/mixins/_image.scss +0 -16
  101. package/style/scss/Bootstrap/mixins/_list-group.scss +0 -27
  102. package/style/scss/Bootstrap/mixins/_lists.scss +0 -7
  103. package/style/scss/Bootstrap/mixins/_pagination.scss +0 -10
  104. package/style/scss/Bootstrap/mixins/_reset-text.scss +0 -17
  105. package/style/scss/Bootstrap/mixins/_resize.scss +0 -6
  106. package/style/scss/Bootstrap/mixins/_table-variants.scss +0 -24
  107. package/style/scss/Bootstrap/mixins/_text-truncate.scss +0 -8
  108. package/style/scss/Bootstrap/mixins/_transition.scss +0 -26
  109. package/style/scss/Bootstrap/mixins/_utilities.scss +0 -97
  110. package/style/scss/Bootstrap/mixins/_visually-hidden.scss +0 -29
  111. package/style/scss/Bootstrap/utilities/_api.scss +0 -47
  112. package/style/scss/Bootstrap/vendor/_rfs.scss +0 -354
@@ -1,51 +0,0 @@
1
- .placeholder {
2
- display: inline-block;
3
- min-height: 1em;
4
- vertical-align: middle;
5
- cursor: wait;
6
- background-color: currentcolor;
7
- opacity: $placeholder-opacity-max;
8
-
9
- &.btn::before {
10
- display: inline-block;
11
- content: "";
12
- }
13
- }
14
-
15
- // Sizing
16
- .placeholder-xs {
17
- min-height: .6em;
18
- }
19
-
20
- .placeholder-sm {
21
- min-height: .8em;
22
- }
23
-
24
- .placeholder-lg {
25
- min-height: 1.2em;
26
- }
27
-
28
- // Animation
29
- .placeholder-glow {
30
- .placeholder {
31
- animation: placeholder-glow 2s ease-in-out infinite;
32
- }
33
- }
34
-
35
- @keyframes placeholder-glow {
36
- 50% {
37
- opacity: $placeholder-opacity-min;
38
- }
39
- }
40
-
41
- .placeholder-wave {
42
- mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%);
43
- mask-size: 200% 100%;
44
- animation: placeholder-wave 2s linear infinite;
45
- }
46
-
47
- @keyframes placeholder-wave {
48
- 100% {
49
- mask-position: -200% 0%;
50
- }
51
- }
@@ -1,196 +0,0 @@
1
- .popover {
2
- // scss-docs-start popover-css-vars
3
- --#{$prefix}popover-zindex: #{$zindex-popover};
4
- --#{$prefix}popover-max-width: #{$popover-max-width};
5
- @include rfs($popover-font-size, --#{$prefix}popover-font-size);
6
- --#{$prefix}popover-bg: #{$popover-bg};
7
- --#{$prefix}popover-border-width: #{$popover-border-width};
8
- --#{$prefix}popover-border-color: #{$popover-border-color};
9
- --#{$prefix}popover-border-radius: #{$popover-border-radius};
10
- --#{$prefix}popover-inner-border-radius: #{$popover-inner-border-radius};
11
- --#{$prefix}popover-box-shadow: #{$popover-box-shadow};
12
- --#{$prefix}popover-header-padding-x: #{$popover-header-padding-x};
13
- --#{$prefix}popover-header-padding-y: #{$popover-header-padding-y};
14
- @include rfs($popover-header-font-size, --#{$prefix}popover-header-font-size);
15
- --#{$prefix}popover-header-color: #{$popover-header-color};
16
- --#{$prefix}popover-header-bg: #{$popover-header-bg};
17
- --#{$prefix}popover-body-padding-x: #{$popover-body-padding-x};
18
- --#{$prefix}popover-body-padding-y: #{$popover-body-padding-y};
19
- --#{$prefix}popover-body-color: #{$popover-body-color};
20
- --#{$prefix}popover-arrow-width: #{$popover-arrow-width};
21
- --#{$prefix}popover-arrow-height: #{$popover-arrow-height};
22
- --#{$prefix}popover-arrow-border: var(--#{$prefix}popover-border-color);
23
- // scss-docs-end popover-css-vars
24
-
25
- z-index: var(--#{$prefix}popover-zindex);
26
- display: block;
27
- max-width: var(--#{$prefix}popover-max-width);
28
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
29
- // So reset our font and text properties to avoid inheriting weird values.
30
- @include reset-text();
31
- @include font-size(var(--#{$prefix}popover-font-size));
32
- // Allow breaking very long words so they don't overflow the popover's bounds
33
- word-wrap: break-word;
34
- background-color: var(--#{$prefix}popover-bg);
35
- background-clip: padding-box;
36
- border: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-border-color);
37
- @include border-radius(var(--#{$prefix}popover-border-radius));
38
- @include box-shadow(var(--#{$prefix}popover-box-shadow));
39
-
40
- .popover-arrow {
41
- display: block;
42
- width: var(--#{$prefix}popover-arrow-width);
43
- height: var(--#{$prefix}popover-arrow-height);
44
-
45
- &::before,
46
- &::after {
47
- position: absolute;
48
- display: block;
49
- content: "";
50
- border-color: transparent;
51
- border-style: solid;
52
- border-width: 0;
53
- }
54
- }
55
- }
56
-
57
- .bs-popover-top {
58
- > .popover-arrow {
59
- bottom: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
60
-
61
- &::before,
62
- &::after {
63
- border-width: var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
64
- }
65
-
66
- &::before {
67
- bottom: 0;
68
- border-top-color: var(--#{$prefix}popover-arrow-border);
69
- }
70
-
71
- &::after {
72
- bottom: var(--#{$prefix}popover-border-width);
73
- border-top-color: var(--#{$prefix}popover-bg);
74
- }
75
- }
76
- }
77
-
78
- /* rtl:begin:ignore */
79
- .bs-popover-end {
80
- > .popover-arrow {
81
- left: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
82
- width: var(--#{$prefix}popover-arrow-height);
83
- height: var(--#{$prefix}popover-arrow-width);
84
-
85
- &::before,
86
- &::after {
87
- border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
88
- }
89
-
90
- &::before {
91
- left: 0;
92
- border-right-color: var(--#{$prefix}popover-arrow-border);
93
- }
94
-
95
- &::after {
96
- left: var(--#{$prefix}popover-border-width);
97
- border-right-color: var(--#{$prefix}popover-bg);
98
- }
99
- }
100
- }
101
-
102
- /* rtl:end:ignore */
103
-
104
- .bs-popover-bottom {
105
- > .popover-arrow {
106
- top: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
107
-
108
- &::before,
109
- &::after {
110
- border-width: 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height); // stylelint-disable-line function-disallowed-list
111
- }
112
-
113
- &::before {
114
- top: 0;
115
- border-bottom-color: var(--#{$prefix}popover-arrow-border);
116
- }
117
-
118
- &::after {
119
- top: var(--#{$prefix}popover-border-width);
120
- border-bottom-color: var(--#{$prefix}popover-bg);
121
- }
122
- }
123
-
124
- // This will remove the popover-header's border just below the arrow
125
- .popover-header::before {
126
- position: absolute;
127
- top: 0;
128
- left: 50%;
129
- display: block;
130
- width: var(--#{$prefix}popover-arrow-width);
131
- margin-left: calc(-.5 * var(--#{$prefix}popover-arrow-width)); // stylelint-disable-line function-disallowed-list
132
- content: "";
133
- border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-header-bg);
134
- }
135
- }
136
-
137
- /* rtl:begin:ignore */
138
- .bs-popover-start {
139
- > .popover-arrow {
140
- right: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
141
- width: var(--#{$prefix}popover-arrow-height);
142
- height: var(--#{$prefix}popover-arrow-width);
143
-
144
- &::before,
145
- &::after {
146
- border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height); // stylelint-disable-line function-disallowed-list
147
- }
148
-
149
- &::before {
150
- right: 0;
151
- border-left-color: var(--#{$prefix}popover-arrow-border);
152
- }
153
-
154
- &::after {
155
- right: var(--#{$prefix}popover-border-width);
156
- border-left-color: var(--#{$prefix}popover-bg);
157
- }
158
- }
159
- }
160
-
161
- /* rtl:end:ignore */
162
-
163
- .bs-popover-auto {
164
- &[data-popper-placement^="top"] {
165
- @extend .bs-popover-top;
166
- }
167
- &[data-popper-placement^="right"] {
168
- @extend .bs-popover-end;
169
- }
170
- &[data-popper-placement^="bottom"] {
171
- @extend .bs-popover-bottom;
172
- }
173
- &[data-popper-placement^="left"] {
174
- @extend .bs-popover-start;
175
- }
176
- }
177
-
178
- // Offset the popover to account for the popover arrow
179
- .popover-header {
180
- padding: var(--#{$prefix}popover-header-padding-y) var(--#{$prefix}popover-header-padding-x);
181
- margin-bottom: 0; // Reset the default from Reboot
182
- @include font-size(var(--#{$prefix}popover-header-font-size));
183
- color: var(--#{$prefix}popover-header-color);
184
- background-color: var(--#{$prefix}popover-header-bg);
185
- border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-border-color);
186
- @include border-top-radius(var(--#{$prefix}popover-inner-border-radius));
187
-
188
- &:empty {
189
- display: none;
190
- }
191
- }
192
-
193
- .popover-body {
194
- padding: var(--#{$prefix}popover-body-padding-y) var(--#{$prefix}popover-body-padding-x);
195
- color: var(--#{$prefix}popover-body-color);
196
- }
@@ -1,68 +0,0 @@
1
- // Disable animation if transitions are disabled
2
-
3
- // scss-docs-start progress-keyframes
4
- @if $enable-transitions {
5
- @keyframes progress-bar-stripes {
6
- 0% { background-position-x: $progress-height; }
7
- }
8
- }
9
- // scss-docs-end progress-keyframes
10
-
11
- .progress,
12
- .progress-stacked {
13
- // scss-docs-start progress-css-vars
14
- --#{$prefix}progress-height: #{$progress-height};
15
- @include rfs($progress-font-size, --#{$prefix}progress-font-size);
16
- --#{$prefix}progress-bg: #{$progress-bg};
17
- --#{$prefix}progress-border-radius: #{$progress-border-radius};
18
- --#{$prefix}progress-box-shadow: #{$progress-box-shadow};
19
- --#{$prefix}progress-bar-color: #{$progress-bar-color};
20
- --#{$prefix}progress-bar-bg: #{$progress-bar-bg};
21
- --#{$prefix}progress-bar-transition: #{$progress-bar-transition};
22
- // scss-docs-end progress-css-vars
23
-
24
- display: flex;
25
- height: var(--#{$prefix}progress-height);
26
- overflow: hidden; // force rounded corners by cropping it
27
- @include font-size(var(--#{$prefix}progress-font-size));
28
- background-color: var(--#{$prefix}progress-bg);
29
- @include border-radius(var(--#{$prefix}progress-border-radius));
30
- @include box-shadow(var(--#{$prefix}progress-box-shadow));
31
- }
32
-
33
- .progress-bar {
34
- display: flex;
35
- flex-direction: column;
36
- justify-content: center;
37
- overflow: hidden;
38
- color: var(--#{$prefix}progress-bar-color);
39
- text-align: center;
40
- white-space: nowrap;
41
- background-color: var(--#{$prefix}progress-bar-bg);
42
- @include transition(var(--#{$prefix}progress-bar-transition));
43
- }
44
-
45
- .progress-bar-striped {
46
- @include gradient-striped();
47
- background-size: var(--#{$prefix}progress-height) var(--#{$prefix}progress-height);
48
- }
49
-
50
- .progress-stacked > .progress {
51
- overflow: visible;
52
- }
53
-
54
- .progress-stacked > .progress > .progress-bar {
55
- width: 100%;
56
- }
57
-
58
- @if $enable-transitions {
59
- .progress-bar-animated {
60
- animation: $progress-bar-animation-timing progress-bar-stripes;
61
-
62
- @if $enable-reduced-motion {
63
- @media (prefers-reduced-motion: reduce) {
64
- animation: none;
65
- }
66
- }
67
- }
68
- }