@acrodata/gui 3.5.1 → 3.6.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.
- package/fesm2022/acrodata-gui.mjs +37 -27
- package/fesm2022/acrodata-gui.mjs.map +1 -1
- package/field-group/field-group.scss +8 -0
- package/fill/fill.scss +21 -19
- package/package.json +1 -1
- package/types/acrodata-gui.d.ts +5 -6
|
@@ -33,6 +33,14 @@
|
|
|
33
33
|
min-height: auto;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
.mat-mdc-form-field-text-prefix {
|
|
37
|
+
margin-inline: -4px 4px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.mat-mdc-form-field-text-suffix {
|
|
41
|
+
margin-inline: 4px -4px;
|
|
42
|
+
}
|
|
43
|
+
|
|
36
44
|
.mat-mdc-form-field-hint-spacer,
|
|
37
45
|
.mat-mdc-form-field-bottom-align::before,
|
|
38
46
|
.mdc-line-ripple {
|
package/fill/fill.scss
CHANGED
|
@@ -5,46 +5,48 @@
|
|
|
5
5
|
height: 1.5rem;
|
|
6
6
|
padding: 0;
|
|
7
7
|
border: none;
|
|
8
|
+
border-top-left-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small));
|
|
9
|
+
border-bottom-left-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small));
|
|
8
10
|
background-color: #fff;
|
|
9
11
|
background-image: conic-gradient(transparent 25%, #ccc 25% 50%, transparent 50% 75%, #ccc 75%);
|
|
10
12
|
background-size: 0.5rem 0.5rem;
|
|
11
13
|
outline: none;
|
|
12
14
|
cursor: pointer;
|
|
15
|
+
overflow: hidden;
|
|
13
16
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
17
|
+
[dir='rtl'] & {
|
|
18
|
+
border-radius: 0;
|
|
19
|
+
border-top-right-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small));
|
|
20
|
+
border-bottom-right-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small));
|
|
19
21
|
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.gui-color-block-bg {
|
|
23
|
-
display: inline-block;
|
|
24
|
-
width: 100%;
|
|
25
|
-
height: 100%;
|
|
26
22
|
|
|
27
23
|
// use the pseudo-elements `::after` to simulate the border for color-block
|
|
28
24
|
&::after {
|
|
25
|
+
position: absolute;
|
|
29
26
|
content: '';
|
|
30
27
|
display: inline-block;
|
|
31
|
-
|
|
32
|
-
height: 100%;
|
|
28
|
+
inset: 0;
|
|
33
29
|
box-sizing: border-box;
|
|
34
30
|
border: 1px solid #fff;
|
|
35
|
-
border-
|
|
36
|
-
border-bottom-left-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small));
|
|
31
|
+
border-radius: inherit;
|
|
37
32
|
mix-blend-mode: difference;
|
|
38
33
|
opacity: 0.2;
|
|
34
|
+
}
|
|
39
35
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
36
|
+
&:hover,
|
|
37
|
+
&:focus {
|
|
38
|
+
&::after {
|
|
39
|
+
opacity: 0.4;
|
|
44
40
|
}
|
|
45
41
|
}
|
|
46
42
|
}
|
|
47
43
|
|
|
44
|
+
.gui-color-block-bg {
|
|
45
|
+
display: inline-block;
|
|
46
|
+
width: 100%;
|
|
47
|
+
height: 100%;
|
|
48
|
+
}
|
|
49
|
+
|
|
48
50
|
// fix the vertical alignment for icon
|
|
49
51
|
.gui-fill {
|
|
50
52
|
.mat-mdc-icon-button {
|
package/package.json
CHANGED
package/types/acrodata-gui.d.ts
CHANGED
|
@@ -270,16 +270,18 @@ declare class GuiFill implements ControlValueAccessor, OnChanges {
|
|
|
270
270
|
config: Partial<GuiControl>;
|
|
271
271
|
disabled: boolean;
|
|
272
272
|
type: GuiFillMode;
|
|
273
|
-
value: string;
|
|
273
|
+
value: string | null;
|
|
274
274
|
private onChange;
|
|
275
275
|
private onTouched;
|
|
276
|
+
constructor();
|
|
276
277
|
ngOnChanges(changes: SimpleChanges): void;
|
|
277
278
|
writeValue(value: any): void;
|
|
278
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
279
|
+
registerOnChange(fn: (value: string | null) => void): void;
|
|
279
280
|
registerOnTouched(fn: () => void): void;
|
|
280
281
|
setDisabledState(isDisabled: boolean): void;
|
|
281
282
|
onValueChange(): void;
|
|
282
283
|
openColorPicker(e: PointerEvent): void;
|
|
284
|
+
clearValue(): void;
|
|
283
285
|
static ɵfac: i0.ɵɵFactoryDeclaration<GuiFill, never>;
|
|
284
286
|
static ɵcmp: i0.ɵɵComponentDeclaration<GuiFill, "gui-fill", never, { "config": { "alias": "config"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
|
|
285
287
|
}
|
|
@@ -489,10 +491,7 @@ declare class GuiFileUploader implements ControlValueAccessor, OnChanges {
|
|
|
489
491
|
fileChange: EventEmitter<string>;
|
|
490
492
|
url: string;
|
|
491
493
|
fileUpload: FileUploadContent;
|
|
492
|
-
|
|
493
|
-
size: number;
|
|
494
|
-
type: string;
|
|
495
|
-
};
|
|
494
|
+
private pastedFiles;
|
|
496
495
|
private onChange;
|
|
497
496
|
private onTouched;
|
|
498
497
|
constructor();
|