@gipisistemas/ngx-core 1.0.23 → 1.0.25
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.
- package/components/pdf-viewer/pdf-viewer.component.scss +54 -4
- package/components/table/table.component.scss +13 -0
- package/components/toggle-group/toggle-group.scss +95 -0
- package/fesm2022/gipisistemas-ngx-core.mjs +242 -26
- package/fesm2022/gipisistemas-ngx-core.mjs.map +1 -1
- package/index.d.ts +49 -5
- package/package.json +1 -1
- package/theming/_theme.scss +2 -0
|
@@ -126,11 +126,13 @@
|
|
|
126
126
|
|
|
127
127
|
> div,
|
|
128
128
|
.pdfViewer {
|
|
129
|
-
--user-unit: 1.02;
|
|
130
129
|
--scale-factor: 1;
|
|
131
|
-
--
|
|
132
|
-
--
|
|
133
|
-
--
|
|
130
|
+
--page-bg-color: unset;
|
|
131
|
+
--pdfViewer-padding-bottom: 0;
|
|
132
|
+
--page-margin: 1px auto -8px;
|
|
133
|
+
--page-border: 9px solid transparent;
|
|
134
|
+
--hcm-highlight-filter: none;
|
|
135
|
+
--hcm-highlight-selected-filter: none;
|
|
134
136
|
|
|
135
137
|
display: flex;
|
|
136
138
|
flex-direction: column;
|
|
@@ -142,6 +144,54 @@
|
|
|
142
144
|
.textLayer {
|
|
143
145
|
font-family: $font-family !important;
|
|
144
146
|
}
|
|
147
|
+
|
|
148
|
+
.canvasWrapper {
|
|
149
|
+
overflow: hidden;
|
|
150
|
+
width: 100%;
|
|
151
|
+
height: 100%;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.canvasWrapper canvas {
|
|
155
|
+
position: absolute;
|
|
156
|
+
top: 0;
|
|
157
|
+
left: 0;
|
|
158
|
+
display: block;
|
|
159
|
+
width: 100%;
|
|
160
|
+
height: 100%;
|
|
161
|
+
margin: 0;
|
|
162
|
+
contain: content;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.page {
|
|
166
|
+
--user-unit: 1;
|
|
167
|
+
--total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
|
|
168
|
+
--scale-round-x: 1px;
|
|
169
|
+
--scale-round-y: 1px;
|
|
170
|
+
|
|
171
|
+
position: relative;
|
|
172
|
+
direction: ltr;
|
|
173
|
+
overflow: visible;
|
|
174
|
+
width: 816px;
|
|
175
|
+
height: 1056px;
|
|
176
|
+
margin: var(--page-margin);
|
|
177
|
+
border: var(--page-border);
|
|
178
|
+
background-clip: content-box;
|
|
179
|
+
background-color: var(--page-bg-color, rgb(255 255 255));
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.annotationLayer {
|
|
183
|
+
position: absolute;
|
|
184
|
+
top: 0;
|
|
185
|
+
left: 0;
|
|
186
|
+
pointer-events: none;
|
|
187
|
+
transform-origin: 0 0;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.dummyPage {
|
|
191
|
+
position: relative;
|
|
192
|
+
width: 0;
|
|
193
|
+
height: var(--viewer-container-height, 0);
|
|
194
|
+
}
|
|
145
195
|
}
|
|
146
196
|
}
|
|
147
197
|
|
|
@@ -239,6 +239,19 @@
|
|
|
239
239
|
background-color: #{utils.get-color($theme, white, 100)};
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
+
.g-table-paginator-records {
|
|
243
|
+
position: absolute;
|
|
244
|
+
left: 1.6rem;
|
|
245
|
+
top: 50%;
|
|
246
|
+
z-index: 1;
|
|
247
|
+
transform: translateY(-50%);
|
|
248
|
+
color: utils.get-color($theme, secondary, 300);
|
|
249
|
+
font-size: 1.1rem;
|
|
250
|
+
font-weight: 400;
|
|
251
|
+
line-height: 1.4rem;
|
|
252
|
+
pointer-events: none;
|
|
253
|
+
}
|
|
254
|
+
|
|
242
255
|
.g-table-menu-context {
|
|
243
256
|
display: inline-flex;
|
|
244
257
|
gap: 10px;
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
@use '../../theming/utils' as utils;
|
|
2
|
+
|
|
3
|
+
@mixin toggle-group-theme($theme: ()) {
|
|
4
|
+
$font-family: utils.get-font-family($theme);
|
|
5
|
+
$font-size: utils.get-font-size($theme);
|
|
6
|
+
$font-color: utils.get-font-color($theme);
|
|
7
|
+
|
|
8
|
+
$white-100: utils.get-color($theme, white, 100);
|
|
9
|
+
$secondary-50: utils.get-color($theme, secondary, 50);
|
|
10
|
+
$secondary-100: utils.get-color($theme, secondary, 100);
|
|
11
|
+
$primary-500: utils.get-color($theme, primary, 500);
|
|
12
|
+
$primary-600: utils.get-color($theme, primary, 500);
|
|
13
|
+
|
|
14
|
+
.g-toggle-group {
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
gap: 4px;
|
|
18
|
+
font-family: $font-family;
|
|
19
|
+
color: $font-color;
|
|
20
|
+
width: 100%;
|
|
21
|
+
flex: 1;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.g-toggle-group-control {
|
|
25
|
+
--toggle-group-gap: 0.4rem;
|
|
26
|
+
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: stretch;
|
|
29
|
+
width: 100%;
|
|
30
|
+
border-radius: 0.8rem;
|
|
31
|
+
padding: var(--toggle-group-gap);
|
|
32
|
+
background: $secondary-50;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
position: relative;
|
|
35
|
+
|
|
36
|
+
&.is-empty {
|
|
37
|
+
min-height: 4rem;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&.is-disabled {
|
|
41
|
+
opacity: 0.7;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.g-toggle-group-control-input {
|
|
45
|
+
display: none;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.g-toggle-group-control-label {
|
|
49
|
+
position: relative;
|
|
50
|
+
z-index: 2;
|
|
51
|
+
flex: 1;
|
|
52
|
+
text-align: center;
|
|
53
|
+
padding: 0.4rem 1.2rem;
|
|
54
|
+
font-size: $font-size;
|
|
55
|
+
color: $font-color;
|
|
56
|
+
font-weight: 500;
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
user-select: none;
|
|
59
|
+
white-space: nowrap;
|
|
60
|
+
transition:
|
|
61
|
+
color 0.3s ease,
|
|
62
|
+
opacity 0.2s ease;
|
|
63
|
+
|
|
64
|
+
&.is-selected {
|
|
65
|
+
color: $white-100;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&.is-disabled {
|
|
69
|
+
cursor: not-allowed;
|
|
70
|
+
text-decoration: line-through;
|
|
71
|
+
color: $secondary-100;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.g-toggle-group-control-slider {
|
|
76
|
+
position: absolute;
|
|
77
|
+
z-index: 1;
|
|
78
|
+
top: var(--toggle-group-gap);
|
|
79
|
+
left: var(--toggle-group-gap);
|
|
80
|
+
height: calc(100% - (var(--toggle-group-gap) * 2));
|
|
81
|
+
border-radius: 0.6rem;
|
|
82
|
+
background-color: $primary-500;
|
|
83
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
84
|
+
transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
|
|
85
|
+
|
|
86
|
+
&.is-disabled {
|
|
87
|
+
background-color: $secondary-100;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
&:not(.is-disabled):hover {
|
|
91
|
+
background-color: $primary-600;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|