@breadstone/mosaik-elements-foundation 0.0.60 → 0.0.61

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 (17) hide show
  1. package/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.d.ts.map +1 -1
  2. package/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.js +28 -24
  3. package/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.js.map +1 -1
  4. package/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElementTemplate.js +9 -9
  5. package/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElementTemplate.js.map +1 -1
  6. package/Controls/Components/Primitives/Jumbotron/JumbotronSubHeaderElementTemplate.js +9 -9
  7. package/Controls/Components/Primitives/Jumbotron/JumbotronSubHeaderElementTemplate.js.map +1 -1
  8. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Cosmopolitan.d.ts.map +1 -1
  9. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Cosmopolitan.js +16 -4
  10. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Cosmopolitan.js.map +1 -1
  11. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Joy.d.ts.map +1 -1
  12. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Joy.js +16 -4
  13. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Joy.js.map +1 -1
  14. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.d.ts.map +1 -1
  15. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.js +16 -4
  16. package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.js.map +1 -1
  17. package/package.json +3 -3
package/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAqCzF"}
1
+ {"version":3,"file":"JumbotronElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAyCzF"}
package/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.js CHANGED
@@ -11,39 +11,43 @@ import { Orientation } from '../../../Types/Orientation';
11
11
  export function jumbotronElementTemplate(e) {
12
12
  return html `
13
13
  <div part="header">
14
- ${when(e.header.trim().length > 0, () => html `
15
- <mosaik-jumbotron-header .text="${e.header}"
16
- .alignment="${e.alignment}"
17
- .formatter="${e.formatter}"
18
- .lang="${e.lang}"
19
- .dir="${e.dir}">
20
- <slot name="header">${e.header}</slot>
21
- </mosaik-jumbotron-header>
22
- `)}
23
- ${when(e.subHeader.trim().length > 0, () => html `
24
- <mosaik-jumbotron-sub-header .text="${e.subHeader}"
14
+ <slot name="header">
15
+ ${when(e.header.trim(), () => html `
16
+ <mosaik-jumbotron-header .text="${e.header}"
25
17
  .alignment="${e.alignment}"
26
18
  .formatter="${e.formatter}"
27
19
  .lang="${e.lang}"
28
- .dir="${e.dir}">
29
- <slot name="subHeader">${e.subHeader}</slot>
30
- </mosaik-jumbotron-sub-header>
31
- `)}
20
+ .dir="${e.dir}"></mosaik-jumbotron-header>
21
+ `)}
22
+ </slot>
23
+ <slot name="subHeader">
24
+ ${when(e.subHeader.trim(), () => html `
25
+ <mosaik-jumbotron-sub-header .text="${e.subHeader}"
26
+ .alignment="${e.alignment}"
27
+ .formatter="${e.formatter}"
28
+ .lang="${e.lang}"
29
+ .dir="${e.dir}"></mosaik-jumbotron-sub-header>
30
+ `)}
31
+ </slot>
32
32
  </div>
33
- ${when(e.hint.trim().length > 0, () => html `
33
+ ${when(e.hint.trim(), () => html `
34
34
  <mosaik-divider part="divider"
35
35
  .orientation="${Orientation.Horizontal}"
36
36
  .lang="${e.lang}"
37
37
  .dir="${e.dir}"></mosaik-divider>
38
- <mosaik-text part="hint"
39
- .text="${e.hint}"
40
- .alignment="${e.alignment}"
41
- .formatter="${e.formatter}"
42
- .wrap="${true}"
43
- .lang="${e.lang}"
44
- .dir="${e.dir}"></mosaik-text>
45
- <slot name="hint"></slot>
46
38
  `)}
39
+ <slot name="hint">
40
+ <mosaik-text part="hint"
41
+ .text="${e.hint}"
42
+ .alignment="${e.alignment}"
43
+ .formatter="${e.formatter}"
44
+ .wrap="${true}"
45
+ .lang="${e.lang}"
46
+ .dir="${e.dir}"></mosaik-text>
47
+ </slot>
48
+ <div part="actions">
49
+ <slot name="actions"></slot>
50
+ </div>
47
51
  `;
48
52
  }
49
53
  //# sourceMappingURL=JumbotronElementTemplate.js.map
package/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGzD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;8CACX,CAAC,CAAC,MAAM;mDACH,CAAC,CAAC,SAAS;mDACX,CAAC,CAAC,SAAS;8CAChB,CAAC,CAAC,IAAI;6CACP,CAAC,CAAC,GAAG;sCACZ,CAAC,CAAC,MAAM;;aAEjC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kDACV,CAAC,CAAC,SAAS;uDACN,CAAC,CAAC,SAAS;uDACX,CAAC,CAAC,SAAS;kDAChB,CAAC,CAAC,IAAI;iDACP,CAAC,CAAC,GAAG;yCACb,CAAC,CAAC,SAAS;;aAEvC,CAAC;;UAEJ,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;wCAEX,WAAW,CAAC,UAAU;iCAC7B,CAAC,CAAC,IAAI;gCACP,CAAC,CAAC,GAAG;;8BAEP,CAAC,CAAC,IAAI;mCACD,CAAC,CAAC,SAAS;mCACX,CAAC,CAAC,SAAS;8BAChB,IAAI;8BACJ,CAAC,CAAC,IAAI;6BACP,CAAC,CAAC,GAAG;;SAEzB,CAAC;KACL,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"JumbotronElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGzD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;;;kBAGG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kDACA,CAAC,CAAC,MAAM;uDACH,CAAC,CAAC,SAAS;uDACX,CAAC,CAAC,SAAS;kDAChB,CAAC,CAAC,IAAI;iDACP,CAAC,CAAC,GAAG;iBACrC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;sDACC,CAAC,CAAC,SAAS;2DACN,CAAC,CAAC,SAAS;2DACX,CAAC,CAAC,SAAS;sDAChB,CAAC,CAAC,IAAI;qDACP,CAAC,CAAC,GAAG;iBACzC,CAAC;;;UAGR,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;wCAEA,WAAW,CAAC,UAAU;iCAC7B,CAAC,CAAC,IAAI;gCACP,CAAC,CAAC,GAAG;SAC5B,CAAC;;;iCAGuB,CAAC,CAAC,IAAI;sCACD,CAAC,CAAC,SAAS;sCACX,CAAC,CAAC,SAAS;iCAChB,IAAI;iCACJ,CAAC,CAAC,IAAI;gCACP,CAAC,CAAC,GAAG;;;;;KAKhC,CAAC;AACN,CAAC"}
package/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElementTemplate.js CHANGED
@@ -8,15 +8,15 @@ import { html } from '../../../../Dom/Html';
8
8
  */
9
9
  export function jumbotronHeaderElementTemplate(e) {
10
10
  return html `
11
- <mosaik-text part="text"
12
- .alignment="${e.alignment}"
13
- .text="${e.text}"
14
- .formatter="${e.formatter}"
15
- .lang="${e.lang}"
16
- .dir="${e.dir}"
17
- .wrap="${true}">
18
- <slot slot="text"></slot>
19
- </mosaik-text>
11
+ <slot>
12
+ <mosaik-text part="text"
13
+ .alignment="${e.alignment}"
14
+ .text="${e.text}"
15
+ .formatter="${e.formatter}"
16
+ .lang="${e.lang}"
17
+ .dir="${e.dir}"
18
+ .wrap="${true}"></mosaik-text>
19
+ </slot>
20
20
 
21
21
  `;
22
22
  }
package/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElementTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronHeaderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,8BAA8B,CAAmC,CAAI;IACjF,OAAO,IAAI,CAAA;;mCAEoB,CAAC,CAAC,SAAS;8BAChB,CAAC,CAAC,IAAI;mCACD,CAAC,CAAC,SAAS;8BAChB,CAAC,CAAC,IAAI;6BACP,CAAC,CAAC,GAAG;8BACJ,IAAI;;;;KAI7B,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"JumbotronHeaderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,8BAA8B,CAAmC,CAAI;IACjF,OAAO,IAAI,CAAA;;;sCAGuB,CAAC,CAAC,SAAS;iCAChB,CAAC,CAAC,IAAI;sCACD,CAAC,CAAC,SAAS;iCAChB,CAAC,CAAC,IAAI;gCACP,CAAC,CAAC,GAAG;iCACJ,IAAI;;;KAGhC,CAAC;AACN,CAAC"}
package/Controls/Components/Primitives/Jumbotron/JumbotronSubHeaderElementTemplate.js CHANGED
@@ -8,15 +8,15 @@ import { html } from '../../../../Dom/Html';
8
8
  */
9
9
  export function jumbotronSubHeaderElementTemplate(e) {
10
10
  return html `
11
- <mosaik-text part="text"
12
- .alignment="${e.alignment}"
13
- .text="${e.text}"
14
- .formatter="${e.formatter}"
15
- .lang="${e.lang}"
16
- .dir="${e.dir}"
17
- .wrap="${true}">
18
- <slot slot="text"></slot>
19
- </mosaik-text>
11
+ <slot slot="text">
12
+ <mosaik-text part="text"
13
+ .alignment="${e.alignment}"
14
+ .text="${e.text}"
15
+ .formatter="${e.formatter}"
16
+ .lang="${e.lang}"
17
+ .dir="${e.dir}"
18
+ .wrap="${true}"></mosaik-text>
19
+ </slot>
20
20
  `;
21
21
  }
22
22
  //# sourceMappingURL=JumbotronSubHeaderElementTemplate.js.map
package/Controls/Components/Primitives/Jumbotron/JumbotronSubHeaderElementTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronSubHeaderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronSubHeaderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,iCAAiC,CAAsC,CAAI;IACvF,OAAO,IAAI,CAAA;;mCAEoB,CAAC,CAAC,SAAS;8BAChB,CAAC,CAAC,IAAI;mCACD,CAAC,CAAC,SAAS;8BAChB,CAAC,CAAC,IAAI;6BACP,CAAC,CAAC,GAAG;8BACJ,IAAI;;;KAG7B,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"JumbotronSubHeaderElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronSubHeaderElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,iCAAiC,CAAsC,CAAI;IACvF,OAAO,IAAI,CAAA;;;sCAGuB,CAAC,CAAC,SAAS;iCAChB,CAAC,CAAC,IAAI;sCACD,CAAC,CAAC,SAAS;iCAChB,CAAC,CAAC,IAAI;gCACP,CAAC,CAAC,GAAG;iCACJ,IAAI;;KAEhC,CAAC;AACN,CAAC"}
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Cosmopolitan.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CAqF7D"}
1
+ {"version":3,"file":"JumbotronElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CAiG7D"}
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Cosmopolitan.js CHANGED
@@ -70,15 +70,20 @@ export function jumbotronElementCosmopolitanStyle() {
70
70
  font-weight: var(--jumbotron-font-weight);
71
71
  background-color: var(--jumbotron-background-color);
72
72
  color: var(--jumbotron-foreground-color);
73
- border: var(--jumbotron-border-width) var(--jumbotron-border-style) var(--jumbotron-border-color);
73
+ border-width: var(--jumbotron-border-width);
74
+ border-style: var(--jumbotron-border-style);
75
+ border-color: var(--jumbotron-border-color);
74
76
  border-radius: var(--jumbotron-border-radius);
75
77
  transition-duration: var(--jumbotron-transition-duration);
76
78
  transition-timing-function: var(--jumbotron-transition-mode);
77
79
  transition-property: var(--jumbotron-transition-property);
78
- padding: var(--jumbotron-padding-top) var(--jumbotron-padding-right) var(--jumbotron-padding-bottom) var(--jumbotron-padding-left);
79
- justify-content: center;
80
+ padding-top: var(--jumbotron-padding-top);
81
+ padding-bottom: var(--jumbotron-padding-bottom);
82
+ padding-left: var(--jumbotron-padding-left);
83
+ padding-right: var(--jumbotron-padding-right);
80
84
  gap: var(--jumbotron-gap);
81
85
  flex-direction: column;
86
+ justify-content: center;
82
87
  display: flex;
83
88
  overflow: hidden;
84
89
  }
@@ -87,13 +92,20 @@ export function jumbotronElementCosmopolitanStyle() {
87
92
  background-color: currentColor;
88
93
  }
89
94
 
90
- :host [part="hint"], :host ::slotted(*) {
95
+ :host [part="hint"] {
91
96
  font-family: inherit;
92
97
  font-size: inherit;
93
98
  font-weight: inherit;
94
99
  color: inherit;
95
100
  }
96
101
 
102
+ :host [part="actions"] {
103
+ align-items: center;
104
+ gap: inherit;
105
+ flex-direction: row;
106
+ display: flex;
107
+ }
108
+
97
109
  `;
98
110
  }
99
111
  //# sourceMappingURL=JumbotronElement.Cosmopolitan.js.map
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Cosmopolitan.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.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,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmFT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"JumbotronElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.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,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Joy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA0FpD"}
1
+ {"version":3,"file":"JumbotronElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAsGpD"}
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Joy.js CHANGED
@@ -70,15 +70,20 @@ export function jumbotronElementJoyStyle() {
70
70
  font-weight: var(--jumbotron-font-weight);
71
71
  background-color: var(--jumbotron-background-color);
72
72
  color: var(--jumbotron-foreground-color);
73
- border: var(--jumbotron-border-width) var(--jumbotron-border-style) var(--jumbotron-border-color);
73
+ border-width: var(--jumbotron-border-width);
74
+ border-style: var(--jumbotron-border-style);
75
+ border-color: var(--jumbotron-border-color);
74
76
  border-radius: var(--jumbotron-border-radius);
75
77
  transition-duration: var(--jumbotron-transition-duration);
76
78
  transition-timing-function: var(--jumbotron-transition-mode);
77
79
  transition-property: var(--jumbotron-transition-property);
78
- padding: var(--jumbotron-padding-top) var(--jumbotron-padding-right) var(--jumbotron-padding-bottom) var(--jumbotron-padding-left);
79
- justify-content: center;
80
+ padding-top: var(--jumbotron-padding-top);
81
+ padding-bottom: var(--jumbotron-padding-bottom);
82
+ padding-left: var(--jumbotron-padding-left);
83
+ padding-right: var(--jumbotron-padding-right);
80
84
  gap: var(--jumbotron-gap);
81
85
  flex-direction: column;
86
+ justify-content: center;
82
87
  display: flex;
83
88
  overflow: hidden;
84
89
  }
@@ -87,13 +92,20 @@ export function jumbotronElementJoyStyle() {
87
92
  background-color: currentColor;
88
93
  }
89
94
 
90
- :host [part="hint"], :host ::slotted(*) {
95
+ :host [part="hint"] {
91
96
  font-family: inherit;
92
97
  font-size: inherit;
93
98
  font-weight: inherit;
94
99
  color: inherit;
95
100
  }
96
101
 
102
+ :host [part="actions"] {
103
+ align-items: center;
104
+ gap: inherit;
105
+ flex-direction: row;
106
+ display: flex;
107
+ }
108
+
97
109
  :host([appearance="solid"]) {
98
110
  --jumbotron-background-color: var(--joy-color-neutral-900);
99
111
  --jumbotron-foreground-color: var(--joy-color-neutral-50);
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Joy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwFT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"JumbotronElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoGT,CAAC;AACN,CAAC"}
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAqFtD"}
1
+ {"version":3,"file":"JumbotronElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAiGtD"}
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.js CHANGED
@@ -70,15 +70,20 @@ export function jumbotronElementRetroStyle() {
70
70
  font-weight: var(--jumbotron-font-weight);
71
71
  background-color: var(--jumbotron-background-color);
72
72
  color: var(--jumbotron-foreground-color);
73
- border: var(--jumbotron-border-width) var(--jumbotron-border-style) var(--jumbotron-border-color);
73
+ border-width: var(--jumbotron-border-width);
74
+ border-style: var(--jumbotron-border-style);
75
+ border-color: var(--jumbotron-border-color);
74
76
  border-radius: var(--jumbotron-border-radius);
75
77
  transition-duration: var(--jumbotron-transition-duration);
76
78
  transition-timing-function: var(--jumbotron-transition-mode);
77
79
  transition-property: var(--jumbotron-transition-property);
78
- padding: var(--jumbotron-padding-top) var(--jumbotron-padding-right) var(--jumbotron-padding-bottom) var(--jumbotron-padding-left);
79
- justify-content: center;
80
+ padding-top: var(--jumbotron-padding-top);
81
+ padding-bottom: var(--jumbotron-padding-bottom);
82
+ padding-left: var(--jumbotron-padding-left);
83
+ padding-right: var(--jumbotron-padding-right);
80
84
  gap: var(--jumbotron-gap);
81
85
  flex-direction: column;
86
+ justify-content: center;
82
87
  display: flex;
83
88
  overflow: hidden;
84
89
  }
@@ -87,13 +92,20 @@ export function jumbotronElementRetroStyle() {
87
92
  background-color: currentColor;
88
93
  }
89
94
 
90
- :host [part="hint"], :host ::slotted(*) {
95
+ :host [part="hint"] {
91
96
  font-family: inherit;
92
97
  font-size: inherit;
93
98
  font-weight: inherit;
94
99
  color: inherit;
95
100
  }
96
101
 
102
+ :host [part="actions"] {
103
+ align-items: center;
104
+ gap: inherit;
105
+ flex-direction: row;
106
+ display: flex;
107
+ }
108
+
97
109
  `;
98
110
  }
99
111
  //# sourceMappingURL=JumbotronElement.Retro.js.map
package/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JumbotronElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmFT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"JumbotronElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Jumbotron/Themes/JumbotronElement.Retro.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-foundation",
3
- "version": "0.0.60",
3
+ "version": "0.0.61",
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.60",
18
- "@breadstone/mosaik-themes": "^0.0.60",
17
+ "@breadstone/mosaik-elements": "^0.0.61",
18
+ "@breadstone/mosaik-themes": "^0.0.61",
19
19
  "@ctrl/tinycolor": "^4.1.0",
20
20
  "@floating-ui/dom": "^1.7.1",
21
21
  "@lit-labs/virtualizer": "^2.1.0",