@breadstone/mosaik-elements-foundation 0.0.217 → 0.0.218

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 (140) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts +0 -1
  3. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts.map +1 -1
  4. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js +0 -1
  5. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js.map +1 -1
  6. package/Controls/Components/Inputs/Radio/RadioElement.d.ts +0 -1
  7. package/Controls/Components/Inputs/Radio/RadioElement.d.ts.map +1 -1
  8. package/Controls/Components/Inputs/Radio/RadioElement.js +0 -1
  9. package/Controls/Components/Inputs/Radio/RadioElement.js.map +1 -1
  10. package/Controls/Components/Inputs/Select/SelectItemElement.d.ts +1 -0
  11. package/Controls/Components/Inputs/Select/SelectItemElement.d.ts.map +1 -1
  12. package/Controls/Components/Inputs/Select/SelectItemElement.js +7 -1
  13. package/Controls/Components/Inputs/Select/SelectItemElement.js.map +1 -1
  14. package/Controls/Components/Media/Badge/BadgeElement.d.ts +4 -36
  15. package/Controls/Components/Media/Badge/BadgeElement.d.ts.map +1 -1
  16. package/Controls/Components/Media/Badge/BadgeElement.js +18 -46
  17. package/Controls/Components/Media/Badge/BadgeElement.js.map +1 -1
  18. package/Controls/Components/Media/Badge/BadgeElementTemplate.d.ts.map +1 -1
  19. package/Controls/Components/Media/Badge/BadgeElementTemplate.js +10 -16
  20. package/Controls/Components/Media/Badge/BadgeElementTemplate.js.map +1 -1
  21. package/Controls/Components/Media/Badge/IBadgeElementProps.d.ts +10 -1
  22. package/Controls/Components/Media/Badge/IBadgeElementProps.d.ts.map +1 -1
  23. package/Controls/Components/Media/Badge/Themes/BadgeElement.Cosmopolitan.d.ts.map +1 -1
  24. package/Controls/Components/Media/Badge/Themes/BadgeElement.Cosmopolitan.js +101 -34
  25. package/Controls/Components/Media/Badge/Themes/BadgeElement.Cosmopolitan.js.map +1 -1
  26. package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.d.ts.map +1 -1
  27. package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js +308 -115
  28. package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js.map +1 -1
  29. package/Controls/Components/Media/Badge/Themes/BadgeElement.Memphis.d.ts.map +1 -1
  30. package/Controls/Components/Media/Badge/Themes/BadgeElement.Memphis.js +290 -60
  31. package/Controls/Components/Media/Badge/Themes/BadgeElement.Memphis.js.map +1 -1
  32. package/Controls/Components/Media/Icon/IconElementTemplate.d.ts.map +1 -1
  33. package/Controls/Components/Media/Icon/IconElementTemplate.js +1 -3
  34. package/Controls/Components/Media/Icon/IconElementTemplate.js.map +1 -1
  35. package/Controls/Components/Primitives/Summary/SummaryElement.d.ts +2 -1
  36. package/Controls/Components/Primitives/Summary/SummaryElement.d.ts.map +1 -1
  37. package/Controls/Components/Primitives/Summary/SummaryElement.js +2 -1
  38. package/Controls/Components/Primitives/Summary/SummaryElement.js.map +1 -1
  39. package/Controls/Components/Primitives/Summary/SummaryElementTemplate.d.ts.map +1 -1
  40. package/Controls/Components/Primitives/Summary/SummaryElementTemplate.js +6 -9
  41. package/Controls/Components/Primitives/Summary/SummaryElementTemplate.js.map +1 -1
  42. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Cosmopolitan.d.ts.map +1 -1
  43. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Cosmopolitan.js +12 -1
  44. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Cosmopolitan.js.map +1 -1
  45. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Joy.d.ts.map +1 -1
  46. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Joy.js +12 -1
  47. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Joy.js.map +1 -1
  48. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Memphis.d.ts.map +1 -1
  49. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Memphis.js +12 -1
  50. package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Memphis.js.map +1 -1
  51. package/Controls/Components/Primitives/Text/TextElement.d.ts.map +1 -1
  52. package/Controls/Components/Primitives/Text/TextElement.js +10 -1
  53. package/Controls/Components/Primitives/Text/TextElement.js.map +1 -1
  54. package/Controls/Components/Primitives/Text/Themes/TextElement.Joy.js +5 -5
  55. package/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.d.ts +2 -0
  56. package/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.d.ts.map +1 -1
  57. package/Controls/Components/Ranges/MeterBar/MeterBarElement.d.ts +43 -0
  58. package/Controls/Components/Ranges/MeterBar/MeterBarElement.d.ts.map +1 -1
  59. package/Controls/Components/Ranges/MeterBar/MeterBarElement.js +81 -3
  60. package/Controls/Components/Ranges/MeterBar/MeterBarElement.js.map +1 -1
  61. package/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.d.ts.map +1 -1
  62. package/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.js +19 -5
  63. package/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.js.map +1 -1
  64. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.d.ts.map +1 -1
  65. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.js +50 -0
  66. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.js.map +1 -1
  67. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.d.ts.map +1 -1
  68. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.js +55 -1
  69. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.js.map +1 -1
  70. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.d.ts.map +1 -1
  71. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.js +50 -0
  72. package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.js.map +1 -1
  73. package/Controls/Components/Ranges/MeterRing/IMeterRingElementProps.d.ts +2 -0
  74. package/Controls/Components/Ranges/MeterRing/IMeterRingElementProps.d.ts.map +1 -1
  75. package/Controls/Components/Ranges/MeterRing/MeterRingElement.d.ts +119 -6
  76. package/Controls/Components/Ranges/MeterRing/MeterRingElement.d.ts.map +1 -1
  77. package/Controls/Components/Ranges/MeterRing/MeterRingElement.js +174 -19
  78. package/Controls/Components/Ranges/MeterRing/MeterRingElement.js.map +1 -1
  79. package/Controls/Components/Ranges/MeterRing/MeterRingElementTemplate.d.ts.map +1 -1
  80. package/Controls/Components/Ranges/MeterRing/MeterRingElementTemplate.js +31 -16
  81. package/Controls/Components/Ranges/MeterRing/MeterRingElementTemplate.js.map +1 -1
  82. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.d.ts.map +1 -1
  83. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.js +87 -3
  84. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.js.map +1 -1
  85. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.d.ts.map +1 -1
  86. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.js +82 -22
  87. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.js.map +1 -1
  88. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.d.ts.map +1 -1
  89. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.js +102 -18
  90. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.js.map +1 -1
  91. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Cosmopolitan.d.ts.map +1 -1
  92. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Cosmopolitan.js +44 -20
  93. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Cosmopolitan.js.map +1 -1
  94. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.d.ts.map +1 -1
  95. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js +33 -31
  96. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js.map +1 -1
  97. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.d.ts.map +1 -1
  98. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.js +68 -20
  99. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.js.map +1 -1
  100. package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts +1 -2
  101. package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts.map +1 -1
  102. package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js +1 -2
  103. package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js.map +1 -1
  104. package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.d.ts.map +1 -1
  105. package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.js +4 -5
  106. package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.js.map +1 -1
  107. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.d.ts.map +1 -1
  108. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js +31 -21
  109. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js.map +1 -1
  110. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.d.ts.map +1 -1
  111. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js +51 -41
  112. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js.map +1 -1
  113. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.d.ts.map +1 -1
  114. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.js +31 -21
  115. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.js.map +1 -1
  116. package/Controls/Components/Selectors/Combo/ComboElement.d.ts +9 -0
  117. package/Controls/Components/Selectors/Combo/ComboElement.d.ts.map +1 -1
  118. package/Controls/Components/Selectors/Combo/ComboElement.js +84 -14
  119. package/Controls/Components/Selectors/Combo/ComboElement.js.map +1 -1
  120. package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts +1 -0
  121. package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts.map +1 -1
  122. package/Controls/Components/Selectors/Combo/ComboItemElement.js +7 -1
  123. package/Controls/Components/Selectors/Combo/ComboItemElement.js.map +1 -1
  124. package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.d.ts.map +1 -1
  125. package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.js +2 -1
  126. package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.js.map +1 -1
  127. package/Controls/Types/MeterScale.d.ts +25 -0
  128. package/Controls/Types/MeterScale.d.ts.map +1 -0
  129. package/Controls/Types/MeterScale.js +22 -0
  130. package/Controls/Types/MeterScale.js.map +1 -0
  131. package/Index.d.ts +1 -0
  132. package/Index.d.ts.map +1 -1
  133. package/Index.js +1 -0
  134. package/Index.js.map +1 -1
  135. package/custom-elements.json +253 -23
  136. package/package.json +3 -3
  137. package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.d.ts +0 -1
  138. package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.d.ts.map +0 -1
  139. package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.js +0 -11
  140. package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.js.map +0 -1
@@ -13,33 +13,33 @@ import { css } from '../../../../../Dom/Css';
13
13
  export function badgeElementMemphisStyle() {
14
14
  return css `
15
15
  :host {
16
- --badge-background-color: unset;
17
- --badge-border-color: unset;
18
- --badge-border-radius: unset;
19
- --badge-border-style: unset;
20
- --badge-border-width: unset;
21
- --badge-font-family: unset;
22
- --badge-font-letter-spacing: unset;
23
- --badge-font-line-height: unset;
24
- --badge-font-size: unset;
25
- --badge-font-text-decoration: unset;
26
- --badge-font-text-transform: unset;
27
- --badge-font-weight: unset;
28
- --badge-foreground-color: unset;
29
- --badge-gap: unset;
30
- --badge-padding-bottom: unset;
31
- --badge-padding-left: unset;
32
- --badge-padding-right: unset;
33
- --badge-padding-top: unset;
34
- --badge-shadow-blur: unset;
35
- --badge-shadow-color: unset;
36
- --badge-shadow-offset-x: unset;
37
- --badge-shadow-offset-y: unset;
38
- --badge-shadow-spread: unset;
39
- --badge-size: unset;
40
- --badge-transition-duration: unset;
41
- --badge-transition-mode: unset;
42
- --badge-transition-property: unset;
16
+ --badge-background-color: var(--memphis-scheme-background);
17
+ --badge-border-color: var(--memphis-scheme-contrast);
18
+ --badge-border-radius: var(--memphis-layout-radius);
19
+ --badge-border-style: solid;
20
+ --badge-border-width: var(--memphis-layout-thickness);
21
+ --badge-font-family: var(--memphis-font-family);
22
+ --badge-font-letter-spacing: var(--memphis-typography-body2-letter-spacing);
23
+ --badge-font-line-height: var(--memphis-typography-body2-line-height);
24
+ --badge-font-size: var(--memphis-typography-body2-font-size);
25
+ --badge-font-text-decoration: var(--memphis-typography-body2-text-decoration);
26
+ --badge-font-text-transform: var(--memphis-typography-body2-text-transform);
27
+ --badge-font-weight: var(--memphis-typography-body2-font-weight);
28
+ --badge-foreground-color: var(--memphis-scheme-foreground);
29
+ --badge-gap: var(--memphis-layout-space);
30
+ --badge-height: auto;
31
+ --badge-padding-bottom: var(--memphis-layout-space);
32
+ --badge-padding-left: var(--memphis-layout-space);
33
+ --badge-padding-right: var(--memphis-layout-space);
34
+ --badge-padding-top: var(--memphis-layout-space);
35
+ --badge-shadow-blur: var(--memphis-elevation-light-blur-0);
36
+ --badge-shadow-color: var(--memphis-elevation-light-color-0);
37
+ --badge-shadow-offset-x: var(--memphis-elevation-light-offset-x-0);
38
+ --badge-shadow-offset-y: var(--memphis-elevation-light-offset-y-0);
39
+ --badge-shadow-spread: var(--memphis-elevation-light-spread-0);
40
+ --badge-transition-duration: .2s;
41
+ --badge-transition-mode: ease;
42
+ --badge-transition-property: background-color, color, border-color, opacity, box-shadow;
43
43
  --badge-translate: unset;
44
44
  }
45
45
 
@@ -70,46 +70,276 @@ export function badgeElementMemphisStyle() {
70
70
  }
71
71
 
72
72
  :host {
73
- border-radius: 50%;
74
- display: block;
75
- position: absolute;
76
- }
77
-
78
- :host [part="root"] {
79
- flex-direction: row;
80
- place-content: center flex-start;
81
- align-items: center;
82
- max-width: 100%;
83
- display: flex;
84
- }
85
-
86
- :host [part="root"] [part="container"] {
73
+ font-family: var(--badge-font-family);
74
+ font-size: var(--badge-font-size);
75
+ line-height: var(--badge-font-line-height);
76
+ font-weight: var(--badge-font-weight);
77
+ letter-spacing: var(--badge-font-letter-spacing);
78
+ -webkit-text-decoration: var(--badge-font-text-decoration);
79
+ text-decoration: var(--badge-font-text-decoration);
80
+ text-transform: var(--badge-font-text-transform);
87
81
  transition-duration: var(--badge-transition-duration);
88
82
  transition-timing-function: var(--badge-transition-mode);
89
83
  transition-property: var(--badge-transition-property);
84
+ padding-top: var(--badge-padding-top);
85
+ padding-right: var(--badge-padding-right);
86
+ padding-bottom: var(--badge-padding-bottom);
87
+ padding-left: var(--badge-padding-left);
88
+ gap: var(--badge-gap);
90
89
  background-color: var(--badge-background-color);
91
90
  color: var(--badge-foreground-color);
92
- width: var(--badge-size);
93
- height: var(--badge-size);
94
- border-radius: 50%;
95
- position: relative;
96
- }
97
-
98
- :host [part="root"] [part="container"] [part="label"], :host [part="root"] [part="container"] [part="icon"] {
99
- color: var(--badge-foreground-color);
100
- white-space: nowrap;
101
- text-overflow: ellipsis;
102
- pointer-events: none;
103
- width: var(--badge-size);
104
- height: var(--badge-size);
105
- font-size: 12px;
106
- line-height: var(--badge-size);
107
- text-align: center;
108
- display: block;
91
+ border-color: var(--badge-border-color);
92
+ border-width: var(--badge-border-width);
93
+ border-radius: var(--badge-border-radius);
94
+ border-style: var(--badge-border-style);
95
+ height: var(--badge-height);
96
+ align-items: center;
97
+ display: inline-flex;
109
98
  position: absolute;
110
- top: 50%;
111
99
  overflow: hidden;
112
- transform: translateY(-50%);
100
+ }
101
+
102
+ :host [part="icon"] {
103
+ color: inherit;
104
+ flex-shrink: 0;
105
+ }
106
+
107
+ :host [part="label"] {
108
+ color: inherit;
109
+ font-family: inherit;
110
+ font-size: inherit;
111
+ line-height: inherit;
112
+ font-weight: inherit;
113
+ letter-spacing: inherit;
114
+ text-decoration: inherit;
115
+ text-transform: inherit;
116
+ }
117
+
118
+ :host([appearance="solid"]) [part="focusRing"] {
119
+ --focus-ring-outward-offset: 0px;
120
+ }
121
+
122
+ :host {
123
+ --badge-shadow-color: var(--memphis-scheme-highlight);
124
+ box-shadow: var(--badge-shadow-offset-x) var(--badge-shadow-offset-y) var(--badge-shadow-blur) var(--badge-shadow-spread) var(--badge-shadow-color);
125
+ }
126
+
127
+ :host([disabled]:not([disabled="false"])) {
128
+ --badge-background-color: var(--memphis-scheme-background);
129
+ --badge-border-color: var(--memphis-scheme-highlight);
130
+ --badge-foreground-color: var(--memphis-scheme-disabled);
131
+ }
132
+
133
+ :host([appearance="solid"]) {
134
+ --badge-background-color: var(--memphis-scheme-highlight);
135
+ }
136
+
137
+ :host([appearance="outline"]:not([disabled]:not([disabled="false"]))) {
138
+ --badge-foreground-color: var(--memphis-color-neutral-500);
139
+ --badge-border-color: var(--memphis-color-neutral-500);
140
+ --badge-border-width: var(--memphis-layout-thickness);
141
+ --badge-border-style: solid;
142
+ }
143
+
144
+ :host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
145
+ --badge-foreground-color: var(--memphis-color-primary-500);
146
+ --badge-border-color: var(--memphis-color-primary-500);
147
+ }
148
+
149
+ :host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
150
+ --badge-foreground-color: var(--memphis-color-secondary-500);
151
+ --badge-border-color: var(--memphis-color-secondary-500);
152
+ }
153
+
154
+ :host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
155
+ --badge-foreground-color: var(--memphis-color-info-500);
156
+ --badge-border-color: var(--memphis-color-info-500);
157
+ }
158
+
159
+ :host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
160
+ --badge-foreground-color: var(--memphis-color-warning-500);
161
+ --badge-border-color: var(--memphis-color-warning-500);
162
+ }
163
+
164
+ :host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
165
+ --badge-foreground-color: var(--memphis-color-danger-500);
166
+ --badge-border-color: var(--memphis-color-danger-500);
167
+ }
168
+
169
+ :host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
170
+ --badge-foreground-color: var(--memphis-color-success-500);
171
+ --badge-border-color: var(--memphis-color-success-500);
172
+ }
173
+
174
+ :host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
175
+ --badge-foreground-color: var(--memphis-color-neutral-500);
176
+ --badge-border-color: var(--memphis-color-neutral-500);
177
+ }
178
+
179
+ :host([appearance="plain"]) {
180
+ --badge-border-width: 0px;
181
+ box-shadow: none;
182
+ }
183
+
184
+ :host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
185
+ --badge-foreground-color: var(--memphis-color-primary-500);
186
+ --badge-border-color: var(--memphis-color-primary-500);
187
+ }
188
+
189
+ :host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
190
+ --badge-foreground-color: var(--memphis-color-secondary-500);
191
+ --badge-border-color: var(--memphis-color-secondary-500);
192
+ }
193
+
194
+ :host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
195
+ --badge-foreground-color: var(--memphis-color-info-500);
196
+ --badge-border-color: var(--memphis-color-info-500);
197
+ }
198
+
199
+ :host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
200
+ --badge-foreground-color: var(--memphis-color-warning-500);
201
+ --badge-border-color: var(--memphis-color-warning-500);
202
+ }
203
+
204
+ :host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
205
+ --badge-foreground-color: var(--memphis-color-danger-500);
206
+ --badge-border-color: var(--memphis-color-danger-500);
207
+ }
208
+
209
+ :host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
210
+ --badge-foreground-color: var(--memphis-color-success-500);
211
+ --badge-border-color: var(--memphis-color-success-500);
212
+ }
213
+
214
+ :host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
215
+ --badge-foreground-color: var(--memphis-color-neutral-500);
216
+ --badge-border-color: var(--memphis-color-neutral-500);
217
+ }
218
+
219
+ :host([appearance="plain"]:not([disabled]:not([disabled="false"]))) {
220
+ --badge-foreground-color: var(--memphis-color-neutral-500);
221
+ }
222
+
223
+ :host([appearance="soft"]) {
224
+ --badge-border-width: 0px;
225
+ box-shadow: none;
226
+ }
227
+
228
+ :host([appearance="soft"]:not([disabled]:not([disabled="false"]))) {
229
+ --badge-foreground-color: var(--memphis-color-neutral-500);
230
+ --badge-background-color: var(--memphis-color-neutral-100);
231
+ }
232
+
233
+ :host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
234
+ --badge-foreground-color: var(--memphis-color-primary-500);
235
+ --badge-background-color: var(--memphis-color-primary-100);
236
+ }
237
+
238
+ :host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
239
+ --badge-foreground-color: var(--memphis-color-secondary-500);
240
+ --badge-background-color: var(--memphis-color-secondary-100);
241
+ }
242
+
243
+ :host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
244
+ --badge-foreground-color: var(--memphis-color-info-500);
245
+ --badge-background-color: var(--memphis-color-info-100);
246
+ }
247
+
248
+ :host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
249
+ --badge-foreground-color: var(--memphis-color-warning-500);
250
+ --badge-background-color: var(--memphis-color-warning-100);
251
+ }
252
+
253
+ :host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
254
+ --badge-foreground-color: var(--memphis-color-danger-500);
255
+ --badge-background-color: var(--memphis-color-danger-100);
256
+ }
257
+
258
+ :host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
259
+ --badge-foreground-color: var(--memphis-color-success-500);
260
+ --badge-background-color: var(--memphis-color-success-100);
261
+ }
262
+
263
+ :host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
264
+ --badge-foreground-color: var(--memphis-color-neutral-500);
265
+ --badge-background-color: var(--memphis-color-neutral-100);
266
+ }
267
+
268
+ :host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
269
+ --badge-background-color: var(--memphis-color-primary-500);
270
+ --badge-foreground-color: var(--memphis-color-primary-0);
271
+ --badge-border-color: var(--memphis-color-primary-500);
272
+ }
273
+
274
+ :host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
275
+ --badge-background-color: var(--memphis-color-secondary-500);
276
+ --badge-foreground-color: var(--memphis-color-secondary-0);
277
+ --badge-border-color: var(--memphis-color-secondary-500);
278
+ }
279
+
280
+ :host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
281
+ --badge-background-color: var(--memphis-color-info-500);
282
+ --badge-foreground-color: var(--memphis-color-info-0);
283
+ --badge-border-color: var(--memphis-color-info-500);
284
+ }
285
+
286
+ :host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
287
+ --badge-background-color: var(--memphis-color-warning-500);
288
+ --badge-foreground-color: var(--memphis-color-warning-0);
289
+ --badge-border-color: var(--memphis-color-warning-500);
290
+ }
291
+
292
+ :host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
293
+ --badge-background-color: var(--memphis-color-danger-500);
294
+ --badge-foreground-color: var(--memphis-color-danger-0);
295
+ --badge-border-color: var(--memphis-color-danger-500);
296
+ }
297
+
298
+ :host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
299
+ --badge-background-color: var(--memphis-color-success-500);
300
+ --badge-foreground-color: var(--memphis-color-success-0);
301
+ --badge-border-color: var(--memphis-color-success-500);
302
+ }
303
+
304
+ :host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
305
+ --badge-background-color: var(--memphis-color-neutral-500);
306
+ --badge-foreground-color: var(--memphis-color-neutral-0);
307
+ --badge-border-color: var(--memphis-color-neutral-500);
308
+ }
309
+
310
+ :host([variant="primary"]:not([disabled]:not([disabled="false"]))) {
311
+ --badge-background-color: var(--memphis-color-primary-500);
312
+ --badge-foreground-color: var(--memphis-color-primary-0);
313
+ }
314
+
315
+ :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) {
316
+ --badge-background-color: var(--memphis-color-secondary-500);
317
+ --badge-foreground-color: var(--memphis-color-secondary-0);
318
+ }
319
+
320
+ :host([variant="info"]:not([disabled]:not([disabled="false"]))) {
321
+ --badge-background-color: var(--memphis-color-info-500);
322
+ --badge-foreground-color: var(--memphis-color-info-0);
323
+ }
324
+
325
+ :host([variant="warning"]:not([disabled]:not([disabled="false"]))) {
326
+ --badge-background-color: var(--memphis-color-warning-500);
327
+ --badge-foreground-color: var(--memphis-color-warning-0);
328
+ }
329
+
330
+ :host([variant="danger"]:not([disabled]:not([disabled="false"]))) {
331
+ --badge-background-color: var(--memphis-color-danger-500);
332
+ --badge-foreground-color: var(--memphis-color-danger-0);
333
+ }
334
+
335
+ :host([variant="success"]:not([disabled]:not([disabled="false"]))) {
336
+ --badge-background-color: var(--memphis-color-success-500);
337
+ --badge-foreground-color: var(--memphis-color-success-0);
338
+ }
339
+
340
+ :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) {
341
+ --badge-background-color: var(--memphis-color-neutral-500);
342
+ --badge-foreground-color: var(--memphis-color-neutral-0);
113
343
  }
114
344
 
115
345
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Badge/Themes/BadgeElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqGT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"BadgeElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Badge/Themes/BadgeElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2UT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"IconElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Icon/IconElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAe/E"}
1
+ {"version":3,"file":"IconElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Icon/IconElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAa/E"}
@@ -16,9 +16,7 @@ export function iconElementTemplate(e) {
16
16
  preserveAspectRatio="xMidYMid meet"
17
17
  viewBox="0 0 24 24"
18
18
  focusable="false">
19
- ${svg `
20
- <path d="${e.data}" />
21
- `}
19
+ ${svg `<path d="${e.data}" />`}
22
20
  </svg>
23
21
  `;
24
22
  }
@@ -1 +1 @@
1
- {"version":3,"file":"IconElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Icon/IconElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAwB,CAAI;IAC3D,OAAO,IAAI,CAAA;;sBAEO,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC;;;;;;;eAOvD,GAAG,CAAA;2BACS,CAAC,CAAC,IAAI;cACnB;;KAET,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"IconElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Icon/IconElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAwB,CAAI;IAC3D,OAAO,IAAI,CAAA;;sBAEO,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC;;;;;;;eAOvD,GAAG,CAAA,YAAY,CAAC,CAAC,IAAI,MAAM;;KAErC,CAAC;AACN,CAAC"}
@@ -7,7 +7,8 @@ declare const SummaryElement_base: (abstract new (...args: Array<any>) => import
7
7
  * @slot - The default slot.
8
8
  * @slot prefix - The prefix slot.
9
9
  * @slot suffix - The suffix slot.
10
- * @slot text - The text slot.
10
+ * @slot header - The header slot.
11
+ * @slot content - The content slot.
11
12
  *
12
13
  * @public
13
14
  */
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAS9D;;;;;;;;;GASG;AACH,qBAYa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,QAAQ,CAA4B;IAM5C;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE7C;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAKjD;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE9C;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAKlD;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
1
+ {"version":3,"file":"SummaryElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAS9D;;;;;;;;;;GAUG;AACH,qBAYa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,QAAQ,CAA4B;IAM5C;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE7C;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAKjD;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE9C;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAKlD;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
@@ -24,7 +24,8 @@ import { Themeable } from '../../../Behaviors/Themeable';
24
24
  * @slot - The default slot.
25
25
  * @slot prefix - The prefix slot.
26
26
  * @slot suffix - The suffix slot.
27
- * @slot text - The text slot.
27
+ * @slot header - The header slot.
28
+ * @slot content - The content slot.
28
29
  *
29
30
  * @public
30
31
  */
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;GASG;AAaI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,OAAO,CAA4B;IACnC,QAAQ,CAA4B;IAE5C,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAgC;QAC9C,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAW,OAAO,CAAC,KAAgC;QAC/C,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;CAIJ,CAAA;AA/BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG1B;AAhEQ,cAAc;IAZ1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,OAAO,EAAE,0BAA0B;YACnC,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,cAAc,CA2E1B"}
1
+ {"version":3,"file":"SummaryElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;GAUG;AAaI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,OAAO,CAA4B;IACnC,QAAQ,CAA4B;IAE5C,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAgC;QAC9C,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAW,OAAO,CAAC,KAAgC;QAC/C,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;CAIJ,CAAA;AA/BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;6CAG1B;AAhEQ,cAAc;IAZ1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,OAAO,EAAE,0BAA0B;YACnC,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,cAAc,CA2E1B"}
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAoBrF"}
1
+ {"version":3,"file":"SummaryElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkBrF"}
@@ -1,6 +1,5 @@
1
1
  // #region Imports
2
2
  import { html } from '../../../../Dom/Html';
3
- import { flex } from '../../../Directives/Flex/FlexDirective';
4
3
  // #endregion
5
4
  /**
6
5
  * The template of the {@link SummaryElement}.
@@ -9,15 +8,13 @@ import { flex } from '../../../Directives/Flex/FlexDirective';
9
8
  */
10
9
  export function summaryElementTemplate(e) {
11
10
  return html `
12
- <fieldset part="fieldset"
13
- ${flex({ direction: 'column' })}>
14
- <legend part="header">${e.header}</legend>
15
- <div ${flex({
16
- direction: 'column',
17
- gap: '4px'
18
- })}>
11
+ <fieldset part="root">
12
+ <slot name="header">
13
+ <legend part="header">${e.header}</legend>
14
+ </slot>
15
+ <div part="container">
19
16
  <slot name="suffix"></slot>
20
- <slot name="text">
17
+ <slot name="content">
21
18
  <mosaik-text part="content"
22
19
  .text="${e.content}"
23
20
  .truncate="${true}"></mosaik-text>
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAC;AAG9D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAA2B,CAAI;IACjE,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;oCACb,CAAC,CAAC,MAAM;mBACzB,IAAI,CAAC;QACR,SAAS,EAAE,QAAQ;QACnB,GAAG,EAAE,KAAK;KACb,CAAC;;;;0CAI4B,CAAC,CAAC,OAAO;8CACL,IAAI;;;;;;KAM7C,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"SummaryElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Summary/SummaryElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAA2B,CAAI;IACjE,OAAO,IAAI,CAAA;;;wCAGyB,CAAC,CAAC,MAAM;;;;;;0CAMN,CAAC,CAAC,OAAO;8CACL,IAAI;;;;;;KAM7C,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CA6D3D"}
1
+ {"version":3,"file":"SummaryElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAwE3D"}
@@ -20,7 +20,7 @@ export function summaryElementCosmopolitanStyle() {
20
20
  --summary-font-text-decoration: unset;
21
21
  --summary-font-text-transform: unset;
22
22
  --summary-font-weight: unset;
23
- --summary-gap: unset;
23
+ --summary-gap: calc(var(--cosmopolitan-layout-space) / 2);
24
24
  --summary-padding-bottom: unset;
25
25
  --summary-padding-left: unset;
26
26
  --summary-padding-right: unset;
@@ -70,6 +70,17 @@ export function summaryElementCosmopolitanStyle() {
70
70
  display: table;
71
71
  }
72
72
 
73
+ :host [part="root"] {
74
+ flex-direction: column;
75
+ display: flex;
76
+ }
77
+
78
+ :host [part="root"] [part="container"] {
79
+ flex-direction: column;
80
+ gap: 4px;
81
+ display: flex;
82
+ }
83
+
73
84
  `;
74
85
  }
75
86
  //# sourceMappingURL=SummaryElement.Cosmopolitan.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2DT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"SummaryElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsET,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CAyElD"}
1
+ {"version":3,"file":"SummaryElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CAoFlD"}
@@ -20,7 +20,7 @@ export function summaryElementJoyStyle() {
20
20
  --summary-font-text-decoration: unset;
21
21
  --summary-font-text-transform: unset;
22
22
  --summary-font-weight: unset;
23
- --summary-gap: unset;
23
+ --summary-gap: calc(var(--joy-layout-space) / 2);
24
24
  --summary-padding-bottom: unset;
25
25
  --summary-padding-left: unset;
26
26
  --summary-padding-right: unset;
@@ -70,6 +70,17 @@ export function summaryElementJoyStyle() {
70
70
  display: table;
71
71
  }
72
72
 
73
+ :host [part="root"] {
74
+ flex-direction: column;
75
+ display: flex;
76
+ }
77
+
78
+ :host [part="root"] [part="container"] {
79
+ flex-direction: column;
80
+ gap: 4px;
81
+ display: flex;
82
+ }
83
+
73
84
  :host [part="header"] {
74
85
  color: var(--joy-scheme-middlelight);
75
86
  font-family: var(--joy-typography-overline-font-family);
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuET,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"SummaryElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkFT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CA6DtD"}
1
+ {"version":3,"file":"SummaryElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAwEtD"}
@@ -20,7 +20,7 @@ export function summaryElementMemphisStyle() {
20
20
  --summary-font-text-decoration: unset;
21
21
  --summary-font-text-transform: unset;
22
22
  --summary-font-weight: unset;
23
- --summary-gap: unset;
23
+ --summary-gap: calc(var(--memphis-layout-space) / 2);
24
24
  --summary-padding-bottom: unset;
25
25
  --summary-padding-left: unset;
26
26
  --summary-padding-right: unset;
@@ -70,6 +70,17 @@ export function summaryElementMemphisStyle() {
70
70
  display: table;
71
71
  }
72
72
 
73
+ :host [part="root"] {
74
+ flex-direction: column;
75
+ display: flex;
76
+ }
77
+
78
+ :host [part="root"] [part="container"] {
79
+ flex-direction: column;
80
+ gap: 4px;
81
+ display: flex;
82
+ }
83
+
73
84
  `;
74
85
  }
75
86
  //# sourceMappingURL=SummaryElement.Memphis.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SummaryElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2DT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"SummaryElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Summary/Themes/SummaryElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsET,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"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"}
@@ -360,7 +360,16 @@ let TextElement = class TextElement extends Themeable(Variantable(Disableable(Te
360
360
  * @protected
361
361
  */
362
362
  onMarkerPropertyChanged(_prev, next) {
363
- this.mark(next ?? true);
363
+ if (next === null || next === undefined || next === false) {
364
+ // unmark, if it is marked
365
+ const isMarked = (/<mark part="marker">(.*?)<\/mark>/gi).test(this._text.value);
366
+ if (!isMarked) {
367
+ return;
368
+ }
369
+ this.text = this._text.value.replace(/<mark part="marker">(.*?)<\/mark>/gi, '$1');
370
+ return;
371
+ }
372
+ this.mark(next);
364
373
  }
365
374
  };
366
375
  __decorate([