@breadstone/mosaik-elements-foundation 0.1.6 → 0.1.8
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/Inputs/Scheduler/ISchedulerElementProps.d.ts +9 -2
- package/Controls/Components/Inputs/Scheduler/ISchedulerElementProps.d.ts.map +1 -1
- package/Controls/Components/Inputs/Scheduler/ISchedulerElementProps.js +1 -0
- package/Controls/Components/Inputs/Scheduler/ISchedulerElementProps.js.map +1 -1
- package/Controls/Components/Inputs/Scheduler/Intl2/SchedulerElementIntl.d.ts +52 -0
- package/Controls/Components/Inputs/Scheduler/Intl2/SchedulerElementIntl.d.ts.map +1 -0
- package/Controls/Components/Inputs/Scheduler/Intl2/SchedulerElementIntl.js +81 -0
- package/Controls/Components/Inputs/Scheduler/Intl2/SchedulerElementIntl.js.map +1 -0
- package/Controls/Components/Inputs/Scheduler/SchedulerElement.d.ts +16 -8
- package/Controls/Components/Inputs/Scheduler/SchedulerElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Scheduler/SchedulerElement.js +68 -23
- package/Controls/Components/Inputs/Scheduler/SchedulerElement.js.map +1 -1
- package/Controls/Components/Inputs/Scheduler/SchedulerElementTemplate.js +8 -6
- package/Controls/Components/Inputs/Scheduler/SchedulerElementTemplate.js.map +1 -1
- package/Controls/Components/Inputs/Scheduler/SchedulerInheritanceContext.d.ts +1 -1
- package/Controls/Components/Inputs/Scheduler/SchedulerInheritanceContext.d.ts.map +1 -1
- package/Controls/Components/Inputs/Scheduler/views/Abstracts/SchedulerViewBaseElement.d.ts +1 -1
- package/Controls/Components/Inputs/Scheduler/views/Abstracts/SchedulerViewBaseElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.d.ts +16 -6
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.js +17 -10
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.d.ts +1 -2
- package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.js +0 -3
- package/Controls/Components/Layouts/FlowBoard/FlowBoardElement.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/IFlowBoardColumnElementProps.d.ts +2 -1
- package/Controls/Components/Layouts/FlowBoard/IFlowBoardColumnElementProps.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/IFlowBoardColumnElementProps.js +4 -1
- package/Controls/Components/Layouts/FlowBoard/IFlowBoardColumnElementProps.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.js +30 -3
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.js +52 -7
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.js +30 -3
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.js.map +1 -1
- package/Controls/Components/Primitives/Clickable/ClickableElement.d.ts +6 -0
- package/Controls/Components/Primitives/Clickable/ClickableElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Clickable/ClickableElement.js +6 -0
- package/Controls/Components/Primitives/Clickable/ClickableElement.js.map +1 -1
- package/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.js +7 -1
- package/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.js.map +1 -1
- package/Controls/Components/Selectors/Carousel/CarouselElementTemplate.js +1 -1
- package/Controls/Components/Selectors/Carousel/CarouselElementTemplate.js.map +1 -1
- package/Controls/Components/Selectors/Table/Abstracts2/ITableCellBaseElementProps.d.ts +20 -0
- package/Controls/Components/Selectors/Table/Abstracts2/ITableCellBaseElementProps.d.ts.map +1 -0
- package/Controls/Components/Selectors/Table/Abstracts2/ITableCellBaseElementProps.js +3 -0
- package/Controls/Components/Selectors/Table/Abstracts2/ITableCellBaseElementProps.js.map +1 -0
- package/Controls/Components/Selectors/Table/Abstracts2/ITableRowBaseElementProps.d.ts +10 -0
- package/Controls/Components/Selectors/Table/Abstracts2/ITableRowBaseElementProps.d.ts.map +1 -0
- package/Controls/Components/Selectors/Table/Abstracts2/ITableRowBaseElementProps.js +3 -0
- package/Controls/Components/Selectors/Table/Abstracts2/ITableRowBaseElementProps.js.map +1 -0
- package/Controls/Components/Selectors/Table/Abstracts2/TableCellBaseElement.d.ts +46 -0
- package/Controls/Components/Selectors/Table/Abstracts2/TableCellBaseElement.d.ts.map +1 -0
- package/Controls/Components/Selectors/Table/Abstracts2/TableCellBaseElement.js +94 -0
- package/Controls/Components/Selectors/Table/Abstracts2/TableCellBaseElement.js.map +1 -0
- package/Controls/Components/Selectors/Table/Abstracts2/TableRowBaseElement.d.ts +78 -0
- package/Controls/Components/Selectors/Table/Abstracts2/TableRowBaseElement.d.ts.map +1 -0
- package/Controls/Components/Selectors/Table/Abstracts2/TableRowBaseElement.js +176 -0
- package/Controls/Components/Selectors/Table/Abstracts2/TableRowBaseElement.js.map +1 -0
- package/Controls/Components/Selectors/Table/ITableBodyCellElementProps.d.ts +1 -1
- package/Controls/Components/Selectors/Table/ITableBodyCellElementProps.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/ITableBodyRowElementProps.d.ts +1 -1
- package/Controls/Components/Selectors/Table/ITableBodyRowElementProps.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/ITableFooterCellElementProps.d.ts +1 -1
- package/Controls/Components/Selectors/Table/ITableFooterCellElementProps.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/ITableFooterRowElementProps.d.ts +1 -1
- package/Controls/Components/Selectors/Table/ITableFooterRowElementProps.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/ITableHeaderCellElementProps.d.ts +1 -1
- package/Controls/Components/Selectors/Table/ITableHeaderCellElementProps.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/ITableHeaderRowElementProps.d.ts +1 -1
- package/Controls/Components/Selectors/Table/ITableHeaderRowElementProps.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/TableBodyCellElement.d.ts +1 -1
- package/Controls/Components/Selectors/Table/TableBodyCellElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/TableBodyCellElement.js +1 -1
- package/Controls/Components/Selectors/Table/TableBodyCellElement.js.map +1 -1
- package/Controls/Components/Selectors/Table/TableBodyRowElement.d.ts +1 -1
- package/Controls/Components/Selectors/Table/TableBodyRowElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/TableBodyRowElement.js +1 -1
- package/Controls/Components/Selectors/Table/TableBodyRowElement.js.map +1 -1
- package/Controls/Components/Selectors/Table/TableFooterCellElement.d.ts +1 -1
- package/Controls/Components/Selectors/Table/TableFooterCellElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/TableFooterCellElement.js +1 -1
- package/Controls/Components/Selectors/Table/TableFooterCellElement.js.map +1 -1
- package/Controls/Components/Selectors/Table/TableFooterRowElement.d.ts +1 -1
- package/Controls/Components/Selectors/Table/TableFooterRowElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/TableFooterRowElement.js +1 -1
- package/Controls/Components/Selectors/Table/TableFooterRowElement.js.map +1 -1
- package/Controls/Components/Selectors/Table/TableHeaderCellElement.d.ts +1 -1
- package/Controls/Components/Selectors/Table/TableHeaderCellElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/TableHeaderCellElement.js +1 -1
- package/Controls/Components/Selectors/Table/TableHeaderCellElement.js.map +1 -1
- package/Controls/Components/Selectors/Table/TableHeaderRowElement.d.ts +1 -1
- package/Controls/Components/Selectors/Table/TableHeaderRowElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Table/TableHeaderRowElement.js +1 -1
- package/Controls/Components/Selectors/Table/TableHeaderRowElement.js.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +794 -666
- package/package.json +3 -3
|
@@ -14,8 +14,14 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
14
14
|
return css `
|
|
15
15
|
:host {
|
|
16
16
|
--flow-board-column-background-color: var(--joy-scheme-surface);
|
|
17
|
-
--flow-board-column-body-padding: var(--joy-layout-space);
|
|
17
|
+
--flow-board-column-body-padding-bottom: var(--joy-layout-space);
|
|
18
|
+
--flow-board-column-body-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
19
|
+
--flow-board-column-body-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
20
|
+
--flow-board-column-body-padding-top: var(--joy-layout-space);
|
|
21
|
+
--flow-board-column-border-color: var(--joy-scheme-highlight);
|
|
18
22
|
--flow-board-column-border-radius: var(--joy-layout-radius);
|
|
23
|
+
--flow-board-column-border-style: solid;
|
|
24
|
+
--flow-board-column-border-width: 0px;
|
|
19
25
|
--flow-board-column-font-family: unset;
|
|
20
26
|
--flow-board-column-font-letter-spacing: unset;
|
|
21
27
|
--flow-board-column-font-line-height: unset;
|
|
@@ -23,13 +29,18 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
23
29
|
--flow-board-column-font-text-decoration: unset;
|
|
24
30
|
--flow-board-column-font-text-transform: unset;
|
|
25
31
|
--flow-board-column-font-weight: unset;
|
|
26
|
-
--flow-board-column-footer-padding: var(--joy-layout-space)
|
|
32
|
+
--flow-board-column-footer-padding-bottom: var(--joy-layout-space);
|
|
33
|
+
--flow-board-column-footer-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
34
|
+
--flow-board-column-footer-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
35
|
+
--flow-board-column-footer-padding-top: var(--joy-layout-space);
|
|
27
36
|
--flow-board-column-gap: var(--joy-layout-space);
|
|
28
37
|
--flow-board-column-header-background-color: var(--joy-scheme-transparent);
|
|
29
|
-
--flow-board-column-header-padding: var(--joy-layout-space)
|
|
38
|
+
--flow-board-column-header-padding-bottom: var(--joy-layout-space);
|
|
39
|
+
--flow-board-column-header-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
40
|
+
--flow-board-column-header-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
41
|
+
--flow-board-column-header-padding-top: var(--joy-layout-space);
|
|
30
42
|
--flow-board-column-max-width: 320px;
|
|
31
43
|
--flow-board-column-min-width: 280px;
|
|
32
|
-
--flow-board-column-padding: 0px;
|
|
33
44
|
--flow-board-column-padding-bottom: unset;
|
|
34
45
|
--flow-board-column-padding-left: unset;
|
|
35
46
|
--flow-board-column-padding-right: unset;
|
|
@@ -78,13 +89,19 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
78
89
|
width: var(--flow-board-column-min-width);
|
|
79
90
|
background: var(--flow-board-column-background-color);
|
|
80
91
|
border-radius: var(--flow-board-column-border-radius);
|
|
92
|
+
border-color: var(--flow-board-column-border-color);
|
|
93
|
+
border-width: var(--flow-board-column-border-width);
|
|
94
|
+
border-style: var(--flow-board-column-border-style);
|
|
81
95
|
flex-direction: column;
|
|
82
96
|
flex-shrink: 0;
|
|
83
97
|
display: flex;
|
|
84
98
|
}
|
|
85
99
|
|
|
86
100
|
:host [part~="header"] {
|
|
87
|
-
padding: var(--flow-board-column-header-padding);
|
|
101
|
+
padding-top: var(--flow-board-column-header-padding-top);
|
|
102
|
+
padding-right: var(--flow-board-column-header-padding-right);
|
|
103
|
+
padding-bottom: var(--flow-board-column-header-padding-bottom);
|
|
104
|
+
padding-left: var(--flow-board-column-header-padding-left);
|
|
88
105
|
background: var(--flow-board-column-header-background-color);
|
|
89
106
|
flex-direction: row;
|
|
90
107
|
flex-shrink: 0;
|
|
@@ -124,7 +141,10 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
124
141
|
|
|
125
142
|
:host [part~="body"] {
|
|
126
143
|
gap: var(--flow-board-column-gap);
|
|
127
|
-
padding: var(--flow-board-column-body-padding);
|
|
144
|
+
padding-top: var(--flow-board-column-body-padding-top);
|
|
145
|
+
padding-right: var(--flow-board-column-body-padding-right);
|
|
146
|
+
padding-bottom: var(--flow-board-column-body-padding-bottom);
|
|
147
|
+
padding-left: var(--flow-board-column-body-padding-left);
|
|
128
148
|
flex-direction: column;
|
|
129
149
|
flex: 1;
|
|
130
150
|
min-height: 0;
|
|
@@ -142,7 +162,10 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
142
162
|
}
|
|
143
163
|
|
|
144
164
|
:host [part~="footer"] {
|
|
145
|
-
padding: var(--flow-board-column-footer-padding);
|
|
165
|
+
padding-top: var(--flow-board-column-footer-padding-top);
|
|
166
|
+
padding-right: var(--flow-board-column-footer-padding-right);
|
|
167
|
+
padding-bottom: var(--flow-board-column-footer-padding-bottom);
|
|
168
|
+
padding-left: var(--flow-board-column-footer-padding-left);
|
|
146
169
|
flex-direction: row;
|
|
147
170
|
flex-shrink: 0;
|
|
148
171
|
align-items: center;
|
|
@@ -170,6 +193,28 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
170
193
|
outline: 2px dashed;
|
|
171
194
|
}
|
|
172
195
|
|
|
196
|
+
:host([appearance="outline"]) {
|
|
197
|
+
--flow-board-column-shadow: none;
|
|
198
|
+
--flow-board-column-border-width: var(--joy-layout-thickness);
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
:host([appearance="plain"]) {
|
|
202
|
+
--flow-board-column-shadow: none;
|
|
203
|
+
--flow-board-column-border-width: 0px;
|
|
204
|
+
--flow-board-column-background-color: var(--joy-scheme-transparent);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
:host([appearance="soft"]) {
|
|
208
|
+
--flow-board-column-shadow: none;
|
|
209
|
+
--flow-board-column-border-width: 0px;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
:host([appearance="solid"]) {
|
|
213
|
+
--flow-board-column-shadow: none;
|
|
214
|
+
--flow-board-column-border-width: 0px;
|
|
215
|
+
--flow-board-column-background-color: var(--joy-scheme-highlight);
|
|
216
|
+
}
|
|
217
|
+
|
|
173
218
|
`;
|
|
174
219
|
}
|
|
175
220
|
//# sourceMappingURL=FlowBoardColumnElement.Joy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
|
package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA4L9D"}
|
|
@@ -15,7 +15,14 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
15
15
|
:host {
|
|
16
16
|
--flow-board-column-background-color: var(--memphis-scheme-surface);
|
|
17
17
|
--flow-board-column-body-padding: 8px;
|
|
18
|
+
--flow-board-column-body-padding-bottom: unset;
|
|
19
|
+
--flow-board-column-body-padding-left: unset;
|
|
20
|
+
--flow-board-column-body-padding-right: unset;
|
|
21
|
+
--flow-board-column-body-padding-top: unset;
|
|
22
|
+
--flow-board-column-border-color: unset;
|
|
18
23
|
--flow-board-column-border-radius: var(--memphis-layout-radius);
|
|
24
|
+
--flow-board-column-border-style: solid;
|
|
25
|
+
--flow-board-column-border-width: unset;
|
|
19
26
|
--flow-board-column-font-family: unset;
|
|
20
27
|
--flow-board-column-font-letter-spacing: unset;
|
|
21
28
|
--flow-board-column-font-line-height: unset;
|
|
@@ -24,9 +31,17 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
24
31
|
--flow-board-column-font-text-transform: unset;
|
|
25
32
|
--flow-board-column-font-weight: unset;
|
|
26
33
|
--flow-board-column-footer-padding: 8px 12px;
|
|
34
|
+
--flow-board-column-footer-padding-bottom: unset;
|
|
35
|
+
--flow-board-column-footer-padding-left: unset;
|
|
36
|
+
--flow-board-column-footer-padding-right: unset;
|
|
37
|
+
--flow-board-column-footer-padding-top: unset;
|
|
27
38
|
--flow-board-column-gap: var(--memphis-layout-gap);
|
|
28
39
|
--flow-board-column-header-background-color: transparent;
|
|
29
40
|
--flow-board-column-header-padding: 8px 12px;
|
|
41
|
+
--flow-board-column-header-padding-bottom: unset;
|
|
42
|
+
--flow-board-column-header-padding-left: unset;
|
|
43
|
+
--flow-board-column-header-padding-right: unset;
|
|
44
|
+
--flow-board-column-header-padding-top: unset;
|
|
30
45
|
--flow-board-column-max-width: 320px;
|
|
31
46
|
--flow-board-column-min-width: 280px;
|
|
32
47
|
--flow-board-column-padding: var(--memphis-layout-padding);
|
|
@@ -78,13 +93,19 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
78
93
|
width: var(--flow-board-column-min-width);
|
|
79
94
|
background: var(--flow-board-column-background-color);
|
|
80
95
|
border-radius: var(--flow-board-column-border-radius);
|
|
96
|
+
border-color: var(--flow-board-column-border-color);
|
|
97
|
+
border-width: var(--flow-board-column-border-width);
|
|
98
|
+
border-style: var(--flow-board-column-border-style);
|
|
81
99
|
flex-direction: column;
|
|
82
100
|
flex-shrink: 0;
|
|
83
101
|
display: flex;
|
|
84
102
|
}
|
|
85
103
|
|
|
86
104
|
:host [part~="header"] {
|
|
87
|
-
padding: var(--flow-board-column-header-padding);
|
|
105
|
+
padding-top: var(--flow-board-column-header-padding-top);
|
|
106
|
+
padding-right: var(--flow-board-column-header-padding-right);
|
|
107
|
+
padding-bottom: var(--flow-board-column-header-padding-bottom);
|
|
108
|
+
padding-left: var(--flow-board-column-header-padding-left);
|
|
88
109
|
background: var(--flow-board-column-header-background-color);
|
|
89
110
|
flex-direction: row;
|
|
90
111
|
flex-shrink: 0;
|
|
@@ -124,7 +145,10 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
124
145
|
|
|
125
146
|
:host [part~="body"] {
|
|
126
147
|
gap: var(--flow-board-column-gap);
|
|
127
|
-
padding: var(--flow-board-column-body-padding);
|
|
148
|
+
padding-top: var(--flow-board-column-body-padding-top);
|
|
149
|
+
padding-right: var(--flow-board-column-body-padding-right);
|
|
150
|
+
padding-bottom: var(--flow-board-column-body-padding-bottom);
|
|
151
|
+
padding-left: var(--flow-board-column-body-padding-left);
|
|
128
152
|
flex-direction: column;
|
|
129
153
|
flex: 1;
|
|
130
154
|
min-height: 0;
|
|
@@ -142,7 +166,10 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
142
166
|
}
|
|
143
167
|
|
|
144
168
|
:host [part~="footer"] {
|
|
145
|
-
padding: var(--flow-board-column-footer-padding);
|
|
169
|
+
padding-top: var(--flow-board-column-footer-padding-top);
|
|
170
|
+
padding-right: var(--flow-board-column-footer-padding-right);
|
|
171
|
+
padding-bottom: var(--flow-board-column-footer-padding-bottom);
|
|
172
|
+
padding-left: var(--flow-board-column-footer-padding-left);
|
|
146
173
|
flex-direction: row;
|
|
147
174
|
flex-shrink: 0;
|
|
148
175
|
align-items: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.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,kCAAkC;IAC9C,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.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,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0LT,CAAC;AACN,CAAC"}
|
|
@@ -42,6 +42,12 @@ declare const ClickableElement_base: (abstract new (...args: Array<any>) => impo
|
|
|
42
42
|
* @cssprop {String} --clickable-padding-top - The padding top CSS custom property.
|
|
43
43
|
* @cssprop {Color} --clickable-ripple-color - The ripple color CSS custom property.
|
|
44
44
|
* @cssprop {String} --clickable-ripple-duration - The ripple duration CSS custom property.
|
|
45
|
+
* @cssprop {String} --clickable-shadow - The shadow CSS custom property.
|
|
46
|
+
* @cssprop {String} --clickable-shadow-blur - The shadow blur CSS custom property.
|
|
47
|
+
* @cssprop {String} --clickable-shadow-color - The shadow color CSS custom property.
|
|
48
|
+
* @cssprop {String} --clickable-shadow-offset-x - The shadow offset x CSS custom property.
|
|
49
|
+
* @cssprop {String} --clickable-shadow-offset-y - The shadow offset y CSS custom property.
|
|
50
|
+
* @cssprop {String} --clickable-shadow-spread - The shadow spread CSS custom property.
|
|
45
51
|
* @cssprop {String} --clickable-transition-duration - The transition duration CSS custom property.
|
|
46
52
|
* @cssprop {String} --clickable-transition-mode - The transition mode CSS custom property.
|
|
47
53
|
* @cssprop {String} --clickable-transition-property - The transition property CSS custom property.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOvE
|
|
1
|
+
{"version":3,"file":"ClickableElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBAUa,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAOjC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAOJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gBAAgB,CAAC;KACxC;CACJ"}
|
|
@@ -61,6 +61,12 @@ import { clickableElementMemphisStyle } from './Themes/ClickableElement.Memphis'
|
|
|
61
61
|
* @cssprop {String} --clickable-padding-top - The padding top CSS custom property.
|
|
62
62
|
* @cssprop {Color} --clickable-ripple-color - The ripple color CSS custom property.
|
|
63
63
|
* @cssprop {String} --clickable-ripple-duration - The ripple duration CSS custom property.
|
|
64
|
+
* @cssprop {String} --clickable-shadow - The shadow CSS custom property.
|
|
65
|
+
* @cssprop {String} --clickable-shadow-blur - The shadow blur CSS custom property.
|
|
66
|
+
* @cssprop {String} --clickable-shadow-color - The shadow color CSS custom property.
|
|
67
|
+
* @cssprop {String} --clickable-shadow-offset-x - The shadow offset x CSS custom property.
|
|
68
|
+
* @cssprop {String} --clickable-shadow-offset-y - The shadow offset y CSS custom property.
|
|
69
|
+
* @cssprop {String} --clickable-shadow-spread - The shadow spread CSS custom property.
|
|
64
70
|
* @cssprop {String} --clickable-transition-duration - The transition duration CSS custom property.
|
|
65
71
|
* @cssprop {String} --clickable-transition-mode - The transition mode CSS custom property.
|
|
66
72
|
* @cssprop {String} --clickable-transition-property - The transition property CSS custom property.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"ClickableElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AAWI,IAAM,gBAAgB,GAAtB,MAAM,gBACT,SAAQ,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAGjF,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;CAOJ,CAAA;AArCY,gBAAgB;IAV5B,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,OAAO,EAAE,4BAA4B;YACrC,YAAY,EAAE,iCAAiC;SAClD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,gBAAgB,CAqC5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ClickableElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAyFpD"}
|
|
@@ -36,10 +36,16 @@ export function clickableElementJoyStyle() {
|
|
|
36
36
|
--clickable-padding-top: var(--joy-layout-space);
|
|
37
37
|
--clickable-ripple-color: unset;
|
|
38
38
|
--clickable-ripple-duration: .2s;
|
|
39
|
+
--clickable-shadow: unset unset unset unset unset;
|
|
40
|
+
--clickable-shadow-blur: unset;
|
|
41
|
+
--clickable-shadow-color: unset;
|
|
42
|
+
--clickable-shadow-offset-x: unset;
|
|
43
|
+
--clickable-shadow-offset-y: unset;
|
|
44
|
+
--clickable-shadow-spread: unset;
|
|
39
45
|
--clickable-transition-duration: var(--joy-duration-short);
|
|
40
46
|
--clickable-transition-mode: ease;
|
|
41
47
|
--clickable-transition-property: border-color, background-color;
|
|
42
|
-
--clickable-translate:
|
|
48
|
+
--clickable-translate: none;
|
|
43
49
|
}
|
|
44
50
|
|
|
45
51
|
@media screen and (prefers-reduced-motion: reduce) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ClickableElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuFT,CAAC;AACN,CAAC"}
|
|
@@ -24,7 +24,7 @@ export function carouselElementTemplate(e) {
|
|
|
24
24
|
`)}
|
|
25
25
|
<div part="content"
|
|
26
26
|
role="region">
|
|
27
|
-
<div part=${partMap({
|
|
27
|
+
<div part=${partMap({ list: true, slide: e.displayMode === CarouselDisplayMode.Slide, deck: e.displayMode === CarouselDisplayMode.Deck })}
|
|
28
28
|
role="list"
|
|
29
29
|
tabindex="0">
|
|
30
30
|
<slot></slot>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAA4B,CAAI;IACnE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6BAGd,CAAC,CAAC,IAAI;4BACP,CAAC,CAAC,GAAG;mCACE,CAAC,CAAC,UAAU;gCACf,CAAC,CAAC,OAAO;iCACR,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,WAAW;6BAChC,0HAA0H;8BACzH,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SAC7C,CAAC;;;wBAGc,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"CarouselElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAA4B,CAAI;IACnE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6BAGd,CAAC,CAAC,IAAI;4BACP,CAAC,CAAC,GAAG;mCACE,CAAC,CAAC,UAAU;gCACf,CAAC,CAAC,OAAO;iCACR,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,WAAW;6BAChC,0HAA0H;8BACzH,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SAC7C,CAAC;;;wBAGc,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,KAAK,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,WAAW,KAAK,mBAAmB,CAAC,IAAI,EAAE,CAAC;;;;;;UAM3I,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6BAGd,CAAC,CAAC,IAAI;4BACP,CAAC,CAAC,GAAG;mCACE,CAAC,CAAC,UAAU;gCACf,CAAC,CAAC,OAAO;iCACR,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,OAAO;6BAC5B,2HAA2H;8BAC1H,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE;SACzC,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;sCAGJ,CAAC,CAAC,IAAI;qCACP,CAAC,CAAC,GAAG;sCACJ,CAAC,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM;;;SAGpE,CAAC;KACL,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { IDisableableProps } from '../../../../Behaviors/Disableable';
|
|
2
|
+
import type { ITextFormattableProps } from '../../../../Behaviors/TextFormattable';
|
|
3
|
+
import type { ITextOverflowableProps } from '../../../../Behaviors/TextOverflowable';
|
|
4
|
+
/**
|
|
5
|
+
* Represents the `ITableCellBaseElementProps` interface.
|
|
6
|
+
* Base properties shared by all table cell variants (header, body, footer).
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
10
|
+
export interface ITableCellBaseElementProps extends ITextFormattableProps, ITextOverflowableProps, IDisableableProps {
|
|
11
|
+
/**
|
|
12
|
+
* The text content of the cell.
|
|
13
|
+
*/
|
|
14
|
+
text: string;
|
|
15
|
+
/**
|
|
16
|
+
* Indicates whether this column is hidden.
|
|
17
|
+
*/
|
|
18
|
+
columnHidden: boolean;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=ITableCellBaseElementProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ITableCellBaseElementProps.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Table/Abstracts2/ITableCellBaseElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAIrF;;;;;GAKG;AACH,MAAM,WAAW,0BACb,SAAQ,qBAAqB,EAAE,sBAAsB,EAAE,iBAAiB;IAExE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CAEzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ITableCellBaseElementProps.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Table/Abstracts2/ITableCellBaseElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { IDisableableProps } from '../../../../Behaviors/Disableable';
|
|
2
|
+
/**
|
|
3
|
+
* Represents the `ITableRowBaseElementProps` interface.
|
|
4
|
+
* Base properties shared by all table row variants (header, body, footer).
|
|
5
|
+
*
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export interface ITableRowBaseElementProps extends IDisableableProps {
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=ITableRowBaseElementProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ITableRowBaseElementProps.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Table/Abstracts2/ITableRowBaseElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAI3E;;;;;GAKG;AACH,MAAM,WAAW,yBACb,SAAQ,iBAAiB;CAC5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ITableRowBaseElementProps.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Table/Abstracts2/ITableRowBaseElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { CustomElement } from '../../../Abstracts/CustomElement';
|
|
2
|
+
import type { ITableCellBaseElementProps } from './ITableCellBaseElementProps';
|
|
3
|
+
declare const TableCellBaseElement_base: import("../../../../../Index").ControlBehaviorReturn<import("../../../../../Index").ControlBehaviorReturn<import("../../../../../Index").ControlBehaviorReturn<typeof CustomElement, import("../../../../Behaviors/TextOverflowable").ITextOverflowableProps>, import("../../../../Behaviors/TextFormattable").ITextFormattableProps>, import("../../../../Behaviors/Disableable").IDisableableProps>;
|
|
4
|
+
/**
|
|
5
|
+
* Table Cell Base Element - The foundational base class for all table cell components.
|
|
6
|
+
*
|
|
7
|
+
* @description
|
|
8
|
+
* TableCellBaseElement provides the core functionality and behavior patterns for all table cell
|
|
9
|
+
* components in the Mosaik design system. It manages the text content property and applies
|
|
10
|
+
* text formatting and overflow behaviors. Header, body, and footer cell variants extend this
|
|
11
|
+
* base class to inherit consistent text display behavior.
|
|
12
|
+
*
|
|
13
|
+
* @public
|
|
14
|
+
*
|
|
15
|
+
* @remarks
|
|
16
|
+
* This class applies the TextOverflowable, TextFormattable, and Disableable behavior mixins.
|
|
17
|
+
* Concrete subclasses add Themeable and any section-specific behaviors (e.g., Selectable for
|
|
18
|
+
* body cells, sortable for header cells).
|
|
19
|
+
* @abstract
|
|
20
|
+
*/
|
|
21
|
+
export declare abstract class TableCellBaseElement extends TableCellBaseElement_base implements ITableCellBaseElementProps {
|
|
22
|
+
private _text;
|
|
23
|
+
private _columnHidden;
|
|
24
|
+
/**
|
|
25
|
+
* @public
|
|
26
|
+
*/
|
|
27
|
+
constructor();
|
|
28
|
+
/**
|
|
29
|
+
* Gets or sets the `text` property.
|
|
30
|
+
*
|
|
31
|
+
* @public
|
|
32
|
+
* @attr
|
|
33
|
+
*/
|
|
34
|
+
get text(): string;
|
|
35
|
+
set text(value: string);
|
|
36
|
+
/**
|
|
37
|
+
* Gets or sets the `columnHidden` property that indicates whether this column is hidden.
|
|
38
|
+
*
|
|
39
|
+
* @public
|
|
40
|
+
* @attr
|
|
41
|
+
*/
|
|
42
|
+
get columnHidden(): boolean;
|
|
43
|
+
set columnHidden(value: boolean);
|
|
44
|
+
}
|
|
45
|
+
export {};
|
|
46
|
+
//# sourceMappingURL=TableCellBaseElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableCellBaseElement.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Table/Abstracts2/TableCellBaseElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;;AAI/E;;;;;;;;;;;;;;;;GAgBG;AACH,8BAAsB,oBAClB,SAAQ,yBACR,YAAW,0BAA0B;IAIrC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAYH;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;CAIJ"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
// #region Imports
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
8
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
9
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
10
|
+
};
|
|
11
|
+
import { Disableable } from '../../../../Behaviors/Disableable';
|
|
12
|
+
import { TextFormattable } from '../../../../Behaviors/TextFormattable';
|
|
13
|
+
import { TextOverflowable } from '../../../../Behaviors/TextOverflowable';
|
|
14
|
+
import { Attribute } from '../../../../Decorators/AttributeDecorator';
|
|
15
|
+
import { CustomElement } from '../../../Abstracts/CustomElement';
|
|
16
|
+
// #endregion
|
|
17
|
+
/**
|
|
18
|
+
* Table Cell Base Element - The foundational base class for all table cell components.
|
|
19
|
+
*
|
|
20
|
+
* @description
|
|
21
|
+
* TableCellBaseElement provides the core functionality and behavior patterns for all table cell
|
|
22
|
+
* components in the Mosaik design system. It manages the text content property and applies
|
|
23
|
+
* text formatting and overflow behaviors. Header, body, and footer cell variants extend this
|
|
24
|
+
* base class to inherit consistent text display behavior.
|
|
25
|
+
*
|
|
26
|
+
* @public
|
|
27
|
+
*
|
|
28
|
+
* @remarks
|
|
29
|
+
* This class applies the TextOverflowable, TextFormattable, and Disableable behavior mixins.
|
|
30
|
+
* Concrete subclasses add Themeable and any section-specific behaviors (e.g., Selectable for
|
|
31
|
+
* body cells, sortable for header cells).
|
|
32
|
+
* @abstract
|
|
33
|
+
*/
|
|
34
|
+
export class TableCellBaseElement extends Disableable(TextFormattable(TextOverflowable(CustomElement))) {
|
|
35
|
+
// #region Fields
|
|
36
|
+
_text;
|
|
37
|
+
_columnHidden;
|
|
38
|
+
// #endregion
|
|
39
|
+
// #region Ctor
|
|
40
|
+
/**
|
|
41
|
+
* @public
|
|
42
|
+
*/
|
|
43
|
+
constructor() {
|
|
44
|
+
super();
|
|
45
|
+
this._text = '';
|
|
46
|
+
this._columnHidden = false;
|
|
47
|
+
}
|
|
48
|
+
// #endregion
|
|
49
|
+
// #region Properties
|
|
50
|
+
/**
|
|
51
|
+
* Gets or sets the `text` property.
|
|
52
|
+
*
|
|
53
|
+
* @public
|
|
54
|
+
* @attr
|
|
55
|
+
*/
|
|
56
|
+
get text() {
|
|
57
|
+
return this._text;
|
|
58
|
+
}
|
|
59
|
+
set text(value) {
|
|
60
|
+
if (this._text !== value) {
|
|
61
|
+
this._text = value;
|
|
62
|
+
this.requestUpdate('text');
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Gets or sets the `columnHidden` property that indicates whether this column is hidden.
|
|
67
|
+
*
|
|
68
|
+
* @public
|
|
69
|
+
* @attr
|
|
70
|
+
*/
|
|
71
|
+
get columnHidden() {
|
|
72
|
+
return this._columnHidden;
|
|
73
|
+
}
|
|
74
|
+
set columnHidden(value) {
|
|
75
|
+
if (this._columnHidden !== value) {
|
|
76
|
+
this._columnHidden = value;
|
|
77
|
+
this.requestUpdate('columnHidden');
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
__decorate([
|
|
82
|
+
Attribute({ type: String }),
|
|
83
|
+
__metadata("design:type", String),
|
|
84
|
+
__metadata("design:paramtypes", [String])
|
|
85
|
+
], TableCellBaseElement.prototype, "text", null);
|
|
86
|
+
__decorate([
|
|
87
|
+
Attribute({
|
|
88
|
+
type: Boolean,
|
|
89
|
+
useDefault: true
|
|
90
|
+
}),
|
|
91
|
+
__metadata("design:type", Boolean),
|
|
92
|
+
__metadata("design:paramtypes", [Boolean])
|
|
93
|
+
], TableCellBaseElement.prototype, "columnHidden", null);
|
|
94
|
+
//# sourceMappingURL=TableCellBaseElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableCellBaseElement.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Table/Abstracts2/TableCellBaseElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,aAAa;AAEb;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAgB,oBAClB,SAAQ,WAAW,CAAC,eAAe,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC;IAGrE,iBAAiB;IAET,KAAK,CAAS;IACd,aAAa,CAAU;IAE/B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC/B,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;OAKG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IACD,IAAW,YAAY,CAAC,KAAc;QAClC,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACvC,CAAC;IACL,CAAC;CAIJ;AAjCG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;gDAG3B;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;wDAGD"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { CustomElement } from '../../../Abstracts/CustomElement';
|
|
2
|
+
import type { IConnectedCallback } from '../../../Abstracts/Interfaces/IConnectedCallback';
|
|
3
|
+
import type { IDisconnectedCallback } from '../../../Abstracts/Interfaces/IDisconnectedCallback';
|
|
4
|
+
import { TableElement } from '../TableElement';
|
|
5
|
+
import type { ITableRowBaseElementProps } from './ITableRowBaseElementProps';
|
|
6
|
+
declare const TableRowBaseElement_base: import("../../../../../Index").ControlBehaviorReturn<typeof CustomElement, import("../../../../Behaviors/Disableable").IDisableableProps>;
|
|
7
|
+
/**
|
|
8
|
+
* Table Row Base Element - The foundational base class for all table row components.
|
|
9
|
+
*
|
|
10
|
+
* @description
|
|
11
|
+
* TableRowBaseElement provides the core functionality and behavior patterns for all table row
|
|
12
|
+
* components in the Mosaik design system. It manages grid column layout by subscribing to the
|
|
13
|
+
* parent TableElement's column changes and auto-sizing cells via slot change detection.
|
|
14
|
+
* Header, body, and footer row variants extend this base class to inherit consistent
|
|
15
|
+
* grid management behavior.
|
|
16
|
+
*
|
|
17
|
+
* @public
|
|
18
|
+
*
|
|
19
|
+
* @remarks
|
|
20
|
+
* This class applies the Disableable behavior mixin. Concrete subclasses add Themeable
|
|
21
|
+
* and any section-specific behaviors (e.g., Selectable for body rows).
|
|
22
|
+
* @abstract
|
|
23
|
+
*/
|
|
24
|
+
export declare abstract class TableRowBaseElement extends TableRowBaseElement_base implements IConnectedCallback, IDisconnectedCallback, ITableRowBaseElementProps {
|
|
25
|
+
private _columnsChangedSubscription;
|
|
26
|
+
private _hasTableColumns;
|
|
27
|
+
/**
|
|
28
|
+
* Reference to the parent table element.
|
|
29
|
+
*
|
|
30
|
+
* @protected
|
|
31
|
+
*/
|
|
32
|
+
protected _table: TableElement | null;
|
|
33
|
+
/**
|
|
34
|
+
* @public
|
|
35
|
+
*/
|
|
36
|
+
constructor();
|
|
37
|
+
/**
|
|
38
|
+
* Handles slot changes to auto-size grid columns when the parent table has no explicit columns.
|
|
39
|
+
*
|
|
40
|
+
* @public
|
|
41
|
+
*/
|
|
42
|
+
onSlotChange(event: Event): void;
|
|
43
|
+
/**
|
|
44
|
+
* @public
|
|
45
|
+
* @override
|
|
46
|
+
*/
|
|
47
|
+
disconnectedCallback(): void;
|
|
48
|
+
/**
|
|
49
|
+
* @public
|
|
50
|
+
* @override
|
|
51
|
+
*/
|
|
52
|
+
connectedCallback(): void;
|
|
53
|
+
/**
|
|
54
|
+
* @protected
|
|
55
|
+
* @override
|
|
56
|
+
*/
|
|
57
|
+
protected onApplyTemplate(): void;
|
|
58
|
+
/**
|
|
59
|
+
* Subscribes to the parent table's `columnsChanged` event to keep the row's grid layout in sync.
|
|
60
|
+
*
|
|
61
|
+
* @private
|
|
62
|
+
*/
|
|
63
|
+
private subscribeToColumnsChanged;
|
|
64
|
+
/**
|
|
65
|
+
* Applies grid column widths, collapsing hidden columns to `0px`.
|
|
66
|
+
*
|
|
67
|
+
* @private
|
|
68
|
+
*/
|
|
69
|
+
private applyGridColumns;
|
|
70
|
+
/**
|
|
71
|
+
* Applies pinning and hiding attributes to child cells based on header cell metadata.
|
|
72
|
+
*
|
|
73
|
+
* @private
|
|
74
|
+
*/
|
|
75
|
+
private applyColumnMetadata;
|
|
76
|
+
}
|
|
77
|
+
export {};
|
|
78
|
+
//# sourceMappingURL=TableRowBaseElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableRowBaseElement.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Table/Abstracts2/TableRowBaseElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAI7E;;;;;;;;;;;;;;;;GAgBG;AACH,8BAAsB,mBAClB,SAAQ,wBACR,YAAW,kBAAkB,EAAE,qBAAqB,EAAE,yBAAyB;IAI/E,OAAO,CAAC,2BAA2B,CAAoC;IACvE,OAAO,CAAC,gBAAgB,CAAU;IAElC;;;;OAIG;IACH,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAMtC;;OAEG;;IAiBH;;;;OAIG;IACI,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAYvC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAM5C;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IASzC;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAe1C;;;;OAIG;IACH,OAAO,CAAC,yBAAyB;IAajC;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAoBxB;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;CA8C9B"}
|