@breadstone/mosaik-elements-foundation 0.0.243 → 0.0.245

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 (143) hide show
  1. package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts +23 -0
  2. package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts.map +1 -1
  3. package/Controls/Components/Layouts/Absolute/AbsoluteElement.js +23 -0
  4. package/Controls/Components/Layouts/Absolute/AbsoluteElement.js.map +1 -1
  5. package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.d.ts +23 -0
  6. package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.d.ts.map +1 -1
  7. package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.js +23 -0
  8. package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.js.map +1 -1
  9. package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.d.ts +20 -3
  10. package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.d.ts.map +1 -1
  11. package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.js +20 -3
  12. package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.js.map +1 -1
  13. package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.d.ts +20 -3
  14. package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.d.ts.map +1 -1
  15. package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.js +20 -3
  16. package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.js.map +1 -1
  17. package/Controls/Components/Layouts/Designer/DesignerElement.d.ts +21 -6
  18. package/Controls/Components/Layouts/Designer/DesignerElement.d.ts.map +1 -1
  19. package/Controls/Components/Layouts/Designer/DesignerElement.js +21 -6
  20. package/Controls/Components/Layouts/Designer/DesignerElement.js.map +1 -1
  21. package/Controls/Components/Layouts/Designer/Frame/DesignerFrameElement.d.ts +19 -1
  22. package/Controls/Components/Layouts/Designer/Frame/DesignerFrameElement.d.ts.map +1 -1
  23. package/Controls/Components/Layouts/Designer/Frame/DesignerFrameElement.js +19 -1
  24. package/Controls/Components/Layouts/Designer/Frame/DesignerFrameElement.js.map +1 -1
  25. package/Controls/Components/Layouts/Dock/DockPanelElement.d.ts +23 -0
  26. package/Controls/Components/Layouts/Dock/DockPanelElement.d.ts.map +1 -1
  27. package/Controls/Components/Layouts/Dock/DockPanelElement.js +23 -0
  28. package/Controls/Components/Layouts/Dock/DockPanelElement.js.map +1 -1
  29. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComposerElement.d.ts +38 -11
  30. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComposerElement.d.ts.map +1 -1
  31. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComposerElement.js +38 -11
  32. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComposerElement.js.map +1 -1
  33. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.d.ts +35 -13
  34. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.d.ts.map +1 -1
  35. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.js +35 -13
  36. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.js.map +1 -1
  37. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComposerElement.d.ts +38 -10
  38. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComposerElement.d.ts.map +1 -1
  39. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComposerElement.js +38 -10
  40. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComposerElement.js.map +1 -1
  41. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemElement.d.ts +47 -13
  42. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemElement.d.ts.map +1 -1
  43. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemElement.js +47 -13
  44. package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemElement.js.map +1 -1
  45. package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.d.ts +23 -5
  46. package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.d.ts.map +1 -1
  47. package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.js +23 -5
  48. package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.js.map +1 -1
  49. package/Controls/Components/Layouts/Grid/GridElement.d.ts +23 -0
  50. package/Controls/Components/Layouts/Grid/GridElement.d.ts.map +1 -1
  51. package/Controls/Components/Layouts/Grid/GridElement.js +23 -0
  52. package/Controls/Components/Layouts/Grid/GridElement.js.map +1 -1
  53. package/Controls/Components/Layouts/Grid/GridItemElement.d.ts +23 -0
  54. package/Controls/Components/Layouts/Grid/GridItemElement.d.ts.map +1 -1
  55. package/Controls/Components/Layouts/Grid/GridItemElement.js +23 -0
  56. package/Controls/Components/Layouts/Grid/GridItemElement.js.map +1 -1
  57. package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts +21 -0
  58. package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts.map +1 -1
  59. package/Controls/Components/Layouts/Masonry/MasonryElement.js +21 -0
  60. package/Controls/Components/Layouts/Masonry/MasonryElement.js.map +1 -1
  61. package/Controls/Components/Layouts/Page/IPageHeaderElementProps.d.ts +4 -1
  62. package/Controls/Components/Layouts/Page/IPageHeaderElementProps.d.ts.map +1 -1
  63. package/Controls/Components/Layouts/Page/PageContentElement.d.ts +24 -0
  64. package/Controls/Components/Layouts/Page/PageContentElement.d.ts.map +1 -1
  65. package/Controls/Components/Layouts/Page/PageContentElement.js +24 -0
  66. package/Controls/Components/Layouts/Page/PageContentElement.js.map +1 -1
  67. package/Controls/Components/Layouts/Page/PageElement.d.ts +24 -8
  68. package/Controls/Components/Layouts/Page/PageElement.d.ts.map +1 -1
  69. package/Controls/Components/Layouts/Page/PageElement.js +24 -8
  70. package/Controls/Components/Layouts/Page/PageElement.js.map +1 -1
  71. package/Controls/Components/Layouts/Page/PageHeaderElement.d.ts +77 -3
  72. package/Controls/Components/Layouts/Page/PageHeaderElement.d.ts.map +1 -1
  73. package/Controls/Components/Layouts/Page/PageHeaderElement.js +104 -4
  74. package/Controls/Components/Layouts/Page/PageHeaderElement.js.map +1 -1
  75. package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.d.ts.map +1 -1
  76. package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js +28 -4
  77. package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js.map +1 -1
  78. package/Controls/Components/Layouts/Page/PageMenuElement.d.ts +37 -1
  79. package/Controls/Components/Layouts/Page/PageMenuElement.d.ts.map +1 -1
  80. package/Controls/Components/Layouts/Page/PageMenuElement.js +37 -1
  81. package/Controls/Components/Layouts/Page/PageMenuElement.js.map +1 -1
  82. package/Controls/Components/Layouts/Page/PagePreContentElement.d.ts +26 -0
  83. package/Controls/Components/Layouts/Page/PagePreContentElement.d.ts.map +1 -1
  84. package/Controls/Components/Layouts/Page/PagePreContentElement.js +26 -0
  85. package/Controls/Components/Layouts/Page/PagePreContentElement.js.map +1 -1
  86. package/Controls/Components/Layouts/Page/PagePreHeaderElement.d.ts +26 -0
  87. package/Controls/Components/Layouts/Page/PagePreHeaderElement.d.ts.map +1 -1
  88. package/Controls/Components/Layouts/Page/PagePreHeaderElement.js +26 -0
  89. package/Controls/Components/Layouts/Page/PagePreHeaderElement.js.map +1 -1
  90. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.d.ts.map +1 -1
  91. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.js +104 -19
  92. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.js.map +1 -1
  93. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.d.ts.map +1 -1
  94. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.js +94 -8
  95. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.js.map +1 -1
  96. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.d.ts.map +1 -1
  97. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.js +95 -10
  98. package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.js.map +1 -1
  99. package/Controls/Components/Layouts/Resize/ResizeElement.d.ts +35 -1
  100. package/Controls/Components/Layouts/Resize/ResizeElement.d.ts.map +1 -1
  101. package/Controls/Components/Layouts/Resize/ResizeElement.js +35 -1
  102. package/Controls/Components/Layouts/Resize/ResizeElement.js.map +1 -1
  103. package/Controls/Components/Layouts/Split/SplitElement.d.ts +36 -8
  104. package/Controls/Components/Layouts/Split/SplitElement.d.ts.map +1 -1
  105. package/Controls/Components/Layouts/Split/SplitElement.js +36 -8
  106. package/Controls/Components/Layouts/Split/SplitElement.js.map +1 -1
  107. package/Controls/Components/Layouts/Stack/StackElement.d.ts +21 -3
  108. package/Controls/Components/Layouts/Stack/StackElement.d.ts.map +1 -1
  109. package/Controls/Components/Layouts/Stack/StackElement.js +21 -3
  110. package/Controls/Components/Layouts/Stack/StackElement.js.map +1 -1
  111. package/Controls/Components/Layouts/TileList/TileListElement.d.ts +23 -6
  112. package/Controls/Components/Layouts/TileList/TileListElement.d.ts.map +1 -1
  113. package/Controls/Components/Layouts/TileList/TileListElement.js +23 -6
  114. package/Controls/Components/Layouts/TileList/TileListElement.js.map +1 -1
  115. package/Controls/Components/Layouts/TileList/TileListItemElement.d.ts +39 -0
  116. package/Controls/Components/Layouts/TileList/TileListItemElement.d.ts.map +1 -1
  117. package/Controls/Components/Layouts/TileList/TileListItemElement.js +39 -0
  118. package/Controls/Components/Layouts/TileList/TileListItemElement.js.map +1 -1
  119. package/Controls/Components/Layouts/TileManager/TileManagerElement.d.ts +26 -2
  120. package/Controls/Components/Layouts/TileManager/TileManagerElement.d.ts.map +1 -1
  121. package/Controls/Components/Layouts/TileManager/TileManagerElement.js +26 -2
  122. package/Controls/Components/Layouts/TileManager/TileManagerElement.js.map +1 -1
  123. package/Controls/Components/Layouts/TileManager/TileManagerTileElement.d.ts +74 -17
  124. package/Controls/Components/Layouts/TileManager/TileManagerTileElement.d.ts.map +1 -1
  125. package/Controls/Components/Layouts/TileManager/TileManagerTileElement.js +74 -17
  126. package/Controls/Components/Layouts/TileManager/TileManagerTileElement.js.map +1 -1
  127. package/Controls/Components/Layouts/Title/TitleLayoutElement.d.ts +30 -1
  128. package/Controls/Components/Layouts/Title/TitleLayoutElement.d.ts.map +1 -1
  129. package/Controls/Components/Layouts/Title/TitleLayoutElement.js +30 -1
  130. package/Controls/Components/Layouts/Title/TitleLayoutElement.js.map +1 -1
  131. package/Controls/Components/Layouts/Virtualize/VirtualizeElement.d.ts +22 -6
  132. package/Controls/Components/Layouts/Virtualize/VirtualizeElement.d.ts.map +1 -1
  133. package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js +22 -6
  134. package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js.map +1 -1
  135. package/Controls/Components/Layouts/Wrap/WrapElement.d.ts +21 -1
  136. package/Controls/Components/Layouts/Wrap/WrapElement.d.ts.map +1 -1
  137. package/Controls/Components/Layouts/Wrap/WrapElement.js +21 -1
  138. package/Controls/Components/Layouts/Wrap/WrapElement.js.map +1 -1
  139. package/Controls/Components/Selectors/DataTable/DataTableElement.d.ts +4 -4
  140. package/Controls/Components/Selectors/DataTable/DataTableElement.js +4 -4
  141. package/Routing/PathToRegexp.d.ts +1 -1
  142. package/custom-elements.json +4533 -494
  143. package/package.json +3 -3
@@ -13,18 +13,31 @@ import { css } from '../../../../../Dom/Css';
13
13
  export function pageHeaderElementCosmopolitanStyle() {
14
14
  return css `
15
15
  :host {
16
- --page-header-background-color: unset;
17
- --page-header-border-color: unset;
18
- --page-header-font-family: unset;
19
- --page-header-font-letter-spacing: unset;
20
- --page-header-font-line-height: unset;
21
- --page-header-font-size: unset;
22
- --page-header-font-text-decoration: unset;
23
- --page-header-font-text-transform: unset;
24
- --page-header-font-weight: unset;
25
- --page-header-foreground-color: unset;
16
+ --page-header-additional-header-font-family: var(--cosmopolitan-font-family);
17
+ --page-header-additional-header-font-letter-spacing: var(--cosmopolitan-typography-subtitle2-letter-spacing);
18
+ --page-header-additional-header-font-line-height: var(--cosmopolitan-typography-subtitle2-line-height);
19
+ --page-header-additional-header-font-size: var(--cosmopolitan-typography-subtitle2-font-size);
20
+ --page-header-additional-header-font-text-decoration: var(--cosmopolitan-typography-subtitle2-text-decoration);
21
+ --page-header-additional-header-font-text-transform: var(--cosmopolitan-typography-subtitle2-text-transform);
22
+ --page-header-additional-header-font-weight: var(--cosmopolitan-typography-subtitle2-font-weight);
23
+ --page-header-background-color: var(--cosmopolitan-scheme-transparent);
24
+ --page-header-font-family: var(--cosmopolitan-font-family);
25
+ --page-header-font-letter-spacing: var(--cosmopolitan-typography-headline4-letter-spacing);
26
+ --page-header-font-line-height: var(--cosmopolitan-typography-headline4-line-height);
27
+ --page-header-font-size: var(--cosmopolitan-typography-headline4-font-size);
28
+ --page-header-font-text-decoration: var(--cosmopolitan-typography-headline4-text-decoration);
29
+ --page-header-font-text-transform: var(--cosmopolitan-typography-headline4-text-transform);
30
+ --page-header-font-weight: var(--cosmopolitan-typography-headline4-font-weight);
31
+ --page-header-foreground-color: var(--cosmopolitan-scheme-foreground);
26
32
  --page-header-gap: unset;
27
- --page-header-inset: unset;
33
+ --page-header-header-font-family: var(--cosmopolitan-font-family);
34
+ --page-header-header-font-letter-spacing: var(--cosmopolitan-typography-headline4-letter-spacing);
35
+ --page-header-header-font-line-height: var(--cosmopolitan-typography-headline4-line-height);
36
+ --page-header-header-font-size: var(--cosmopolitan-typography-headline4-font-size);
37
+ --page-header-header-font-text-decoration: var(--cosmopolitan-typography-headline4-text-decoration);
38
+ --page-header-header-font-text-transform: var(--cosmopolitan-typography-headline4-text-transform);
39
+ --page-header-header-font-weight: var(--cosmopolitan-typography-headline4-font-weight);
40
+ --page-header-inset: calc(var(--cosmopolitan-layout-space) * 2);
28
41
  --page-header-padding-bottom: unset;
29
42
  --page-header-padding-left: unset;
30
43
  --page-header-padding-right: unset;
@@ -35,6 +48,13 @@ export function pageHeaderElementCosmopolitanStyle() {
35
48
  --page-header-shadow-offset-x: unset;
36
49
  --page-header-shadow-offset-y: unset;
37
50
  --page-header-shadow-spread: unset;
51
+ --page-header-sub-header-font-family: var(--cosmopolitan-font-family);
52
+ --page-header-sub-header-font-letter-spacing: var(--cosmopolitan-typography-subtitle1-letter-spacing);
53
+ --page-header-sub-header-font-line-height: var(--cosmopolitan-typography-subtitle1-line-height);
54
+ --page-header-sub-header-font-size: var(--cosmopolitan-typography-subtitle1-font-size);
55
+ --page-header-sub-header-font-text-decoration: var(--cosmopolitan-typography-subtitle1-text-decoration);
56
+ --page-header-sub-header-font-text-transform: var(--cosmopolitan-typography-subtitle1-text-transform);
57
+ --page-header-sub-header-font-weight: var(--cosmopolitan-typography-subtitle1-font-weight);
38
58
  --page-header-transition-duration: unset;
39
59
  --page-header-transition-mode: unset;
40
60
  --page-header-transition-property: unset;
@@ -84,15 +104,80 @@ export function pageHeaderElementCosmopolitanStyle() {
84
104
  position: relative;
85
105
  }
86
106
 
107
+ :host [part="root"] {
108
+ display: inherit;
109
+ flex: inherit;
110
+ flex-direction: inherit;
111
+ gap: var(--page-header-gap);
112
+ }
113
+
114
+ :host [part="root"][hidden] {
115
+ display: none;
116
+ }
117
+
118
+ :host [part="root"] [part="prefix"] {
119
+ flex-shrink: 1;
120
+ align-items: center;
121
+ display: flex;
122
+ }
123
+
124
+ :host [part="root"] [part="prefix"][hidden] {
125
+ display: none;
126
+ }
127
+
128
+ :host [part="root"] [part="heading"] {
129
+ flex-direction: column;
130
+ flex: 1;
131
+ display: flex;
132
+ }
133
+
134
+ :host [part="root"] [part="heading"][hidden] {
135
+ display: none;
136
+ }
137
+
138
+ :host [part="root"] [part="suffix"] {
139
+ flex-shrink: 1;
140
+ align-items: center;
141
+ display: flex;
142
+ }
143
+
144
+ :host [part="root"] [part="suffix"][hidden] {
145
+ display: none;
146
+ }
147
+
87
148
  :host slot[name="header"], :host slot[name="header"] mosaik-text {
88
- font-family: inherit;
89
- font-size: inherit;
90
- line-height: inherit;
91
- font-weight: inherit;
92
- letter-spacing: inherit;
93
- text-decoration: inherit;
94
- text-transform: inherit;
95
- background-color: inherit;
149
+ font-family: var(--page-header-header-font-family);
150
+ font-size: var(--page-header-header-font-size);
151
+ line-height: var(--page-header-header-font-line-height);
152
+ font-weight: var(--page-header-header-font-weight);
153
+ letter-spacing: var(--page-header-header-font-letter-spacing);
154
+ -webkit-text-decoration: var(--page-header-header-font-text-decoration);
155
+ text-decoration: var(--page-header-header-font-text-decoration);
156
+ text-transform: var(--page-header-header-font-text-transform);
157
+ color: inherit;
158
+ }
159
+
160
+ :host slot[name="subheader"], :host slot[name="subheader"] mosaik-text {
161
+ font-family: var(--page-header-sub-header-font-family);
162
+ font-size: var(--page-header-sub-header-font-size);
163
+ line-height: var(--page-header-sub-header-font-line-height);
164
+ font-weight: var(--page-header-sub-header-font-weight);
165
+ letter-spacing: var(--page-header-sub-header-font-letter-spacing);
166
+ -webkit-text-decoration: var(--page-header-sub-header-font-text-decoration);
167
+ text-decoration: var(--page-header-sub-header-font-text-decoration);
168
+ text-transform: var(--page-header-sub-header-font-text-transform);
169
+ color: inherit;
170
+ }
171
+
172
+ :host slot[name="additionalHeader"], :host slot[name="additionalHeader"] mosaik-text {
173
+ font-family: var(--page-header-additional-header-font-family);
174
+ font-size: var(--page-header-additional-header-font-size);
175
+ line-height: var(--page-header-additional-header-font-line-height);
176
+ font-weight: var(--page-header-additional-header-font-weight);
177
+ letter-spacing: var(--page-header-additional-header-font-letter-spacing);
178
+ -webkit-text-decoration: var(--page-header-additional-header-font-text-decoration);
179
+ text-decoration: var(--page-header-additional-header-font-text-decoration);
180
+ text-transform: var(--page-header-additional-header-font-text-transform);
96
181
  color: inherit;
97
182
  }
98
183
 
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuHT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
@@ -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,CAwHrD"}
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"}
@@ -13,6 +13,13 @@ import { css } from '../../../../../Dom/Css';
13
13
  export function pageHeaderElementJoyStyle() {
14
14
  return css `
15
15
  :host {
16
+ --page-header-additional-header-font-family: var(--joy-font-family);
17
+ --page-header-additional-header-font-letter-spacing: var(--joy-typography-subtitle2-letter-spacing);
18
+ --page-header-additional-header-font-line-height: var(--joy-typography-subtitle2-line-height);
19
+ --page-header-additional-header-font-size: var(--joy-typography-subtitle2-font-size);
20
+ --page-header-additional-header-font-text-decoration: var(--joy-typography-subtitle2-text-decoration);
21
+ --page-header-additional-header-font-text-transform: var(--joy-typography-subtitle2-text-transform);
22
+ --page-header-additional-header-font-weight: var(--joy-typography-subtitle2-font-weight);
16
23
  --page-header-background-color: var(--joy-scheme-transparent);
17
24
  --page-header-font-family: var(--joy-font-family);
18
25
  --page-header-font-letter-spacing: var(--joy-typography-headline4-letter-spacing);
@@ -23,6 +30,13 @@ export function pageHeaderElementJoyStyle() {
23
30
  --page-header-font-weight: var(--joy-typography-headline4-font-weight);
24
31
  --page-header-foreground-color: var(--joy-scheme-foreground);
25
32
  --page-header-gap: unset;
33
+ --page-header-header-font-family: var(--joy-font-family);
34
+ --page-header-header-font-letter-spacing: var(--joy-typography-headline4-letter-spacing);
35
+ --page-header-header-font-line-height: var(--joy-typography-headline4-line-height);
36
+ --page-header-header-font-size: var(--joy-typography-headline4-font-size);
37
+ --page-header-header-font-text-decoration: var(--joy-typography-headline4-text-decoration);
38
+ --page-header-header-font-text-transform: var(--joy-typography-headline4-text-transform);
39
+ --page-header-header-font-weight: var(--joy-typography-headline4-font-weight);
26
40
  --page-header-inset: calc(var(--joy-layout-space) * 2);
27
41
  --page-header-padding-bottom: unset;
28
42
  --page-header-padding-left: unset;
@@ -34,6 +48,13 @@ export function pageHeaderElementJoyStyle() {
34
48
  --page-header-shadow-offset-x: unset;
35
49
  --page-header-shadow-offset-y: unset;
36
50
  --page-header-shadow-spread: unset;
51
+ --page-header-sub-header-font-family: var(--joy-font-family);
52
+ --page-header-sub-header-font-letter-spacing: var(--joy-typography-subtitle1-letter-spacing);
53
+ --page-header-sub-header-font-line-height: var(--joy-typography-subtitle1-line-height);
54
+ --page-header-sub-header-font-size: var(--joy-typography-subtitle1-font-size);
55
+ --page-header-sub-header-font-text-decoration: var(--joy-typography-subtitle1-text-decoration);
56
+ --page-header-sub-header-font-text-transform: var(--joy-typography-subtitle1-text-transform);
57
+ --page-header-sub-header-font-weight: var(--joy-typography-subtitle1-font-weight);
37
58
  --page-header-transition-duration: unset;
38
59
  --page-header-transition-mode: unset;
39
60
  --page-header-transition-property: unset;
@@ -83,15 +104,80 @@ export function pageHeaderElementJoyStyle() {
83
104
  position: relative;
84
105
  }
85
106
 
107
+ :host [part="root"] {
108
+ display: inherit;
109
+ flex: inherit;
110
+ flex-direction: inherit;
111
+ gap: var(--page-header-gap);
112
+ }
113
+
114
+ :host [part="root"][hidden] {
115
+ display: none;
116
+ }
117
+
118
+ :host [part="root"] [part="prefix"] {
119
+ flex-shrink: 1;
120
+ align-items: center;
121
+ display: flex;
122
+ }
123
+
124
+ :host [part="root"] [part="prefix"][hidden] {
125
+ display: none;
126
+ }
127
+
128
+ :host [part="root"] [part="heading"] {
129
+ flex-direction: column;
130
+ flex: 1;
131
+ display: flex;
132
+ }
133
+
134
+ :host [part="root"] [part="heading"][hidden] {
135
+ display: none;
136
+ }
137
+
138
+ :host [part="root"] [part="suffix"] {
139
+ flex-shrink: 1;
140
+ align-items: center;
141
+ display: flex;
142
+ }
143
+
144
+ :host [part="root"] [part="suffix"][hidden] {
145
+ display: none;
146
+ }
147
+
86
148
  :host slot[name="header"], :host slot[name="header"] mosaik-text {
87
- font-family: inherit;
88
- font-size: inherit;
89
- line-height: inherit;
90
- font-weight: inherit;
91
- letter-spacing: inherit;
92
- text-decoration: inherit;
93
- text-transform: inherit;
94
- background-color: inherit;
149
+ font-family: var(--page-header-header-font-family);
150
+ font-size: var(--page-header-header-font-size);
151
+ line-height: var(--page-header-header-font-line-height);
152
+ font-weight: var(--page-header-header-font-weight);
153
+ letter-spacing: var(--page-header-header-font-letter-spacing);
154
+ -webkit-text-decoration: var(--page-header-header-font-text-decoration);
155
+ text-decoration: var(--page-header-header-font-text-decoration);
156
+ text-transform: var(--page-header-header-font-text-transform);
157
+ color: inherit;
158
+ }
159
+
160
+ :host slot[name="subheader"], :host slot[name="subheader"] mosaik-text {
161
+ font-family: var(--page-header-sub-header-font-family);
162
+ font-size: var(--page-header-sub-header-font-size);
163
+ line-height: var(--page-header-sub-header-font-line-height);
164
+ font-weight: var(--page-header-sub-header-font-weight);
165
+ letter-spacing: var(--page-header-sub-header-font-letter-spacing);
166
+ -webkit-text-decoration: var(--page-header-sub-header-font-text-decoration);
167
+ text-decoration: var(--page-header-sub-header-font-text-decoration);
168
+ text-transform: var(--page-header-sub-header-font-text-transform);
169
+ color: inherit;
170
+ }
171
+
172
+ :host slot[name="additionalHeader"], :host slot[name="additionalHeader"] mosaik-text {
173
+ font-family: var(--page-header-additional-header-font-family);
174
+ font-size: var(--page-header-additional-header-font-size);
175
+ line-height: var(--page-header-additional-header-font-line-height);
176
+ font-weight: var(--page-header-additional-header-font-weight);
177
+ letter-spacing: var(--page-header-additional-header-font-letter-spacing);
178
+ -webkit-text-decoration: var(--page-header-additional-header-font-text-decoration);
179
+ text-decoration: var(--page-header-additional-header-font-text-decoration);
180
+ text-transform: var(--page-header-additional-header-font-text-transform);
95
181
  color: inherit;
96
182
  }
97
183
 
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsHT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
@@ -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,CAyHzD"}
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"}
@@ -13,8 +13,14 @@ import { css } from '../../../../../Dom/Css';
13
13
  export function pageHeaderElementMemphisStyle() {
14
14
  return css `
15
15
  :host {
16
- --page-header-background-color: var(--memphis-scheme-background);
17
- --page-header-border-color: unset;
16
+ --page-header-additional-header-font-family: var(--memphis-font-family);
17
+ --page-header-additional-header-font-letter-spacing: var(--memphis-typography-subtitle2-letter-spacing);
18
+ --page-header-additional-header-font-line-height: var(--memphis-typography-subtitle2-line-height);
19
+ --page-header-additional-header-font-size: var(--memphis-typography-subtitle2-font-size);
20
+ --page-header-additional-header-font-text-decoration: var(--memphis-typography-subtitle2-text-decoration);
21
+ --page-header-additional-header-font-text-transform: var(--memphis-typography-subtitle2-text-transform);
22
+ --page-header-additional-header-font-weight: var(--memphis-typography-subtitle2-font-weight);
23
+ --page-header-background-color: var(--memphis-scheme-transparent);
18
24
  --page-header-font-family: var(--memphis-font-family);
19
25
  --page-header-font-letter-spacing: var(--memphis-typography-headline4-letter-spacing);
20
26
  --page-header-font-line-height: var(--memphis-typography-headline4-line-height);
@@ -24,6 +30,13 @@ export function pageHeaderElementMemphisStyle() {
24
30
  --page-header-font-weight: var(--memphis-typography-headline4-font-weight);
25
31
  --page-header-foreground-color: var(--memphis-scheme-foreground);
26
32
  --page-header-gap: unset;
33
+ --page-header-header-font-family: var(--memphis-font-family);
34
+ --page-header-header-font-letter-spacing: var(--memphis-typography-headline4-letter-spacing);
35
+ --page-header-header-font-line-height: var(--memphis-typography-headline4-line-height);
36
+ --page-header-header-font-size: var(--memphis-typography-headline4-font-size);
37
+ --page-header-header-font-text-decoration: var(--memphis-typography-headline4-text-decoration);
38
+ --page-header-header-font-text-transform: var(--memphis-typography-headline4-text-transform);
39
+ --page-header-header-font-weight: var(--memphis-typography-headline4-font-weight);
27
40
  --page-header-inset: calc(var(--memphis-layout-space) * 2);
28
41
  --page-header-padding-bottom: unset;
29
42
  --page-header-padding-left: unset;
@@ -35,6 +48,13 @@ export function pageHeaderElementMemphisStyle() {
35
48
  --page-header-shadow-offset-x: unset;
36
49
  --page-header-shadow-offset-y: unset;
37
50
  --page-header-shadow-spread: unset;
51
+ --page-header-sub-header-font-family: var(--memphis-font-family);
52
+ --page-header-sub-header-font-letter-spacing: var(--memphis-typography-subtitle1-letter-spacing);
53
+ --page-header-sub-header-font-line-height: var(--memphis-typography-subtitle1-line-height);
54
+ --page-header-sub-header-font-size: var(--memphis-typography-subtitle1-font-size);
55
+ --page-header-sub-header-font-text-decoration: var(--memphis-typography-subtitle1-text-decoration);
56
+ --page-header-sub-header-font-text-transform: var(--memphis-typography-subtitle1-text-transform);
57
+ --page-header-sub-header-font-weight: var(--memphis-typography-subtitle1-font-weight);
38
58
  --page-header-transition-duration: unset;
39
59
  --page-header-transition-mode: unset;
40
60
  --page-header-transition-property: unset;
@@ -84,15 +104,80 @@ export function pageHeaderElementMemphisStyle() {
84
104
  position: relative;
85
105
  }
86
106
 
107
+ :host [part="root"] {
108
+ display: inherit;
109
+ flex: inherit;
110
+ flex-direction: inherit;
111
+ gap: var(--page-header-gap);
112
+ }
113
+
114
+ :host [part="root"][hidden] {
115
+ display: none;
116
+ }
117
+
118
+ :host [part="root"] [part="prefix"] {
119
+ flex-shrink: 1;
120
+ align-items: center;
121
+ display: flex;
122
+ }
123
+
124
+ :host [part="root"] [part="prefix"][hidden] {
125
+ display: none;
126
+ }
127
+
128
+ :host [part="root"] [part="heading"] {
129
+ flex-direction: column;
130
+ flex: 1;
131
+ display: flex;
132
+ }
133
+
134
+ :host [part="root"] [part="heading"][hidden] {
135
+ display: none;
136
+ }
137
+
138
+ :host [part="root"] [part="suffix"] {
139
+ flex-shrink: 1;
140
+ align-items: center;
141
+ display: flex;
142
+ }
143
+
144
+ :host [part="root"] [part="suffix"][hidden] {
145
+ display: none;
146
+ }
147
+
87
148
  :host slot[name="header"], :host slot[name="header"] mosaik-text {
88
- font-family: inherit;
89
- font-size: inherit;
90
- line-height: inherit;
91
- font-weight: inherit;
92
- letter-spacing: inherit;
93
- text-decoration: inherit;
94
- text-transform: inherit;
95
- background-color: inherit;
149
+ font-family: var(--page-header-header-font-family);
150
+ font-size: var(--page-header-header-font-size);
151
+ line-height: var(--page-header-header-font-line-height);
152
+ font-weight: var(--page-header-header-font-weight);
153
+ letter-spacing: var(--page-header-header-font-letter-spacing);
154
+ -webkit-text-decoration: var(--page-header-header-font-text-decoration);
155
+ text-decoration: var(--page-header-header-font-text-decoration);
156
+ text-transform: var(--page-header-header-font-text-transform);
157
+ color: inherit;
158
+ }
159
+
160
+ :host slot[name="subheader"], :host slot[name="subheader"] mosaik-text {
161
+ font-family: var(--page-header-sub-header-font-family);
162
+ font-size: var(--page-header-sub-header-font-size);
163
+ line-height: var(--page-header-sub-header-font-line-height);
164
+ font-weight: var(--page-header-sub-header-font-weight);
165
+ letter-spacing: var(--page-header-sub-header-font-letter-spacing);
166
+ -webkit-text-decoration: var(--page-header-sub-header-font-text-decoration);
167
+ text-decoration: var(--page-header-sub-header-font-text-decoration);
168
+ text-transform: var(--page-header-sub-header-font-text-transform);
169
+ color: inherit;
170
+ }
171
+
172
+ :host slot[name="additionalHeader"], :host slot[name="additionalHeader"] mosaik-text {
173
+ font-family: var(--page-header-additional-header-font-family);
174
+ font-size: var(--page-header-additional-header-font-size);
175
+ line-height: var(--page-header-additional-header-font-line-height);
176
+ font-weight: var(--page-header-additional-header-font-weight);
177
+ letter-spacing: var(--page-header-additional-header-font-letter-spacing);
178
+ -webkit-text-decoration: var(--page-header-additional-header-font-text-decoration);
179
+ text-decoration: var(--page-header-additional-header-font-text-decoration);
180
+ text-transform: var(--page-header-additional-header-font-text-transform);
96
181
  color: inherit;
97
182
  }
98
183
 
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuHT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
@@ -11,12 +11,46 @@ declare const ResizeElement_base: (abstract new (...args: Array<any>) => import(
11
11
  * @element mosaik-resize
12
12
  * @category Layouts
13
13
  *
14
+ * @slot - The default slot for the content to be resized.
15
+ *
16
+ * @csspart thumb ${ResizeDirection.East} - The thumb ${ResizeDirection.East} part.
17
+ * @csspart thumb ${ResizeDirection.North} - The thumb ${ResizeDirection.North} part.
18
+ * @csspart thumb ${ResizeDirection.NorthEast} - The thumb ${ResizeDirection.NorthEast} part.
19
+ * @csspart thumb ${ResizeDirection.NorthWest} - The thumb ${ResizeDirection.NorthWest} part.
20
+ * @csspart thumb ${ResizeDirection.South} - The thumb ${ResizeDirection.South} part.
21
+ * @csspart thumb ${ResizeDirection.SouthEast} - The thumb ${ResizeDirection.SouthEast} part.
22
+ * @csspart thumb ${ResizeDirection.SouthWest} - The thumb ${ResizeDirection.SouthWest} part.
23
+ * @csspart thumb ${ResizeDirection.West} - The thumb ${ResizeDirection.West} part.
24
+ *
25
+ * @cssprop {String} --resize-font-family - The font family CSS custom property.
26
+ * @cssprop {String} --resize-font-letter-spacing - The font letter spacing CSS custom property.
27
+ * @cssprop {String} --resize-font-line-height - The font line height CSS custom property.
28
+ * @cssprop {String} --resize-font-size - The font size CSS custom property.
29
+ * @cssprop {String} --resize-font-text-decoration - The font text decoration CSS custom property.
30
+ * @cssprop {String} --resize-font-text-transform - The font text transform CSS custom property.
31
+ * @cssprop {String} --resize-font-weight - The font weight CSS custom property.
32
+ * @cssprop {String} --resize-gap - The gap CSS custom property.
33
+ * @cssprop {String} --resize-padding-bottom - The padding bottom CSS custom property.
34
+ * @cssprop {String} --resize-padding-left - The padding left CSS custom property.
35
+ * @cssprop {String} --resize-padding-right - The padding right CSS custom property.
36
+ * @cssprop {String} --resize-padding-top - The padding top CSS custom property.
37
+ * @cssprop {String} --resize-shadow - The shadow CSS custom property.
38
+ * @cssprop {String} --resize-shadow-blur - The shadow blur CSS custom property.
39
+ * @cssprop {String} --resize-shadow-color - The shadow color CSS custom property.
40
+ * @cssprop {String} --resize-shadow-offset-x - The shadow offset x CSS custom property.
41
+ * @cssprop {String} --resize-shadow-offset-y - The shadow offset y CSS custom property.
42
+ * @cssprop {String} --resize-shadow-spread - The shadow spread CSS custom property.
43
+ * @cssprop {String} --resize-transition-duration - The transition duration CSS custom property.
44
+ * @cssprop {String} --resize-transition-mode - The transition mode CSS custom property.
45
+ * @cssprop {String} --resize-transition-property - The transition property CSS custom property.
46
+ * @cssprop {String} --resize-translate - The translate CSS custom property.
47
+ *
14
48
  * @fires resizeResizeStarted {ResizeStartEvent} - Fired when a resize operation is started.
15
49
  * @fires resizeResized {ResizingEvent} - Fired when a resize operation is in progress.
16
50
  * @fires resizeResizeEnded {ResizeEndEvent} - Fired when a resize operation is ended.
17
51
  * @fires resizeResizeCanceled {ResizeCancelEvent} - Fired when a resize operation is canceled.
18
52
  *
19
- * @slot - The default slot for the content to be resized.
53
+ * @dependency mosaik-thumb - The Thumb element.
20
54
  *
21
55
  * @example
22
56
  * ```html
@@ -1 +1 @@
1
- {"version":3,"file":"ResizeElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Resize/ResizeElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAkE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAIpJ,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAM5D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAWa,aACT,SAAQ,kBACR,YAAW,UAAU,EAAE,mBAAmB;IAI1C,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAA4B;IACvE,OAAO,CAAC,aAAa,CAAC,CAAqB;IAC3C,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,yBAAyB,CAAyC;IAC1E,OAAO,CAAC,yBAAyB,CAAyC;IAC1E,OAAO,CAAC,iBAAiB,CAAC,CAAiB;IAC3C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAiB;IACpD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAiB;IACtD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAiB;IAMtD;;;;OAIG;;IA2BH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,mBAAmB,CAErC;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAMzC;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;OAIG;IACH,IACW,YAAY,IAAI,kBAAkB,GAAG,SAAS,CAExD;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,EAM5D;IAED;;;;;OAKG;IACH,IAIW,UAAU,IAAI,OAAO,CAE/B;IAMD;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAO5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IA2B1C;;;OAGG;cACgB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAMrE;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAQ3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAQpB;;OAEG;IACH,OAAO,CAAC,eAAe;IAOvB;;OAEG;IACH,OAAO,CAAC,kBAAkB;CAkB7B;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
1
+ {"version":3,"file":"ResizeElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Resize/ResizeElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAkE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAIpJ,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAM5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,qBAWa,aACT,SAAQ,kBACR,YAAW,UAAU,EAAE,mBAAmB;IAI1C,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAA4B;IACvE,OAAO,CAAC,aAAa,CAAC,CAAqB;IAC3C,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,yBAAyB,CAAyC;IAC1E,OAAO,CAAC,yBAAyB,CAAyC;IAC1E,OAAO,CAAC,iBAAiB,CAAC,CAAiB;IAC3C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAiB;IACpD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAiB;IACtD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAiB;IAMtD;;;;OAIG;;IA2BH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,mBAAmB,CAErC;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAMzC;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;OAIG;IACH,IACW,YAAY,IAAI,kBAAkB,GAAG,SAAS,CAExD;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,EAM5D;IAED;;;;;OAKG;IACH,IAIW,UAAU,IAAI,OAAO,CAE/B;IAMD;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAO5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IA2B1C;;;OAGG;cACgB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAMrE;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAQ3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAQpB;;OAEG;IACH,OAAO,CAAC,eAAe;IAOvB;;OAEG;IACH,OAAO,CAAC,kBAAkB;CAkB7B;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
@@ -29,12 +29,46 @@ import { resizeElementJoyStyle } from './Themes/ResizeElement.Joy';
29
29
  * @element mosaik-resize
30
30
  * @category Layouts
31
31
  *
32
+ * @slot - The default slot for the content to be resized.
33
+ *
34
+ * @csspart thumb ${ResizeDirection.East} - The thumb ${ResizeDirection.East} part.
35
+ * @csspart thumb ${ResizeDirection.North} - The thumb ${ResizeDirection.North} part.
36
+ * @csspart thumb ${ResizeDirection.NorthEast} - The thumb ${ResizeDirection.NorthEast} part.
37
+ * @csspart thumb ${ResizeDirection.NorthWest} - The thumb ${ResizeDirection.NorthWest} part.
38
+ * @csspart thumb ${ResizeDirection.South} - The thumb ${ResizeDirection.South} part.
39
+ * @csspart thumb ${ResizeDirection.SouthEast} - The thumb ${ResizeDirection.SouthEast} part.
40
+ * @csspart thumb ${ResizeDirection.SouthWest} - The thumb ${ResizeDirection.SouthWest} part.
41
+ * @csspart thumb ${ResizeDirection.West} - The thumb ${ResizeDirection.West} part.
42
+ *
43
+ * @cssprop {String} --resize-font-family - The font family CSS custom property.
44
+ * @cssprop {String} --resize-font-letter-spacing - The font letter spacing CSS custom property.
45
+ * @cssprop {String} --resize-font-line-height - The font line height CSS custom property.
46
+ * @cssprop {String} --resize-font-size - The font size CSS custom property.
47
+ * @cssprop {String} --resize-font-text-decoration - The font text decoration CSS custom property.
48
+ * @cssprop {String} --resize-font-text-transform - The font text transform CSS custom property.
49
+ * @cssprop {String} --resize-font-weight - The font weight CSS custom property.
50
+ * @cssprop {String} --resize-gap - The gap CSS custom property.
51
+ * @cssprop {String} --resize-padding-bottom - The padding bottom CSS custom property.
52
+ * @cssprop {String} --resize-padding-left - The padding left CSS custom property.
53
+ * @cssprop {String} --resize-padding-right - The padding right CSS custom property.
54
+ * @cssprop {String} --resize-padding-top - The padding top CSS custom property.
55
+ * @cssprop {String} --resize-shadow - The shadow CSS custom property.
56
+ * @cssprop {String} --resize-shadow-blur - The shadow blur CSS custom property.
57
+ * @cssprop {String} --resize-shadow-color - The shadow color CSS custom property.
58
+ * @cssprop {String} --resize-shadow-offset-x - The shadow offset x CSS custom property.
59
+ * @cssprop {String} --resize-shadow-offset-y - The shadow offset y CSS custom property.
60
+ * @cssprop {String} --resize-shadow-spread - The shadow spread CSS custom property.
61
+ * @cssprop {String} --resize-transition-duration - The transition duration CSS custom property.
62
+ * @cssprop {String} --resize-transition-mode - The transition mode CSS custom property.
63
+ * @cssprop {String} --resize-transition-property - The transition property CSS custom property.
64
+ * @cssprop {String} --resize-translate - The translate CSS custom property.
65
+ *
32
66
  * @fires resizeResizeStarted {ResizeStartEvent} - Fired when a resize operation is started.
33
67
  * @fires resizeResized {ResizingEvent} - Fired when a resize operation is in progress.
34
68
  * @fires resizeResizeEnded {ResizeEndEvent} - Fired when a resize operation is ended.
35
69
  * @fires resizeResizeCanceled {ResizeCancelEvent} - Fired when a resize operation is canceled.
36
70
  *
37
- * @slot - The default slot for the content to be resized.
71
+ * @dependency mosaik-thumb - The Thumb element.
38
72
  *
39
73
  * @example
40
74
  * ```html
@@ -1 +1 @@
1
- {"version":3,"file":"ResizeElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Resize/ResizeElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ResizeElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Resize/ResizeElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAA8B,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAuC,yBAAyB,EAAsB,MAAM,gDAAgD,CAAC;AACpJ,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AAYI,IAAM,aAAa,GAAnB,MAAM,aACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IAEA,0BAA0B,CAA4B;IAC/D,aAAa,CAAsB;IACnC,KAAK,CAAsB;IAC3B,OAAO,CAAU;IACjB,WAAW,CAAU;IACrB,yBAAyB,CAAyC;IAClE,yBAAyB,CAAyC;IAClE,iBAAiB,CAAkB;IAC1B,iBAAiB,CAAkB;IACnC,mBAAmB,CAAkB;IACrC,mBAAmB,CAAkB;IAEtD,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;QACrC,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;QACrC,IAAI,CAAC,0BAA0B,GAAG,IAAI,yBAAyB,CAAC,IAAI,EAAE;YAClE,IAAI,EAAE,IAAI,CAAC,KAAK;YAChB,eAAe,EAAE,IAAI,CAAC,aAAa;YACnC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;YACvC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YACnC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;YACnC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;YACzC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB;SAC7C,CAAC,CAAC;IACP,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,eAAe,CAAC;IAC3B,CAAC;IAED;;;;;OAKG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAA0B;QACtC,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAC1D,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAc;QAC5B,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,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IACD,IAAW,YAAY,CAAC,KAAqC;QACzD,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YAC7E,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACvC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,IAAI,CAAC,yBAAyB,EAAE,OAAO,EAAE,CAAC;QAC1C,IAAI,CAAC,yBAAyB,EAAE,OAAO,EAAE,CAAC;IAC9C,CAAC;IAED;;;OAGG;IACgB,eAAe;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC/D,IAAI,CAAC,yBAAyB,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,cAAc,EAAE,GAAG,EAAE;YAC7E,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,yBAAyB,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,cAAc,EAAE,GAAG,EAAE;YAC7E,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC;YAChC,MAAM,EAAE;gBACJ,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,eAAe,CAAC,KAAK,EAAE,CAAC;gBAC/E,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,eAAe,CAAC,IAAI,EAAE,CAAC;gBAC7E,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,eAAe,CAAC,KAAK,EAAE,CAAC;gBAC/E,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,eAAe,CAAC,IAAI,EAAE,CAAC;gBAC7E,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,eAAe,CAAC,SAAS,EAAE,CAAC;gBACvF,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,eAAe,CAAC,SAAS,EAAE,CAAC;gBACvF,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,eAAe,CAAC,SAAS,EAAE,CAAC;gBACvF,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,SAAS,eAAe,CAAC,SAAS,EAAE,CAAC;aAC1F;SACJ,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACgB,gBAAgB;QAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACK,mBAAmB,CAAC,MAA6B;QACrD,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAClD,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAC9D,CAAC;aAAM,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3D,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAC5D,CAAC;IACL,CAAC;IAED;;OAEG;IACK,iBAAiB,CAAC,MAA6B;QACnD,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;YACpC,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAI;YAChB,MAAM,EAAE,MAAM;SACjB,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACK,YAAY,CAAC,MAA6B;QAC9C,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACvB,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,MAAM;SACjB,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACK,eAAe,CAAC,MAA6B;QACjD,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC3B,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,MAAM;SACjB,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACK,kBAAkB,CAAC,EAAE,OAAO,EAAgB;QAChD,IAAI,CAAC,0BAA0B,CAAC,OAAO,EAAE,CAAC;QAE1C,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC3B,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACzB,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC;gBAC/F,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC;YACrG,CAAC;QACL,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAC9B,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,KAAK;SACpB,CAAC,CAAC;IACP,CAAC;CAIJ,CAAA;AAxLG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC;;;yCAGxC;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;2CAGD;AAaD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;;iDAG5B;AAeD;IAAC,QAAQ,CAAC;QACN,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;+CAGD;AApIQ,aAAa;IAXzB,SAAS,CAAC;QACP,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE;YACJ,GAAG,EAAE,qBAAqB;YAC1B,yCAAyC;YACzC,kDAAkD;SACrD;QACD,OAAO,EAAE,EACR;KACJ,CAAC;;GACW,aAAa,CA+PzB"}
@@ -18,21 +18,49 @@ declare const SplitElement_base: (abstract new (...args: Array<any>) => import("
18
18
  * @element mosaik-split
19
19
  * @category Layout
20
20
  *
21
- * @fires splitReposition {SplitRepositionEvent} - Fired when the split position changes via user interaction
22
- *
23
- * @slot start - The primary content panel positioned at the beginning of the split
24
- * @slot end - The secondary content panel positioned at the end of the split
21
+ * @slot ${e.reverse ? 'end' : 'start'} - The ${e.reverse ? 'end' : 'start'} slot.
22
+ * @slot ${e.reverse ? 'start' : 'end'} - The ${e.reverse ? 'start' : 'end'} slot.
25
23
  * @slot thumb - Custom grip icon for the draggable divider (defaults to three dots icon)
26
24
  *
27
- * @csspart panel - The container for each split panel content
28
- * @csspart start - The start panel container
29
- * @csspart end - The end panel container
30
25
  * @csspart divider - The interactive draggable divider element
26
+ * @csspart panel end - The panel end part.
27
+ * @csspart panel start - The panel start part.
31
28
  * @csspart thumb - The visual grip icon within the divider
32
29
  *
30
+ * @cssprop {String} --split-divider-background-color - The divider background color CSS custom property.
31
+ * @cssprop {String} --split-divider-foreground-color - The divider foreground color CSS custom property.
32
+ * @cssprop {String} --split-divider-hit-area - The divider hit area CSS custom property.
33
33
  * @cssprop {String} --split-divider-width - Width/height of the divider based on orientation
34
+ * @cssprop {String} --split-font-family - The font family CSS custom property.
35
+ * @cssprop {String} --split-font-letter-spacing - The font letter spacing CSS custom property.
36
+ * @cssprop {String} --split-font-line-height - The font line height CSS custom property.
37
+ * @cssprop {String} --split-font-size - The font size CSS custom property.
38
+ * @cssprop {String} --split-font-text-decoration - The font text decoration CSS custom property.
39
+ * @cssprop {String} --split-font-text-transform - The font text transform CSS custom property.
40
+ * @cssprop {String} --split-font-weight - The font weight CSS custom property.
41
+ * @cssprop {String} --split-gap - The gap CSS custom property.
42
+ * @cssprop {String} --split-padding-bottom - The padding bottom CSS custom property.
43
+ * @cssprop {String} --split-padding-left - The padding left CSS custom property.
44
+ * @cssprop {String} --split-padding-right - The padding right CSS custom property.
45
+ * @cssprop {String} --split-padding-top - The padding top CSS custom property.
46
+ * @cssprop {String} --split-shadow - The shadow CSS custom property.
47
+ * @cssprop {String} --split-shadow-blur - The shadow blur CSS custom property.
48
+ * @cssprop {String} --split-shadow-color - The shadow color CSS custom property.
49
+ * @cssprop {String} --split-shadow-offset-x - The shadow offset x CSS custom property.
50
+ * @cssprop {String} --split-shadow-offset-y - The shadow offset y CSS custom property.
51
+ * @cssprop {String} --split-shadow-spread - The shadow spread CSS custom property.
52
+ * @cssprop {String} --split-thumb-background-color - The thumb background color CSS custom property.
53
+ * @cssprop {String} --split-thumb-border-color - The thumb border color CSS custom property.
54
+ * @cssprop {String} --split-thumb-border-radius - The thumb border radius CSS custom property.
55
+ * @cssprop {String} --split-thumb-foreground-color - The thumb foreground color CSS custom property.
56
+ * @cssprop {String} --split-transition-duration - The transition duration CSS custom property.
57
+ * @cssprop {String} --split-transition-mode - The transition mode CSS custom property.
58
+ * @cssprop {String} --split-transition-property - The transition property CSS custom property.
59
+ * @cssprop {String} --split-translate - The translate CSS custom property.
60
+ *
61
+ * @fires splitReposition {SplitRepositionEvent} - Fired when the split position changes via user interaction
34
62
  *
35
- * @dependency ThumbElement - The thumb element used as the default grip in the divider
63
+ * @dependency mosaik-thumb - The Thumb element.
36
64
  *
37
65
  * @example
38
66
  * ```html