@dereekb/dbx-form 13.10.3 → 13.10.4
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.
|
@@ -12,6 +12,47 @@
|
|
|
12
12
|
width: 100%;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
// When a mat-option wraps a dbx-anchor, the anchor must cover the entire option surface so that
|
|
16
|
+
// every click lands inside the anchor's child click target (where the override click handler is
|
|
17
|
+
// attached). Otherwise clicks on the mat-option's padding/edge land on mat-option itself,
|
|
18
|
+
// bypassing dbx-anchor's onClick handler — selection still fires (via mat-option's own click
|
|
19
|
+
// listener) but the anchor click is silently dropped. Inner padding is provided by
|
|
20
|
+
// .dbx-default-searchable-field-display.
|
|
21
|
+
//
|
|
22
|
+
// The .mdc-list-item compound is needed to outweigh Material's own .mat-mdc-option.mdc-list-item
|
|
23
|
+
// rule (which sets align-items: center).
|
|
24
|
+
.mat-mdc-option.mdc-list-item.dbx-searchable-field-anchor-option {
|
|
25
|
+
padding: 0;
|
|
26
|
+
// Override mat-option's default align-items: center so the inner chain can stretch vertically.
|
|
27
|
+
align-items: stretch;
|
|
28
|
+
|
|
29
|
+
> .mdc-list-item__primary-text {
|
|
30
|
+
width: 100%;
|
|
31
|
+
margin: 0;
|
|
32
|
+
display: flex;
|
|
33
|
+
align-items: stretch;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
dbx-searchable-field-autocomplete-item,
|
|
37
|
+
dbx-anchor,
|
|
38
|
+
.dbx-anchor-a {
|
|
39
|
+
display: flex;
|
|
40
|
+
align-items: stretch;
|
|
41
|
+
flex: 1;
|
|
42
|
+
width: 100%;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// The clickOverride listener is registered on the inner <span> (childClickTarget). It must
|
|
46
|
+
// cover the full option surface so clicks anywhere on the option land inside it; otherwise
|
|
47
|
+
// the synthetic click + onClick handler is silently dropped.
|
|
48
|
+
.dbx-anchor-a > span {
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
flex: 1;
|
|
52
|
+
width: 100%;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
15
56
|
.dbx-chip-input-error {
|
|
16
57
|
display: block;
|
|
17
58
|
font-size: 12px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-form",
|
|
3
|
-
"version": "13.10.
|
|
3
|
+
"version": "13.10.4",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/cdk": "^21.2.8",
|
|
6
6
|
"@angular/common": "21.2.10",
|
|
@@ -10,13 +10,13 @@
|
|
|
10
10
|
"@angular/material-date-fns-adapter": "21.2.8",
|
|
11
11
|
"@angular/platform-browser": "21.2.10",
|
|
12
12
|
"@bobbyquantum/ngx-editor": "21.0.0",
|
|
13
|
-
"@dereekb/date": "13.10.
|
|
14
|
-
"@dereekb/dbx-core": "13.10.
|
|
15
|
-
"@dereekb/dbx-web": "13.10.
|
|
16
|
-
"@dereekb/model": "13.10.
|
|
17
|
-
"@dereekb/rxjs": "13.10.
|
|
18
|
-
"@dereekb/util": "13.10.
|
|
19
|
-
"@dereekb/vitest": "13.10.
|
|
13
|
+
"@dereekb/date": "13.10.4",
|
|
14
|
+
"@dereekb/dbx-core": "13.10.4",
|
|
15
|
+
"@dereekb/dbx-web": "13.10.4",
|
|
16
|
+
"@dereekb/model": "13.10.4",
|
|
17
|
+
"@dereekb/rxjs": "13.10.4",
|
|
18
|
+
"@dereekb/util": "13.10.4",
|
|
19
|
+
"@dereekb/vitest": "13.10.4",
|
|
20
20
|
"@ng-forge/dynamic-forms": "~0.8.0",
|
|
21
21
|
"@ng-forge/dynamic-forms-material": "~0.8.0",
|
|
22
22
|
"@ng-web-apis/geolocation": "^5.2.0",
|