dealposbarcode 1.3.2 → 1.3.3

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.
@@ -14,6 +14,10 @@ $fl_input: #343434;
14
14
  background: repeating-linear-gradient(-60deg, #f8d7da, #f8d7da 15px, #f5c6cb 15px, #f5c6cb 30px) !important;
15
15
  }
16
16
 
17
+ .bg-gradient-success {
18
+ background: repeating-linear-gradient(-60deg,#28a745,#28a745 15px,#a2dbb0 15px,#a2dbb0 30px) !important;
19
+ }
20
+
17
21
  .date-warning, .over-due-today, .bg-gradient-warning {
18
22
  background: repeating-linear-gradient(-60deg,#FCF3CF,#FCF3CF 15px,#F9E79F 15px,#F9E79F 30px) !important;
19
23
  }
@@ -314,7 +318,6 @@ $fl_input: #343434;
314
318
  pointer-events: none;
315
319
  }
316
320
 
317
-
318
321
  .sticky-top-thead {
319
322
  tr {
320
323
  border: none !important;
@@ -466,7 +469,7 @@ div#divSideMenu {
466
469
  color: #23CCEF !important;
467
470
  }
468
471
 
469
- .dropdown-menu-right {
472
+ .dropdown-menu-end {
470
473
  right: 0px !important;
471
474
  left: auto !important;
472
475
  }
@@ -477,7 +480,7 @@ div#divSideMenu {
477
480
  }
478
481
 
479
482
  .dropdown-item a {
480
- color: $yiq-text-dark;
483
+ color: $color-contrast-dark;
481
484
  cursor: pointer;
482
485
  display: block;
483
486
  }
@@ -517,13 +520,18 @@ div#divSideMenu {
517
520
  }
518
521
 
519
522
  thead tr {
520
- border: 1px solid #dddddd;
523
+ border: 1px solid #dddddd !important;
521
524
  }
522
525
 
523
526
 
524
527
  th, td {
525
528
  vertical-align: middle;
526
- line-height: 17px;
529
+ line-height: 25px;
530
+ }
531
+ .table-light th{
532
+ color:#3b3b3b;
533
+ background-color:#f6f6f6;
534
+ border-color:#ddd;
527
535
  }
528
536
  }
529
537
 
@@ -21,12 +21,12 @@ $headings-font-family: 'Roboto Slab', serif;
21
21
  $text-muted: #9a9a9a ;
22
22
  $link-color :#0976b4;
23
23
 
24
- $h1-font-size: 1.375rem; //22px
25
- $h2-font-size: 1.25rem; //20px
26
- $h3-font-size: 1.125rem; //18px
24
+ $h1-font-size: 1.475rem; //22px
25
+ $h2-font-size: 1.6rem; //20px
26
+ $h3-font-size: 1.225rem; //18px
27
27
  $h4-font-size: 1rem; //16px
28
- $h5-font-size: 0.875rem; //14px
29
- $h6-font-size: 0.8125rem; //13px
28
+ $h5-font-size: 0.975rem; //14px
29
+ $h6-font-size: 0.9125rem; //13px
30
30
  $font-size-base: 0.75rem; //12px
31
31
  $font-size-sm: 0.625rem ;
32
32
 
@@ -0,0 +1,237 @@
1
+ $theme-color-interval: 8% !default;
2
+
3
+ // Position
4
+ .toast-center-center {
5
+ top: 50%;
6
+ left: 50%;
7
+ transform: translate(-50%, -50%);
8
+ }
9
+ .toast-top-center {
10
+ top: 0;
11
+ right: 0;
12
+ width: 100%;
13
+ }
14
+ .toast-bottom-center {
15
+ bottom: 0;
16
+ right: 0;
17
+ width: 100%;
18
+ }
19
+ .toast-top-full-width {
20
+ top: 0;
21
+ right: 0;
22
+ width: 100%;
23
+ }
24
+ .toast-bottom-full-width {
25
+ bottom: 0;
26
+ right: 0;
27
+ width: 100%;
28
+ }
29
+ .toast-top-left {
30
+ top: 12px;
31
+ left: 12px;
32
+ }
33
+ .toast-top-right {
34
+ top: 12px;
35
+ right: 12px;
36
+ }
37
+ .toast-bottom-right {
38
+ right: 12px;
39
+ bottom: 12px;
40
+ }
41
+ .toast-bottom-left {
42
+ bottom: 12px;
43
+ left: 12px;
44
+ }
45
+ .toast-container.toast-top-center .ngx-toastr,
46
+ .toast-container.toast-bottom-center .ngx-toastr {
47
+ width: 300px;
48
+ margin-left: auto;
49
+ margin-right: auto;
50
+ }
51
+ .toast-container.toast-top-full-width .ngx-toastr,
52
+ .toast-container.toast-bottom-full-width .ngx-toastr {
53
+ width: 96%;
54
+ margin-left: auto;
55
+ margin-right: auto;
56
+ }
57
+
58
+ // Toast
59
+ .toast-container {
60
+ pointer-events: none;
61
+ position: fixed;
62
+ z-index: 999999;
63
+
64
+ .ngx-toastr {
65
+ @include border-radius($alert-border-radius);
66
+ position: relative;
67
+ overflow: hidden;
68
+ margin: 0 0 6px;
69
+ padding: 0.75rem 1.25rem 0.75rem 50px;
70
+ width: 300px;
71
+ background-position: 15px center;
72
+ background-repeat: no-repeat;
73
+ background-size: 24px;
74
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
75
+ pointer-events: auto;
76
+
77
+ .toast-title {
78
+ font-weight: bold;
79
+ }
80
+ .toast-message {
81
+ word-wrap: break-word;
82
+ }
83
+ .toast-message a:hover {
84
+ text-decoration: underline;
85
+ }
86
+ .toast-close-button {
87
+ position: relative;
88
+ right: -0.3em;
89
+ top: -0.3em;
90
+ float: right;
91
+ font-size: 20px;
92
+ font-weight: bold;
93
+ color: inherit;
94
+ text-shadow: 0 1px 0 #fff;
95
+ opacity: 0.5;
96
+ background: transparent;
97
+ border: 0;
98
+ padding: 0;
99
+ }
100
+ .toast-progress {
101
+ position: absolute;
102
+ left: 0;
103
+ bottom: 0;
104
+ height: 4px;
105
+ background-color: #000000;
106
+ opacity: 0.3;
107
+ }
108
+ .toast-close-button:hover,
109
+ .toast-close-button:focus {
110
+ color: #000000;
111
+ text-decoration: none;
112
+ cursor: pointer;
113
+ opacity: 0.75;
114
+ }
115
+ }
116
+ .ngx-toastr:hover {
117
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
118
+ opacity: 1;
119
+ cursor: pointer;
120
+ }
121
+ }
122
+
123
+ @function str-split($string, $separator) {
124
+ $split-arr: ();
125
+ // first index of separator in string
126
+ $index: str-index($string, $separator);
127
+ // loop through string
128
+ @while $index != null {
129
+ // get the substring from the first character to the separator
130
+ $item: str-slice($string, 1, $index - 1);
131
+ // push item to array
132
+ $split-arr: append($split-arr, $item);
133
+ // remove item and separator from string
134
+ $string: str-slice($string, $index + 1);
135
+ // find new index of separator
136
+ $index: str-index($string, $separator);
137
+ }
138
+ // add the remaining string to list (the last item)
139
+ $split-arr: append($split-arr, $string);
140
+
141
+ @return $split-arr;
142
+ }
143
+
144
+ @function svg-factory($fill-color, $viewbox, $path) {
145
+ $split: str-split($viewbox, " ");
146
+ $width: nth($split, 3);
147
+ $height: nth($split, 4);
148
+
149
+ // opacity is 0.9999 otherwise it uses a hex equivelent
150
+ // firefox requires fill rgb
151
+ @return "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='" + $viewbox +
152
+ "' width='" + $width + "' height='" + $height + "'%3E%3Cpath fill='" +
153
+ rgba($fill-color, 0.999999) + "' d='" + $path + "'/%3E%3C/svg%3E";
154
+ }
155
+ @function svg-encode($svg) {
156
+ @return "data:image/svg+xml;charset=utf8," + $svg;
157
+ }
158
+ .toast-success {
159
+ /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/check.svg */
160
+ background-image: url(svg-encode(
161
+ svg-factory(
162
+ shift-color($success, 6 * $theme-color-interval),
163
+ "0 0 512 512",
164
+ "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
165
+ )
166
+ ));
167
+ color: shift-color($success, 6 * $theme-color-interval);
168
+ background-color: shift-color($success, -10 * $theme-color-interval);
169
+ border: 1px solid shift-color($success, -9 * $theme-color-interval);
170
+ }
171
+ .toast-error {
172
+ /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/times-circle.svg */
173
+ background-image: url(svg-encode(
174
+ svg-factory(
175
+ shift-color($danger, 6 * $theme-color-interval),
176
+ "0 0 512 512",
177
+ "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
178
+ )
179
+ ));
180
+ color: shift-color($danger, 6 * $theme-color-interval);
181
+ background-color: shift-color($danger, -10 * $theme-color-interval);
182
+ border: 1px solid shift-color($danger, -9 * $theme-color-interval);
183
+ }
184
+ .toast-info {
185
+ /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/info-circle.svg */
186
+ background-image: url(svg-encode(
187
+ svg-factory(
188
+ shift-color($info, 6 * $theme-color-interval),
189
+ "0 0 512 512",
190
+ "M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
191
+ )
192
+ ));
193
+ color: shift-color($info, 6 * $theme-color-interval);
194
+ background-color: shift-color($info, -10 * $theme-color-interval);
195
+ border: 1px solid shift-color($info, -9 * $theme-color-interval);
196
+ }
197
+ .toast-warning {
198
+ /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/exclamation-triangle.svg */
199
+ background-image: url(svg-encode(
200
+ svg-factory(
201
+ shift-color($warning, 6 * $theme-color-interval),
202
+ "0 0 576 512",
203
+ "M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
204
+ )
205
+ ));
206
+ color: shift-color($warning, 6 * $theme-color-interval);
207
+ background-color: shift-color($warning, -10 * $theme-color-interval);
208
+ border: 1px solid shift-color($warning, -9 * $theme-color-interval);
209
+ }
210
+
211
+ // Responsive Design
212
+ @media all and (max-width: 240px) {
213
+ .toast-container .ngx-toastr.div {
214
+ padding: 8px 8px 8px 50px;
215
+ width: 11em;
216
+ }
217
+ .toast-container .toast-close-button {
218
+ right: -0.2em;
219
+ top: -0.2em;
220
+ }
221
+ }
222
+ @media all and (min-width: 241px) and (max-width: 480px) {
223
+ .toast-container .ngx-toastr.div {
224
+ padding: 8px 8px 8px 50px;
225
+ width: 18em;
226
+ }
227
+ .toast-container .toast-close-button {
228
+ right: -0.2em;
229
+ top: -0.2em;
230
+ }
231
+ }
232
+ @media all and (min-width: 481px) and (max-width: 768px) {
233
+ .toast-container .ngx-toastr.div {
234
+ padding: 15px 15px 15px 50px;
235
+ width: 25em;
236
+ }
237
+ }
@@ -11,13 +11,13 @@
11
11
  <link rel="icon" type="image/x-icon" href="favicon.ico">
12
12
  <link rel="preconnect" href="https://fonts.gstatic.com">
13
13
  <link href="https:////fonts.googleapis.com/css?family=Roboto:300,400,700|Roboto+Slab:400,700" rel="stylesheet">
14
- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">
14
+ <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
15
15
  <link rel="manifest" href="manifest.webmanifest">
16
16
  <meta name="theme-color" content="#1976d2">
17
- <style>@charset "UTF-8";body{background-color:#cbcbd226}@media print{body{background-color:#fff}}:root{--blue:#337ab7;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#c9302c;--orange:#f6a828;--yellow:#ffc107;--green:#89b03e;--teal:#20c997;--cyan:#17a2b8;--white:#ffffff;--gray:#6c757d;--gray-dark:#343a40;--primary:#337ab7;--secondary:#cccccc;--success:#89b03e;--info:#17a2b8;--warning:#f6a828;--danger:#c9302c;--light:#dddddd;--dark:#4d4d4d;--light-gray:rgba(203, 203, 210, .15);--light-blue:#dfeffc;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-family:"Roboto",sans-serif;font-size:.75rem;font-weight:400;line-height:1.5;color:#333;text-align:left;background-color:#fff}@media (max-width: 991px){body{position:relative}}@media print{html,body{height:auto}body{color:#000!important}}@media print{html,body{background-color:#fff}}html,body{height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#a8a8af26!important}@page{size:auto}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.2/barcode/styles.6d8f93377c27abf9.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.2/barcode/styles.6d8f93377c27abf9.css"></noscript></head>
17
+ <style>@charset "UTF-8";body{background-color:#cbcbd226}@media print{body{background-color:#fff}}:root{--bs-blue:#337ab7;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#c9302c;--bs-orange:#f6a828;--bs-yellow:#ffc107;--bs-green:#89b03e;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#ffffff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#337ab7;--bs-success:#89b03e;--bs-secondary:#cccccc;--bs-dark:#4d4d4d;--bs-light:#dddddd;--bs-light-gray:rgba(203, 203, 210, .15);--bs-light-blue:#dfeffc;--bs-danger:#c9302c;--bs-warning:#f6a828;--bs-primary-rgb:51, 122, 183;--bs-success-rgb:137, 176, 62;--bs-secondary-rgb:204, 204, 204;--bs-dark-rgb:77, 77, 77;--bs-light-rgb:221, 221, 221;--bs-light-gray-rgb:203, 203, 210;--bs-light-blue-rgb:223, 239, 252;--bs-danger-rgb:201, 48, 44;--bs-warning-rgb:246, 168, 40;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-body-color-rgb:51, 51, 51;--bs-body-bg-rgb:255, 255, 255;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:Roboto, sans-serif;--bs-body-font-size:.75rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#333333;--bs-body-bg:#ffffff}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media (max-width: 991px){body{position:relative}}@media print{html,body{height:auto}body{color:#000!important}}@media print{html,body{background-color:#fff}}html,body{height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#a8a8af26!important}@page{size:auto}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.3/barcode/styles.32eea4e6db3de98e.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.3/barcode/styles.32eea4e6db3de98e.css"></noscript></head>
18
18
  <body>
19
19
  <app-root></app-root>
20
20
  <noscript>Please enable JavaScript to continue using this application.</noscript>
21
- <script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.2/barcode/runtime.9c31bdd775a643e8.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.2/barcode/polyfills.3eeaafac055ac6b7.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.2/barcode/main.f6024d4f9941973d.js" type="module"></script>
21
+ <script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.3/barcode/runtime.becddb656e0087b1.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.3/barcode/polyfills.3eeaafac055ac6b7.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.3/barcode/main.313aa86944efb650.js" type="module"></script>
22
22
 
23
23
  </body></html>