@breadstone/mosaik-elements-foundation 0.0.245 → 0.0.246

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 (23) hide show
  1. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.d.ts.map +1 -1
  2. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.js +4 -2
  3. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.js.map +1 -1
  4. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.d.ts.map +1 -1
  5. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.js +4 -2
  6. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.js.map +1 -1
  7. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.d.ts.map +1 -1
  8. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.js +4 -2
  9. package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.js.map +1 -1
  10. package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.d.ts.map +1 -1
  11. package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js +19 -15
  12. package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js.map +1 -1
  13. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.d.ts.map +1 -1
  14. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.js +15 -1
  15. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.js.map +1 -1
  16. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.d.ts.map +1 -1
  17. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.js +20 -2
  18. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.js.map +1 -1
  19. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.d.ts.map +1 -1
  20. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.js +15 -1
  21. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.js.map +1 -1
  22. package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js +1 -1
  23. package/package.json +3 -3
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAqE9D"}
1
+ {"version":3,"file":"BreadcrumbElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAuE9D"}
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.js CHANGED
@@ -15,8 +15,8 @@ export function breadcrumbElementCosmopolitanStyle() {
15
15
  :host {
16
16
  --breadcrumb-font-family: unset;
17
17
  --breadcrumb-font-letter-spacing: unset;
18
- --breadcrumb-font-line-height: unset;
19
- --breadcrumb-font-size: unset;
18
+ --breadcrumb-font-line-height: var(--cosmopolitan-typography-body2-line-height);
19
+ --breadcrumb-font-size: var(--cosmopolitan-typography-body2-font-size);
20
20
  --breadcrumb-font-text-decoration: unset;
21
21
  --breadcrumb-font-text-transform: unset;
22
22
  --breadcrumb-font-weight: unset;
@@ -64,6 +64,8 @@ export function breadcrumbElementCosmopolitanStyle() {
64
64
  }
65
65
 
66
66
  :host {
67
+ font-size: var(--breadcrumb-font-size);
68
+ line-height: var(--breadcrumb-font-line-height);
67
69
  flex-direction: row;
68
70
  align-items: center;
69
71
  gap: 12px;
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmET,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"BreadcrumbElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqET,CAAC;AACN,CAAC"}
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAqErD"}
1
+ {"version":3,"file":"BreadcrumbElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAuErD"}
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.js CHANGED
@@ -15,8 +15,8 @@ export function breadcrumbElementJoyStyle() {
15
15
  :host {
16
16
  --breadcrumb-font-family: unset;
17
17
  --breadcrumb-font-letter-spacing: unset;
18
- --breadcrumb-font-line-height: unset;
19
- --breadcrumb-font-size: unset;
18
+ --breadcrumb-font-line-height: var(--joy-typography-body2-line-height);
19
+ --breadcrumb-font-size: var(--joy-typography-body2-font-size);
20
20
  --breadcrumb-font-text-decoration: unset;
21
21
  --breadcrumb-font-text-transform: unset;
22
22
  --breadcrumb-font-weight: unset;
@@ -64,6 +64,8 @@ export function breadcrumbElementJoyStyle() {
64
64
  }
65
65
 
66
66
  :host {
67
+ font-size: var(--breadcrumb-font-size);
68
+ line-height: var(--breadcrumb-font-line-height);
67
69
  flex-direction: row;
68
70
  align-items: center;
69
71
  gap: 12px;
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmET,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"BreadcrumbElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqET,CAAC;AACN,CAAC"}
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAqEzD"}
1
+ {"version":3,"file":"BreadcrumbElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAuEzD"}
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.js CHANGED
@@ -15,8 +15,8 @@ export function breadcrumbElementMemphisStyle() {
15
15
  :host {
16
16
  --breadcrumb-font-family: unset;
17
17
  --breadcrumb-font-letter-spacing: unset;
18
- --breadcrumb-font-line-height: unset;
19
- --breadcrumb-font-size: unset;
18
+ --breadcrumb-font-line-height: var(--memphis-typography-body2-line-height);
19
+ --breadcrumb-font-size: var(--memphis-typography-body2-font-size);
20
20
  --breadcrumb-font-text-decoration: unset;
21
21
  --breadcrumb-font-text-transform: unset;
22
22
  --breadcrumb-font-weight: unset;
@@ -64,6 +64,8 @@ export function breadcrumbElementMemphisStyle() {
64
64
  }
65
65
 
66
66
  :host {
67
+ font-size: var(--breadcrumb-font-size);
68
+ line-height: var(--breadcrumb-font-line-height);
67
69
  flex-direction: row;
68
70
  align-items: center;
69
71
  gap: 12px;
package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmET,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"BreadcrumbElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqET,CAAC;AACN,CAAC"}
package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA8B3F"}
1
+ {"version":3,"file":"PageHeaderElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkC3F"}
package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js CHANGED
@@ -15,21 +15,25 @@ export function pageHeaderElementTemplate(e) {
15
15
  <slot name="prefix"></slot>
16
16
  </div>
17
17
  <div part="heading">
18
- <slot name="header">
19
- <mosaik-text .text="${e.text}"
20
- .wrap="${true}"></mosaik-text>
21
- </slot>
22
- <slot name="subHeader">
23
- <mosaik-text .text="${e.subText}"
24
- .wrap="${true}"
25
- .maxLines="${1}"></mosaik-text>
26
- </slot>
27
- <slot name="additionalHeader">
28
- <mosaik-text .text="${e.additionalText}"
29
- .wrap="${true}"
30
- .maxLines="${3}"></mosaik-text>
31
- </slot>
32
- <slot></slot>
18
+ <div part="heading">
19
+ <slot name="header">
20
+ <mosaik-text .text="${e.text}"
21
+ .wrap="${true}"></mosaik-text>
22
+ </slot>
23
+ <slot name="subHeader">
24
+ <mosaik-text .text="${e.subText}"
25
+ .wrap="${true}"
26
+ .maxLines="${1}"></mosaik-text>
27
+ </slot>
28
+ <slot name="additionalHeader">
29
+ <mosaik-text .text="${e.additionalText}"
30
+ .wrap="${true}"
31
+ .maxLines="${3}"></mosaik-text>
32
+ </slot>
33
+ </div>
34
+ <div part="content">
35
+ <slot></slot>
36
+ </div>
33
37
  </div>
34
38
  <div part="suffix"
35
39
  ?hidden="${!setHost(e, 'has-suffix', e.hasSlotContent('suffix'))}">
package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;;;4BAGa,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;;;;;0CAKvC,CAAC,CAAC,IAAI;0CACN,IAAI;;;0CAGJ,CAAC,CAAC,OAAO;0CACT,IAAI;8CACA,CAAC;;;2CAGJ,CAAC,CAAC,cAAc;2CAChB,IAAI;+CACA,CAAC;;;;;4BAKpB,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;;;;KAI5E,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"PageHeaderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PageHeaderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;;;4BAGa,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;;;;;;8CAMnC,CAAC,CAAC,IAAI;6CACP,IAAI;;;8CAGH,CAAC,CAAC,OAAO;6CACV,IAAI;iDACA,CAAC;;;8CAGJ,CAAC,CAAC,cAAc;6CACjB,IAAI;iDACA,CAAC;;;;;;;;4BAQtB,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;;;;KAI5E,CAAC;AACN,CAAC"}
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA8M9D"}
1
+ {"version":3,"file":"PageHeaderElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA4N9D"}
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.js CHANGED
@@ -42,6 +42,7 @@ export function pageHeaderElementCosmopolitanStyle() {
42
42
  --page-header-padding-left: unset;
43
43
  --page-header-padding-right: unset;
44
44
  --page-header-padding-top: unset;
45
+ --page-header-prefix-gap: unset;
45
46
  --page-header-shadow: unset unset unset unset unset;
46
47
  --page-header-shadow-blur: unset;
47
48
  --page-header-shadow-color: unset;
@@ -55,6 +56,7 @@ export function pageHeaderElementCosmopolitanStyle() {
55
56
  --page-header-sub-header-font-text-decoration: var(--cosmopolitan-typography-subtitle1-text-decoration);
56
57
  --page-header-sub-header-font-text-transform: var(--cosmopolitan-typography-subtitle1-text-transform);
57
58
  --page-header-sub-header-font-weight: var(--cosmopolitan-typography-subtitle1-font-weight);
59
+ --page-header-suffix-gap: unset;
58
60
  --page-header-transition-duration: unset;
59
61
  --page-header-transition-mode: unset;
60
62
  --page-header-transition-property: unset;
@@ -98,7 +100,7 @@ export function pageHeaderElementCosmopolitanStyle() {
98
100
  text-transform: var(--page-header-font-text-transform);
99
101
  background-color: var(--page-header-background-color);
100
102
  color: var(--page-header-foreground-color);
101
- flex-direction: column;
103
+ flex-direction: row;
102
104
  flex: 1;
103
105
  display: flex;
104
106
  position: relative;
@@ -116,7 +118,9 @@ export function pageHeaderElementCosmopolitanStyle() {
116
118
  }
117
119
 
118
120
  :host [part="root"] [part="prefix"] {
121
+ gap: var(--page-header-prefix-gap);
119
122
  flex-shrink: 1;
123
+ align-self: flex-start;
120
124
  align-items: center;
121
125
  display: flex;
122
126
  }
@@ -135,7 +139,17 @@ export function pageHeaderElementCosmopolitanStyle() {
135
139
  display: none;
136
140
  }
137
141
 
142
+ :host [part="root"] [part="heading"] [part="content"] {
143
+ flex-direction: column;
144
+ display: flex;
145
+ }
146
+
147
+ :host [part="root"] [part="heading"] [part="content"][hidden] {
148
+ display: none;
149
+ }
150
+
138
151
  :host [part="root"] [part="suffix"] {
152
+ gap: var(--page-header-suffix-gap);
139
153
  flex-shrink: 1;
140
154
  align-items: center;
141
155
  display: flex;
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"PageHeaderElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0NT,CAAC;AACN,CAAC"}
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA8MrD"}
1
+ {"version":3,"file":"PageHeaderElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAgOrD"}
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.js CHANGED
@@ -29,7 +29,7 @@ export function pageHeaderElementJoyStyle() {
29
29
  --page-header-font-text-transform: var(--joy-typography-headline4-text-transform);
30
30
  --page-header-font-weight: var(--joy-typography-headline4-font-weight);
31
31
  --page-header-foreground-color: var(--joy-scheme-foreground);
32
- --page-header-gap: unset;
32
+ --page-header-gap: calc(var(--joy-layout-space) * 2);
33
33
  --page-header-header-font-family: var(--joy-font-family);
34
34
  --page-header-header-font-letter-spacing: var(--joy-typography-headline4-letter-spacing);
35
35
  --page-header-header-font-line-height: var(--joy-typography-headline4-line-height);
@@ -42,6 +42,7 @@ export function pageHeaderElementJoyStyle() {
42
42
  --page-header-padding-left: unset;
43
43
  --page-header-padding-right: unset;
44
44
  --page-header-padding-top: unset;
45
+ --page-header-prefix-gap: var(--joy-layout-space);
45
46
  --page-header-shadow: unset unset unset unset unset;
46
47
  --page-header-shadow-blur: unset;
47
48
  --page-header-shadow-color: unset;
@@ -55,6 +56,7 @@ export function pageHeaderElementJoyStyle() {
55
56
  --page-header-sub-header-font-text-decoration: var(--joy-typography-subtitle1-text-decoration);
56
57
  --page-header-sub-header-font-text-transform: var(--joy-typography-subtitle1-text-transform);
57
58
  --page-header-sub-header-font-weight: var(--joy-typography-subtitle1-font-weight);
59
+ --page-header-suffix-gap: var(--joy-layout-space);
58
60
  --page-header-transition-duration: unset;
59
61
  --page-header-transition-mode: unset;
60
62
  --page-header-transition-property: unset;
@@ -98,7 +100,7 @@ export function pageHeaderElementJoyStyle() {
98
100
  text-transform: var(--page-header-font-text-transform);
99
101
  background-color: var(--page-header-background-color);
100
102
  color: var(--page-header-foreground-color);
101
- flex-direction: column;
103
+ flex-direction: row;
102
104
  flex: 1;
103
105
  display: flex;
104
106
  position: relative;
@@ -116,7 +118,9 @@ export function pageHeaderElementJoyStyle() {
116
118
  }
117
119
 
118
120
  :host [part="root"] [part="prefix"] {
121
+ gap: var(--page-header-prefix-gap);
119
122
  flex-shrink: 1;
123
+ align-self: flex-start;
120
124
  align-items: center;
121
125
  display: flex;
122
126
  }
@@ -135,7 +139,17 @@ export function pageHeaderElementJoyStyle() {
135
139
  display: none;
136
140
  }
137
141
 
142
+ :host [part="root"] [part="heading"] [part="content"] {
143
+ flex-direction: column;
144
+ display: flex;
145
+ }
146
+
147
+ :host [part="root"] [part="heading"] [part="content"][hidden] {
148
+ display: none;
149
+ }
150
+
138
151
  :host [part="root"] [part="suffix"] {
152
+ gap: var(--page-header-suffix-gap);
139
153
  flex-shrink: 1;
140
154
  align-items: center;
141
155
  display: flex;
@@ -215,6 +229,10 @@ export function pageHeaderElementJoyStyle() {
215
229
  padding: 0;
216
230
  }
217
231
 
232
+ :host slot[name="additionalHeader"], :host slot[name="additionalHeader"] mosaik-text {
233
+ color: var(--joy-scheme-middlelight);
234
+ }
235
+
218
236
  `;
219
237
  }
220
238
  //# sourceMappingURL=PageHeaderElement.Joy.js.map
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"PageHeaderElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8NT,CAAC;AACN,CAAC"}
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA8MzD"}
1
+ {"version":3,"file":"PageHeaderElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA4NzD"}
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.js CHANGED
@@ -42,6 +42,7 @@ export function pageHeaderElementMemphisStyle() {
42
42
  --page-header-padding-left: unset;
43
43
  --page-header-padding-right: unset;
44
44
  --page-header-padding-top: unset;
45
+ --page-header-prefix-gap: unset;
45
46
  --page-header-shadow: unset unset unset unset unset;
46
47
  --page-header-shadow-blur: unset;
47
48
  --page-header-shadow-color: unset;
@@ -55,6 +56,7 @@ export function pageHeaderElementMemphisStyle() {
55
56
  --page-header-sub-header-font-text-decoration: var(--memphis-typography-subtitle1-text-decoration);
56
57
  --page-header-sub-header-font-text-transform: var(--memphis-typography-subtitle1-text-transform);
57
58
  --page-header-sub-header-font-weight: var(--memphis-typography-subtitle1-font-weight);
59
+ --page-header-suffix-gap: unset;
58
60
  --page-header-transition-duration: unset;
59
61
  --page-header-transition-mode: unset;
60
62
  --page-header-transition-property: unset;
@@ -98,7 +100,7 @@ export function pageHeaderElementMemphisStyle() {
98
100
  text-transform: var(--page-header-font-text-transform);
99
101
  background-color: var(--page-header-background-color);
100
102
  color: var(--page-header-foreground-color);
101
- flex-direction: column;
103
+ flex-direction: row;
102
104
  flex: 1;
103
105
  display: flex;
104
106
  position: relative;
@@ -116,7 +118,9 @@ export function pageHeaderElementMemphisStyle() {
116
118
  }
117
119
 
118
120
  :host [part="root"] [part="prefix"] {
121
+ gap: var(--page-header-prefix-gap);
119
122
  flex-shrink: 1;
123
+ align-self: flex-start;
120
124
  align-items: center;
121
125
  display: flex;
122
126
  }
@@ -135,7 +139,17 @@ export function pageHeaderElementMemphisStyle() {
135
139
  display: none;
136
140
  }
137
141
 
142
+ :host [part="root"] [part="heading"] [part="content"] {
143
+ flex-direction: column;
144
+ display: flex;
145
+ }
146
+
147
+ :host [part="root"] [part="heading"] [part="content"][hidden] {
148
+ display: none;
149
+ }
150
+
138
151
  :host [part="root"] [part="suffix"] {
152
+ gap: var(--page-header-suffix-gap);
139
153
  flex-shrink: 1;
140
154
  align-items: center;
141
155
  display: flex;
package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"PageHeaderElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0NT,CAAC;AACN,CAAC"}
package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js CHANGED
@@ -198,7 +198,7 @@ export function menuItemElementJoyStyle() {
198
198
  --menu-item-background-color: var(--joy-scheme-highlight);
199
199
  }
200
200
 
201
- :host([is-active]:hover) [part="root"] {
201
+ :host([is-active]:not([is-active="false" i])):hover [part="root"] {
202
202
  --menu-item-background-color: var(--joy-color-primary-300);
203
203
  }
204
204
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-foundation",
3
- "version": "0.0.245",
3
+ "version": "0.0.246",
4
4
  "description": "Mosaik elements components package.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
14
14
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
15
  },
16
16
  "dependencies": {
17
- "@breadstone/mosaik-elements": "^0.0.245",
18
- "@breadstone/mosaik-themes": "^0.0.245",
17
+ "@breadstone/mosaik-elements": "^0.0.246",
18
+ "@breadstone/mosaik-themes": "^0.0.246",
19
19
  "@floating-ui/dom": "^1.7.6",
20
20
  "@lit-labs/virtualizer": "^2.1.1",
21
21
  "@lit/context": "^1.1.6",