@widgetstools/angular-dock-manager 0.1.2 → 0.1.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.
Files changed (2) hide show
  1. package/package.json +3 -2
  2. package/src/lib/styles/dock-primeng-theme.css +151 -0
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "@widgetstools/angular-dock-manager",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "description": "Angular dock manager — thin wrapper around dock-manager-core",
5
5
  "peerDependencies": {
6
6
  "@angular/common": ">=21.0.0",
7
7
  "@angular/core": ">=21.0.0",
8
- "rxjs": "^7.8.0"
8
+ "rxjs": "^7.8.0",
9
+ "@widgetstools/dock-manager-core": ">=0.1.3"
9
10
  },
10
11
  "dependencies": {
11
12
  "tslib": "^2.3.0"
package/src/lib/styles/dock-primeng-theme.css ADDED
@@ -0,0 +1,151 @@
1
+ /* PrimeNG Theme Bridge for Dock Manager */
2
+
3
+ /* Map PrimeNG light theme to dock properties */
4
+ :root.p-light {
5
+ --dock-bg: 220 20% 96%;
6
+ --dock-surface: 0 0% 100%;
7
+ --dock-surface-alt: 220 14% 95%;
8
+ --dock-panel-header: 220 14% 95%;
9
+ --dock-tab-bar: 220 14% 93%;
10
+ --dock-tab-active: 0 0% 100%;
11
+ --dock-tab-text: 0 0% 30%;
12
+ --dock-tab-text-active: 217 91% 50%;
13
+ --dock-text: 0 0% 15%;
14
+ --dock-text-secondary: 0 0% 40%;
15
+ --dock-text-muted: 0 0% 55%;
16
+ --dock-border: 220 13% 87%;
17
+ --dock-splitter: 220 13% 87%;
18
+ --dock-splitter-hover: 217 91% 60%;
19
+ --dock-hover: 220 14% 93%;
20
+ --dock-float-shadow: 0 0% 0%;
21
+ --dock-unpinned-bg: 220 14% 95%;
22
+ }
23
+
24
+ /* Map PrimeNG dark theme to dock properties */
25
+ :root.p-dark,
26
+ :root.dark {
27
+ --dock-bg: 222 47% 7%;
28
+ --dock-surface: 222 47% 10%;
29
+ --dock-surface-alt: 222 47% 12%;
30
+ --dock-panel-header: 222 47% 13%;
31
+ --dock-tab-bar: 222 47% 11%;
32
+ --dock-tab-active: 222 47% 10%;
33
+ --dock-tab-text: 215 20% 60%;
34
+ --dock-tab-text-active: 217 91% 70%;
35
+ --dock-text: 210 40% 96%;
36
+ --dock-text-secondary: 215 20% 65%;
37
+ --dock-text-muted: 215 15% 45%;
38
+ --dock-border: 217 33% 20%;
39
+ --dock-splitter: 217 33% 20%;
40
+ --dock-splitter-hover: 217 91% 60%;
41
+ --dock-hover: 217 33% 16%;
42
+ --dock-float-shadow: 0 0% 0%;
43
+ --dock-unpinned-bg: 222 47% 12%;
44
+ }
45
+
46
+ /* PrimeNG Lara theme (light variant) */
47
+ :root.p-lara.p-light {
48
+ --dock-bg: 220 20% 96%;
49
+ --dock-surface: 0 0% 100%;
50
+ --dock-surface-alt: 220 14% 95%;
51
+ --dock-panel-header: 220 14% 95%;
52
+ --dock-tab-bar: 220 14% 93%;
53
+ --dock-tab-active: 0 0% 100%;
54
+ --dock-tab-text: 0 0% 30%;
55
+ --dock-tab-text-active: 217 91% 50%;
56
+ --dock-text: 0 0% 15%;
57
+ --dock-text-secondary: 0 0% 40%;
58
+ --dock-text-muted: 0 0% 55%;
59
+ --dock-border: 220 13% 87%;
60
+ --dock-splitter: 220 13% 87%;
61
+ --dock-splitter-hover: 217 91% 60%;
62
+ --dock-hover: 220 14% 93%;
63
+ --dock-float-shadow: 0 0% 0%;
64
+ --dock-unpinned-bg: 220 14% 95%;
65
+ }
66
+
67
+ /* PrimeNG Lara theme (dark variant) */
68
+ :root.p-lara.p-dark,
69
+ :root.p-lara.dark {
70
+ --dock-bg: 222 47% 7%;
71
+ --dock-surface: 222 47% 10%;
72
+ --dock-surface-alt: 222 47% 12%;
73
+ --dock-panel-header: 222 47% 13%;
74
+ --dock-tab-bar: 222 47% 11%;
75
+ --dock-tab-active: 222 47% 10%;
76
+ --dock-tab-text: 215 20% 60%;
77
+ --dock-tab-text-active: 217 91% 70%;
78
+ --dock-text: 210 40% 96%;
79
+ --dock-text-secondary: 215 20% 65%;
80
+ --dock-text-muted: 215 15% 45%;
81
+ --dock-border: 217 33% 20%;
82
+ --dock-splitter: 217 33% 20%;
83
+ --dock-splitter-hover: 217 91% 60%;
84
+ --dock-hover: 217 33% 16%;
85
+ --dock-float-shadow: 0 0% 0%;
86
+ --dock-unpinned-bg: 222 47% 12%;
87
+ }
88
+
89
+ /* PrimeNG Soho theme (light variant) */
90
+ :root.p-soho.p-light {
91
+ --dock-bg: 220 20% 96%;
92
+ --dock-surface: 0 0% 100%;
93
+ --dock-surface-alt: 220 14% 95%;
94
+ --dock-panel-header: 220 14% 95%;
95
+ --dock-tab-bar: 220 14% 93%;
96
+ --dock-tab-active: 0 0% 100%;
97
+ --dock-tab-text: 0 0% 30%;
98
+ --dock-tab-text-active: 217 91% 50%;
99
+ --dock-text: 0 0% 15%;
100
+ --dock-text-secondary: 0 0% 40%;
101
+ --dock-text-muted: 0 0% 55%;
102
+ --dock-border: 220 13% 87%;
103
+ --dock-splitter: 220 13% 87%;
104
+ --dock-splitter-hover: 217 91% 60%;
105
+ --dock-hover: 220 14% 93%;
106
+ --dock-float-shadow: 0 0% 0%;
107
+ --dock-unpinned-bg: 220 14% 95%;
108
+ }
109
+
110
+ /* PrimeNG Soho theme (dark variant) */
111
+ :root.p-soho.p-dark,
112
+ :root.p-soho.dark {
113
+ --dock-bg: 222 47% 7%;
114
+ --dock-surface: 222 47% 10%;
115
+ --dock-surface-alt: 222 47% 12%;
116
+ --dock-panel-header: 222 47% 13%;
117
+ --dock-tab-bar: 222 47% 11%;
118
+ --dock-tab-active: 222 47% 10%;
119
+ --dock-tab-text: 215 20% 60%;
120
+ --dock-tab-text-active: 217 91% 70%;
121
+ --dock-text: 210 40% 96%;
122
+ --dock-text-secondary: 215 20% 65%;
123
+ --dock-text-muted: 215 15% 45%;
124
+ --dock-border: 217 33% 20%;
125
+ --dock-splitter: 217 33% 20%;
126
+ --dock-splitter-hover: 217 91% 60%;
127
+ --dock-hover: 217 33% 16%;
128
+ --dock-float-shadow: 0 0% 0%;
129
+ --dock-unpinned-bg: 222 47% 12%;
130
+ }
131
+
132
+ /* Ensure backward compatibility with direct dark class */
133
+ .dark {
134
+ --dock-bg: 222 47% 7%;
135
+ --dock-surface: 222 47% 10%;
136
+ --dock-surface-alt: 222 47% 12%;
137
+ --dock-panel-header: 222 47% 13%;
138
+ --dock-tab-bar: 222 47% 11%;
139
+ --dock-tab-active: 222 47% 10%;
140
+ --dock-tab-text: 215 20% 60%;
141
+ --dock-tab-text-active: 217 91% 70%;
142
+ --dock-text: 210 40% 96%;
143
+ --dock-text-secondary: 215 20% 65%;
144
+ --dock-text-muted: 215 15% 45%;
145
+ --dock-border: 217 33% 20%;
146
+ --dock-splitter: 217 33% 20%;
147
+ --dock-splitter-hover: 217 91% 60%;
148
+ --dock-hover: 217 33% 16%;
149
+ --dock-float-shadow: 0 0% 0%;
150
+ --dock-unpinned-bg: 222 47% 12%;
151
+ }