@breadstone/mosaik-elements-foundation 0.0.244 → 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.
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts +23 -0
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.js +23 -0
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.js.map +1 -1
- package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.d.ts +23 -0
- package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.js +23 -0
- package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.js.map +1 -1
- package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.d.ts +20 -3
- package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.js +20 -3
- package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasElement.js.map +1 -1
- package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.d.ts +20 -3
- package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.js +20 -3
- package/Controls/Components/Layouts/Designer/Content/DesignerContentElement.js.map +1 -1
- package/Controls/Components/Layouts/Designer/DesignerElement.d.ts +21 -6
- package/Controls/Components/Layouts/Designer/DesignerElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Designer/DesignerElement.js +21 -6
- package/Controls/Components/Layouts/Designer/DesignerElement.js.map +1 -1
- package/Controls/Components/Layouts/Designer/Frame/DesignerFrameElement.d.ts +19 -1
- package/Controls/Components/Layouts/Designer/Frame/DesignerFrameElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Designer/Frame/DesignerFrameElement.js +19 -1
- package/Controls/Components/Layouts/Designer/Frame/DesignerFrameElement.js.map +1 -1
- package/Controls/Components/Layouts/Dock/DockPanelElement.d.ts +23 -0
- package/Controls/Components/Layouts/Dock/DockPanelElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Dock/DockPanelElement.js +23 -0
- package/Controls/Components/Layouts/Dock/DockPanelElement.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComposerElement.d.ts +38 -11
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComposerElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComposerElement.js +38 -11
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComposerElement.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.d.ts +35 -13
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.js +35 -13
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComposerElement.d.ts +38 -10
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComposerElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComposerElement.js +38 -10
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComposerElement.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemElement.d.ts +47 -13
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemElement.js +47 -13
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemElement.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.d.ts +23 -5
- package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.js +23 -5
- package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.js.map +1 -1
- package/Controls/Components/Layouts/Grid/GridElement.d.ts +23 -0
- package/Controls/Components/Layouts/Grid/GridElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Grid/GridElement.js +23 -0
- package/Controls/Components/Layouts/Grid/GridElement.js.map +1 -1
- package/Controls/Components/Layouts/Grid/GridItemElement.d.ts +23 -0
- package/Controls/Components/Layouts/Grid/GridItemElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Grid/GridItemElement.js +23 -0
- package/Controls/Components/Layouts/Grid/GridItemElement.js.map +1 -1
- package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts +21 -0
- package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Masonry/MasonryElement.js +21 -0
- package/Controls/Components/Layouts/Masonry/MasonryElement.js.map +1 -1
- package/Controls/Components/Layouts/Page/IPageHeaderElementProps.d.ts +4 -1
- package/Controls/Components/Layouts/Page/IPageHeaderElementProps.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PageContentElement.d.ts +24 -0
- package/Controls/Components/Layouts/Page/PageContentElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PageContentElement.js +24 -0
- package/Controls/Components/Layouts/Page/PageContentElement.js.map +1 -1
- package/Controls/Components/Layouts/Page/PageElement.d.ts +24 -8
- package/Controls/Components/Layouts/Page/PageElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PageElement.js +24 -8
- package/Controls/Components/Layouts/Page/PageElement.js.map +1 -1
- package/Controls/Components/Layouts/Page/PageHeaderElement.d.ts +77 -3
- package/Controls/Components/Layouts/Page/PageHeaderElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PageHeaderElement.js +104 -4
- package/Controls/Components/Layouts/Page/PageHeaderElement.js.map +1 -1
- package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js +28 -4
- package/Controls/Components/Layouts/Page/PageHeaderElementTemplate.js.map +1 -1
- package/Controls/Components/Layouts/Page/PageMenuElement.d.ts +37 -1
- package/Controls/Components/Layouts/Page/PageMenuElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PageMenuElement.js +37 -1
- package/Controls/Components/Layouts/Page/PageMenuElement.js.map +1 -1
- package/Controls/Components/Layouts/Page/PagePreContentElement.d.ts +26 -0
- package/Controls/Components/Layouts/Page/PagePreContentElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PagePreContentElement.js +26 -0
- package/Controls/Components/Layouts/Page/PagePreContentElement.js.map +1 -1
- package/Controls/Components/Layouts/Page/PagePreHeaderElement.d.ts +26 -0
- package/Controls/Components/Layouts/Page/PagePreHeaderElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PagePreHeaderElement.js +26 -0
- package/Controls/Components/Layouts/Page/PagePreHeaderElement.js.map +1 -1
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.js +104 -19
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.js +94 -8
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Joy.js.map +1 -1
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.js +95 -10
- package/Controls/Components/Layouts/Page/Themes/PageHeaderElement.Memphis.js.map +1 -1
- package/Controls/Components/Layouts/Resize/ResizeElement.d.ts +35 -1
- package/Controls/Components/Layouts/Resize/ResizeElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Resize/ResizeElement.js +35 -1
- package/Controls/Components/Layouts/Resize/ResizeElement.js.map +1 -1
- package/Controls/Components/Layouts/Split/SplitElement.d.ts +36 -8
- package/Controls/Components/Layouts/Split/SplitElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Split/SplitElement.js +36 -8
- package/Controls/Components/Layouts/Split/SplitElement.js.map +1 -1
- package/Controls/Components/Layouts/Stack/StackElement.d.ts +21 -3
- package/Controls/Components/Layouts/Stack/StackElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Stack/StackElement.js +21 -3
- package/Controls/Components/Layouts/Stack/StackElement.js.map +1 -1
- package/Controls/Components/Layouts/TileList/TileListElement.d.ts +23 -6
- package/Controls/Components/Layouts/TileList/TileListElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/TileList/TileListElement.js +23 -6
- package/Controls/Components/Layouts/TileList/TileListElement.js.map +1 -1
- package/Controls/Components/Layouts/TileList/TileListItemElement.d.ts +39 -0
- package/Controls/Components/Layouts/TileList/TileListItemElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/TileList/TileListItemElement.js +39 -0
- package/Controls/Components/Layouts/TileList/TileListItemElement.js.map +1 -1
- package/Controls/Components/Layouts/TileManager/TileManagerElement.d.ts +26 -2
- package/Controls/Components/Layouts/TileManager/TileManagerElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/TileManager/TileManagerElement.js +26 -2
- package/Controls/Components/Layouts/TileManager/TileManagerElement.js.map +1 -1
- package/Controls/Components/Layouts/TileManager/TileManagerTileElement.d.ts +74 -17
- package/Controls/Components/Layouts/TileManager/TileManagerTileElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/TileManager/TileManagerTileElement.js +74 -17
- package/Controls/Components/Layouts/TileManager/TileManagerTileElement.js.map +1 -1
- package/Controls/Components/Layouts/Title/TitleLayoutElement.d.ts +30 -1
- package/Controls/Components/Layouts/Title/TitleLayoutElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Title/TitleLayoutElement.js +30 -1
- package/Controls/Components/Layouts/Title/TitleLayoutElement.js.map +1 -1
- package/Controls/Components/Layouts/Virtualize/VirtualizeElement.d.ts +22 -6
- package/Controls/Components/Layouts/Virtualize/VirtualizeElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js +22 -6
- package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js.map +1 -1
- package/Controls/Components/Layouts/Wrap/WrapElement.d.ts +21 -1
- package/Controls/Components/Layouts/Wrap/WrapElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Wrap/WrapElement.js +21 -1
- package/Controls/Components/Layouts/Wrap/WrapElement.js.map +1 -1
- package/Controls/Components/Selectors/DataTable/DataTableElement.d.ts +4 -4
- package/Controls/Components/Selectors/DataTable/DataTableElement.js +4 -4
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +4533 -494
- 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-
|
|
17
|
-
--page-header-
|
|
18
|
-
--page-header-font-
|
|
19
|
-
--page-header-font-
|
|
20
|
-
--page-header-font-
|
|
21
|
-
--page-header-font-
|
|
22
|
-
--page-header-font-
|
|
23
|
-
--page-header-
|
|
24
|
-
--page-header-font-
|
|
25
|
-
--page-header-
|
|
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-
|
|
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:
|
|
89
|
-
font-size:
|
|
90
|
-
line-height:
|
|
91
|
-
font-weight:
|
|
92
|
-
letter-spacing:
|
|
93
|
-
text-decoration:
|
|
94
|
-
text-
|
|
95
|
-
|
|
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
|
|
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,
|
|
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:
|
|
88
|
-
font-size:
|
|
89
|
-
line-height:
|
|
90
|
-
font-weight:
|
|
91
|
-
letter-spacing:
|
|
92
|
-
text-decoration:
|
|
93
|
-
text-
|
|
94
|
-
|
|
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
|
|
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,
|
|
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-
|
|
17
|
-
--page-header-
|
|
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:
|
|
89
|
-
font-size:
|
|
90
|
-
line-height:
|
|
91
|
-
font-weight:
|
|
92
|
-
letter-spacing:
|
|
93
|
-
text-decoration:
|
|
94
|
-
text-
|
|
95
|
-
|
|
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
|
|
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
|
-
* @
|
|
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
|
|
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
|
-
* @
|
|
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":"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
|
|
1
|
+
{"version":3,"file":"ResizeElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Resize/ResizeElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -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
|
-
* @
|
|
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
|
|
63
|
+
* @dependency mosaik-thumb - The Thumb element.
|
|
36
64
|
*
|
|
37
65
|
* @example
|
|
38
66
|
* ```html
|