@breadstone/mosaik-elements-foundation 0.1.46 → 0.1.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/Controls/Components/Primitives/Dropdown/Themes/DropdownElement.Joy.js +1 -1
  2. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.d.ts.map +1 -1
  3. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.js +0 -8
  4. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.js.map +1 -1
  5. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.d.ts.map +1 -1
  6. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.js +0 -8
  7. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.js.map +1 -1
  8. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.d.ts.map +1 -1
  9. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.js +0 -8
  10. package/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.js.map +1 -1
  11. package/Controls/Components/Selectors/List/IListElementProps.d.ts +4 -3
  12. package/Controls/Components/Selectors/List/IListElementProps.d.ts.map +1 -1
  13. package/Controls/Components/Selectors/List/ListElement.d.ts +6 -2
  14. package/Controls/Components/Selectors/List/ListElement.d.ts.map +1 -1
  15. package/Controls/Components/Selectors/List/ListElement.js +5 -1
  16. package/Controls/Components/Selectors/List/ListElement.js.map +1 -1
  17. package/Controls/Components/Selectors/List/ListElementTemplate.d.ts.map +1 -1
  18. package/Controls/Components/Selectors/List/ListElementTemplate.js +20 -13
  19. package/Controls/Components/Selectors/List/ListElementTemplate.js.map +1 -1
  20. package/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.d.ts.map +1 -1
  21. package/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.js +57 -16
  22. package/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.js.map +1 -1
  23. package/Controls/Components/Selectors/List/Themes/ListElement.Joy.d.ts.map +1 -1
  24. package/Controls/Components/Selectors/List/Themes/ListElement.Joy.js +61 -20
  25. package/Controls/Components/Selectors/List/Themes/ListElement.Joy.js.map +1 -1
  26. package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.d.ts.map +1 -1
  27. package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.js +57 -16
  28. package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.js.map +1 -1
  29. package/Controls/Components/Selectors/Menu/Themes/MenuElement.Joy.js +4 -4
  30. package/Controls/Components/Selectors/Table/Themes/TableElement.Joy.js +2 -2
  31. package/custom-elements.json +118 -0
  32. package/package.json +3 -3
package/Controls/Components/Primitives/Dropdown/Themes/DropdownElement.Joy.js CHANGED
@@ -50,7 +50,7 @@ export function dropdownElementJoyStyle() {
50
50
  --dropdown-transition-duration: unset;
51
51
  --dropdown-transition-mode: unset;
52
52
  --dropdown-transition-property: unset;
53
- --dropdown-translate: unset;
53
+ --dropdown-translate: none;
54
54
  }
55
55
 
56
56
  @media screen and (prefers-reduced-motion: reduce) {
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataListElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAqE5D"}
1
+ {"version":3,"file":"DataListElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CA6D5D"}
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.js CHANGED
@@ -66,18 +66,10 @@ export function dataListElementCosmopolitanStyle() {
66
66
  :host {
67
67
  width: 100%;
68
68
  height: 100%;
69
- overflow: overlay;
70
69
  display: block;
71
70
  position: relative;
72
71
  }
73
72
 
74
- :host [part="list"] {
75
- overflow: unset;
76
- position: unset;
77
- width: 100%;
78
- height: 100%;
79
- }
80
-
81
73
  `;
82
74
  }
83
75
  //# sourceMappingURL=DataListElement.Cosmopolitan.js.map
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmET,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"DataListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2DT,CAAC;AACN,CAAC"}
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAqEnD"}
1
+ {"version":3,"file":"DataListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA6DnD"}
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.js CHANGED
@@ -66,18 +66,10 @@ export function dataListElementJoyStyle() {
66
66
  :host {
67
67
  width: 100%;
68
68
  height: 100%;
69
- overflow: overlay;
70
69
  display: block;
71
70
  position: relative;
72
71
  }
73
72
 
74
- :host [part="list"] {
75
- overflow: unset;
76
- position: unset;
77
- width: 100%;
78
- height: 100%;
79
- }
80
-
81
73
  `;
82
74
  }
83
75
  //# sourceMappingURL=DataListElement.Joy.js.map
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmET,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"DataListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2DT,CAAC;AACN,CAAC"}
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataListElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAqEvD"}
1
+ {"version":3,"file":"DataListElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CA6DvD"}
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.js CHANGED
@@ -66,18 +66,10 @@ export function dataListElementMemphisStyle() {
66
66
  :host {
67
67
  width: 100%;
68
68
  height: 100%;
69
- overflow: overlay;
70
69
  display: block;
71
70
  position: relative;
72
71
  }
73
72
 
74
- :host [part="list"] {
75
- overflow: unset;
76
- position: unset;
77
- width: 100%;
78
- height: 100%;
79
- }
80
-
81
73
  `;
82
74
  }
83
75
  //# sourceMappingURL=DataListElement.Memphis.js.map
package/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataListElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmET,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"DataListElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataList/Themes/DataListElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2DT,CAAC;AACN,CAAC"}
package/Controls/Components/Selectors/List/IListElementProps.d.ts CHANGED
@@ -1,15 +1,16 @@
1
1
  import type { IDisableableProps } from '../../../Behaviors/Disableable';
2
2
  import type { IFilterableProps } from '../../../Behaviors/Filterable';
3
- import type { SelectionMode } from '../../../Types/SelectionMode';
3
+ import type { IInsetableProps } from '../../../Behaviors/Insetable';
4
4
  import type { IOrientableProps } from '../../../Behaviors/Orientable';
5
+ import type { ISlottableProps } from '../../../Behaviors/Slottable';
6
+ import type { SelectionMode } from '../../../Types/SelectionMode';
5
7
  import type { ISelectorElementProps } from '../Abstracts/Selector/ISelectorElementProps';
6
- import type { IInsetableProps } from '../../../Behaviors/Insetable';
7
8
  /**
8
9
  * Represents the `IListElementProps` interface.
9
10
  *
10
11
  * @public
11
12
  */
12
- export interface IListElementProps extends IDisableableProps, IFilterableProps, ISelectorElementProps, IOrientableProps, IInsetableProps {
13
+ export interface IListElementProps extends IDisableableProps, IFilterableProps, ISelectorElementProps, IOrientableProps, IInsetableProps, ISlottableProps {
13
14
  selectionMode: SelectionMode;
14
15
  value: string | null;
15
16
  }
package/Controls/Components/Selectors/List/IListElementProps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IListElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/IListElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE;;;;GAIG;AACH,MAAM,WAAW,iBACb,SAAQ,iBAAiB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,eAAe;IAIrG,aAAa,EAAE,aAAa,CAAC;IAE7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAIxB"}
1
+ {"version":3,"file":"IListElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/IListElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAIzF;;;;GAIG;AACH,MAAM,WAAW,iBACb,SAAQ,iBAAiB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe;IAItH,aAAa,EAAE,aAAa,CAAC;IAE7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAIxB"}
package/Controls/Components/Selectors/List/ListElement.d.ts CHANGED
@@ -1,9 +1,10 @@
1
+ import { ISlottable } from '../../../Behaviors/Slottable';
1
2
  import { SelectionMode } from '../../../Types/SelectionMode';
2
3
  import { SelectorElement } from '../Abstracts/Selector/SelectorElement';
3
4
  import type { IListElementProps } from './IListElementProps';
4
5
  import { ListElementIntl } from './intl/ListElementIntl';
5
6
  import { ListItemElement } from './ListItemElement';
6
- declare const ListElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Filterable").IFilterableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Insetable").IInsetableProps) & (abstract new () => SelectorElement<any>) & import("../../../Behaviors/Themeable").IThemeableCtor;
7
+ declare const ListElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Filterable").IFilterableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Insetable").IInsetableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new () => SelectorElement<any>) & import("../../../Behaviors/Themeable").IThemeableCtor;
7
8
  /**
8
9
  * List - A versatile container component for displaying collections of interactive items in organized layouts.
9
10
  *
@@ -23,6 +24,8 @@ declare const ListElement_base: (abstract new (...args: Array<any>) => import(".
23
24
  *
24
25
  * @csspart empty - Empty state container
25
26
  * @csspart filter - Filter controls container
27
+ * @csspart footer - The footer part.
28
+ * @csspart header - The header part.
26
29
  * @csspart items - Container for all list items
27
30
  *
28
31
  * @cssprop {String} --list-background-color - The background color CSS custom property.
@@ -39,6 +42,7 @@ declare const ListElement_base: (abstract new (...args: Array<any>) => import(".
39
42
  * @cssprop {String} --list-font-weight - The font weight CSS custom property.
40
43
  * @cssprop {String} --list-foreground-color - The foreground color CSS custom property.
41
44
  * @cssprop {String} --list-gap - The gap CSS custom property.
45
+ * @cssprop {String} --list-line-thickness - The line thickness CSS custom property.
42
46
  * @cssprop {String} --list-padding-bottom - The padding bottom CSS custom property.
43
47
  * @cssprop {String} --list-padding-left - The padding left CSS custom property.
44
48
  * @cssprop {String} --list-padding-right - The padding right CSS custom property.
@@ -113,7 +117,7 @@ declare const ListElement_base: (abstract new (...args: Array<any>) => import(".
113
117
  * @keyhandle Space - Toggles selection of the focused item
114
118
  * @keyhandle Enter - Activates the focused item
115
119
  */
116
- export declare class ListElement extends ListElement_base implements IListElementProps {
120
+ export declare class ListElement extends ListElement_base implements IListElementProps, ISlottable {
117
121
  private readonly _provider;
118
122
  private readonly _itemsClickSubscriptions;
119
123
  private readonly _intlController;
package/Controls/Components/Selectors/List/ListElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListElement.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;AAQpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4GG;AACH,qBAuBa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAKvB;IACH,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAoC;IAC7E,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAkC;IAClE,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,MAAM,CAAgB;IAM9B;;OAEG;;IAmBH;;;;;;;;OAQG;IAGH,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IACW,aAAa,IAAI,aAAa,CAExC;IAED,IAAW,aAAa,CAAC,KAAK,EAAE,aAAa,EAK5C;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKpC;IAED;;;;;OAKG;IACH,IAAoB,KAAK,IAAI,KAAK,CAAC,eAAe,CAAC,CAIlD;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,eAAe,CAEjC;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,eAAe,EAErC;IAMD;;;OAGG;cACgB,cAAc,IAAI,IAAI;IAuBzC;;OAEG;IAEH,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI;IAS1F;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAmBlE;;OAEG;IACH,OAAO,CAAC,YAAY;CAcvB;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}
1
+ {"version":3,"file":"ListElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAQrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;AAQpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+GG;AACH,qBAuBa,WACT,SAAQ,gBACR,YAAW,iBAAiB,EAAE,UAAU;IAIxC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAKvB;IACH,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAoC;IAC7E,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAkC;IAClE,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,MAAM,CAAgB;IAM9B;;OAEG;;IAmBH;;;;;;;;OAQG;IAGH,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IACW,aAAa,IAAI,aAAa,CAExC;IAED,IAAW,aAAa,CAAC,KAAK,EAAE,aAAa,EAK5C;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKpC;IAED;;;;;OAKG;IACH,IAAoB,KAAK,IAAI,KAAK,CAAC,eAAe,CAAC,CAIlD;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,eAAe,CAEjC;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,eAAe,EAErC;IAMD;;;OAGG;cACgB,cAAc,IAAI,IAAI;IAuBzC;;OAEG;IAEH,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI;IAS1F;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAmBlE;;OAEG;IACH,OAAO,CAAC,YAAY;CAcvB;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}
package/Controls/Components/Selectors/List/ListElement.js CHANGED
@@ -14,6 +14,7 @@ import { Disableable } from '../../../Behaviors/Disableable';
14
14
  import { Filterable, contains, getMemberValue } from '../../../Behaviors/Filterable';
15
15
  import { Insetable } from '../../../Behaviors/Insetable';
16
16
  import { Orientable } from '../../../Behaviors/Orientable';
17
+ import { Slottable } from '../../../Behaviors/Slottable';
17
18
  import { Themeable } from '../../../Behaviors/Themeable';
18
19
  import { addInheritanceProviderController } from '../../../Controllers/InheritanceProviderController';
19
20
  import { Attribute } from '../../../Decorators/AttributeDecorator';
@@ -53,6 +54,8 @@ import { listElementMemphisStyle } from './Themes/ListElement.Memphis';
53
54
  *
54
55
  * @csspart empty - Empty state container
55
56
  * @csspart filter - Filter controls container
57
+ * @csspart footer - The footer part.
58
+ * @csspart header - The header part.
56
59
  * @csspart items - Container for all list items
57
60
  *
58
61
  * @cssprop {String} --list-background-color - The background color CSS custom property.
@@ -69,6 +72,7 @@ import { listElementMemphisStyle } from './Themes/ListElement.Memphis';
69
72
  * @cssprop {String} --list-font-weight - The font weight CSS custom property.
70
73
  * @cssprop {String} --list-foreground-color - The foreground color CSS custom property.
71
74
  * @cssprop {String} --list-gap - The gap CSS custom property.
75
+ * @cssprop {String} --list-line-thickness - The line thickness CSS custom property.
72
76
  * @cssprop {String} --list-padding-bottom - The padding bottom CSS custom property.
73
77
  * @cssprop {String} --list-padding-left - The padding left CSS custom property.
74
78
  * @cssprop {String} --list-padding-right - The padding right CSS custom property.
@@ -143,7 +147,7 @@ import { listElementMemphisStyle } from './Themes/ListElement.Memphis';
143
147
  * @keyhandle Space - Toggles selection of the focused item
144
148
  * @keyhandle Enter - Activates the focused item
145
149
  */
146
- let ListElement = class ListElement extends Themeable(Disableable(Filterable(Orientable(Insetable(SelectorElement))))) {
150
+ let ListElement = class ListElement extends Themeable(Disableable(Filterable(Orientable(Insetable(Slottable(SelectorElement)))))) {
147
151
  // #region Fields
148
152
  _provider = addInheritanceProviderController(this, {
149
153
  context: LIST_INHERITANCE_CONTEXT,
package/Controls/Components/Selectors/List/ListElement.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ListElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListElement.ts"],"names":[],"mappings":"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"}
package/Controls/Components/Selectors/List/ListElementTemplate.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAuB/E"}
1
+ {"version":3,"file":"ListElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA6B/E"}
package/Controls/Components/Selectors/List/ListElementTemplate.js CHANGED
@@ -1,6 +1,7 @@
1
1
  // #region Imports
2
2
  import { html } from '../../../../Dom/Html';
3
3
  import { when } from '../../../Directives/Directives';
4
+ import { setHost } from '../../../Directives/setHost';
4
5
  // #endregion
5
6
  /**
6
7
  * The template of the `ListElement`.
@@ -9,26 +10,32 @@ import { when } from '../../../Directives/Directives';
9
10
  */
10
11
  export function listElementTemplate(e) {
11
12
  return html `
12
- ${when(e.showFilter, () => html `
13
- <div part="filter">
14
- <slot name="filter"></slot>
15
- <mosaik-spacer .thickness="${'all'}"
16
- .size="${'tiny'}">
17
- <mosaik-textbox .value="${e.filter}"
18
- .placeholder="${e.filterPlaceholder.trim() || e.intl.filterPlaceholder}"
19
- ?disabled="${e.disabled}"
20
- @input="${(x) => e.filter = x.target.value}"></mosaik-textbox>
21
- </mosaik-spacer>
13
+ <div part="header"
14
+ ?hidden="${!setHost(e, 'has-header', e.hasSlotContent('header'))}">
15
+ <slot name="header"></slot>
22
16
  </div>
23
- `)}
24
- <slot name="header"></slot>
25
17
  <div part="items">
18
+ ${when(e.showFilter, () => html `
19
+ <div part="filter">
20
+ <slot name="filter"></slot>
21
+ <mosaik-spacer .thickness="${'all'}"
22
+ .size="${'tiny'}">
23
+ <mosaik-textbox .value="${e.filter}"
24
+ .placeholder="${e.filterPlaceholder.trim() || e.intl.filterPlaceholder}"
25
+ ?disabled="${e.disabled}"
26
+ @input="${(x) => e.filter = x.target.value}"></mosaik-textbox>
27
+ </mosaik-spacer>
28
+ </div>
29
+ `)}
26
30
  <slot></slot>
27
31
  </div>
28
32
  <div part="empty">
29
33
  <slot name="empty"></slot>
30
34
  </div>
31
- <slot name="footer"></slot>
35
+ <div part="footer"
36
+ ?hidden="${!setHost(e, 'has-footer', e.hasSlotContent('footer'))}">
37
+ <slot name="footer"></slot>
38
+ </div>
32
39
  `;
33
40
  }
34
41
  //# sourceMappingURL=ListElementTemplate.js.map
package/Controls/Components/Selectors/List/ListElementTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAItD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAwB,CAAI;IAC3D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;yCAGE,KAAK;oCACV,MAAM;0CACA,CAAC,CAAC,MAAM;gDACF,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB;6CACzD,CAAC,CAAC,QAAQ;0CACb,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAI,CAAC,CAAC,MAAyB,CAAC,KAAK;;;SAGjG,CAAC;;;;;;;;;KASL,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ListElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListElementTemplate.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,6BAA6B,CAAC;AAItD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAwB,CAAI;IAC3D,OAAO,IAAI,CAAA;;wBAES,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;;;;cAI/D,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6CAGE,KAAK;qCACb,MAAM;8CACG,CAAC,CAAC,MAAM;oDACF,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB;iDACzD,CAAC,CAAC,QAAQ;8CACb,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAI,CAAC,CAAC,MAAyB,CAAC,KAAK;;;aAGjG,CAAC;;;;;;;wBAOU,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;;;KAGxE,CAAC;AACN,CAAC"}
package/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CA6HxD"}
1
+ {"version":3,"file":"ListElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CAsKxD"}
package/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.js CHANGED
@@ -27,6 +27,7 @@ export function listElementCosmopolitanStyle() {
27
27
  --list-font-weight: unset;
28
28
  --list-foreground-color: unset;
29
29
  --list-gap: unset;
30
+ --list-line-thickness: unset;
30
31
  --list-padding-bottom: unset;
31
32
  --list-padding-left: unset;
32
33
  --list-padding-right: unset;
@@ -88,38 +89,78 @@ export function listElementCosmopolitanStyle() {
88
89
  transition-timing-function: var(--list-transition-mode);
89
90
  transition-property: var(--list-transition-property);
90
91
  box-shadow: var(--list-shadow);
92
+ outline: none;
93
+ flex-direction: column;
94
+ width: 100%;
95
+ height: 100%;
96
+ display: flex;
97
+ overflow: hidden;
98
+ }
99
+
100
+ :host [part="header"], :host [part="footer"] {
91
101
  padding-top: var(--list-padding-top);
92
102
  padding-left: var(--list-padding-left);
93
103
  padding-bottom: var(--list-padding-bottom);
94
104
  padding-right: var(--list-padding-right);
95
- gap: var(--list-gap);
96
- overflow: overlay;
97
- outline: none;
98
- width: 100%;
99
- height: 100%;
105
+ flex: none;
106
+ position: relative;
100
107
  }
101
108
 
102
- :host [part="filter"] {
103
- z-index: 2;
104
- position: sticky;
105
- top: 8px;
109
+ :host [part="header"][hidden], :host [part="footer"][hidden] {
110
+ display: none;
111
+ }
112
+
113
+ :host [part="header"] {
114
+ background-color: var(--list-background-color);
115
+ }
116
+
117
+ :host [part="header"]:after {
118
+ content: "";
119
+ height: var(--list-line-thickness);
120
+ background-color: var(--list-border-color);
121
+ position: absolute;
122
+ bottom: 0;
123
+ left: 0;
124
+ right: 0;
125
+ }
126
+
127
+ :host [part="footer"] {
128
+ background-color: var(--list-background-color);
129
+ }
130
+
131
+ :host [part="footer"]:before {
132
+ content: "";
133
+ height: var(--list-line-thickness);
134
+ background-color: var(--list-border-color);
135
+ position: absolute;
136
+ top: 0;
137
+ left: 0;
138
+ right: 0;
139
+ }
140
+
141
+ :host [part="footer"] ::slotted(mosaik-paginator) {
142
+ flex-direction: row-reverse;
143
+ align-items: center;
144
+ display: flex;
106
145
  }
107
146
 
108
147
  :host [part="items"] {
109
148
  gap: var(--list-gap);
149
+ min-height: 0;
150
+ overflow-y: overlay;
110
151
  flex-direction: column;
152
+ flex: auto;
111
153
  display: flex;
112
154
  }
113
155
 
114
- :host([orientation="horizontal"]) [part="items"] {
115
- flex-flow: wrap;
156
+ :host [part="items"] [part="filter"] {
157
+ z-index: 2;
158
+ position: sticky;
159
+ top: 8px;
116
160
  }
117
161
 
118
- :host([inset*="none"]), :host([empty]) {
119
- --list-padding-top: 0px;
120
- --list-padding-left: 0px;
121
- --list-padding-bottom: 0px;
122
- --list-padding-right: 0px;
162
+ :host([orientation="horizontal"]) [part="items"] {
163
+ flex-flow: wrap;
123
164
  }
124
165
 
125
166
  :host([mosaik-dropdown-button-projection]), :host([mosaik-split-button-projection]) {
package/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2HT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}
package/Controls/Components/Selectors/List/Themes/ListElement.Joy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,CA6H/C"}
1
+ {"version":3,"file":"ListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,CAsK/C"}
package/Controls/Components/Selectors/List/Themes/ListElement.Joy.js CHANGED
@@ -27,10 +27,11 @@ export function listElementJoyStyle() {
27
27
  --list-font-weight: var(--joy-typography-body1-font-weight);
28
28
  --list-foreground-color: var(--joy-scheme-foreground);
29
29
  --list-gap: var(--joy-layout-space);
30
- --list-padding-bottom: var(--joy-layout-spacing);
31
- --list-padding-left: calc(var(--joy-layout-spacing) * 2);
32
- --list-padding-right: calc(var(--joy-layout-spacing) * 2);
33
- --list-padding-top: var(--joy-layout-spacing);
30
+ --list-line-thickness: var(--joy-layout-thickness);
31
+ --list-padding-bottom: calc(var(--joy-layout-space) * 2);
32
+ --list-padding-left: calc(var(--joy-layout-space) * 2);
33
+ --list-padding-right: calc(var(--joy-layout-space) * 2);
34
+ --list-padding-top: calc(var(--joy-layout-space) * 2);
34
35
  --list-shadow: unset unset unset unset unset;
35
36
  --list-shadow-blur: unset;
36
37
  --list-shadow-color: unset;
@@ -88,38 +89,78 @@ export function listElementJoyStyle() {
88
89
  transition-timing-function: var(--list-transition-mode);
89
90
  transition-property: var(--list-transition-property);
90
91
  box-shadow: var(--list-shadow);
92
+ outline: none;
93
+ flex-direction: column;
94
+ width: 100%;
95
+ height: 100%;
96
+ display: flex;
97
+ overflow: hidden;
98
+ }
99
+
100
+ :host [part="header"], :host [part="footer"] {
91
101
  padding-top: var(--list-padding-top);
92
102
  padding-left: var(--list-padding-left);
93
103
  padding-bottom: var(--list-padding-bottom);
94
104
  padding-right: var(--list-padding-right);
95
- gap: var(--list-gap);
96
- overflow: overlay;
97
- outline: none;
98
- width: 100%;
99
- height: 100%;
105
+ flex: none;
106
+ position: relative;
100
107
  }
101
108
 
102
- :host [part="filter"] {
103
- z-index: 2;
104
- position: sticky;
105
- top: 8px;
109
+ :host [part="header"][hidden], :host [part="footer"][hidden] {
110
+ display: none;
111
+ }
112
+
113
+ :host [part="header"] {
114
+ background-color: var(--list-background-color);
115
+ }
116
+
117
+ :host [part="header"]:after {
118
+ content: "";
119
+ height: var(--list-line-thickness);
120
+ background-color: var(--list-border-color);
121
+ position: absolute;
122
+ bottom: 0;
123
+ left: 0;
124
+ right: 0;
125
+ }
126
+
127
+ :host [part="footer"] {
128
+ background-color: var(--list-background-color);
129
+ }
130
+
131
+ :host [part="footer"]:before {
132
+ content: "";
133
+ height: var(--list-line-thickness);
134
+ background-color: var(--list-border-color);
135
+ position: absolute;
136
+ top: 0;
137
+ left: 0;
138
+ right: 0;
139
+ }
140
+
141
+ :host [part="footer"] ::slotted(mosaik-paginator) {
142
+ flex-direction: row-reverse;
143
+ align-items: center;
144
+ display: flex;
106
145
  }
107
146
 
108
147
  :host [part="items"] {
109
148
  gap: var(--list-gap);
149
+ min-height: 0;
150
+ overflow-y: overlay;
110
151
  flex-direction: column;
152
+ flex: auto;
111
153
  display: flex;
112
154
  }
113
155
 
114
- :host([orientation="horizontal"]) [part="items"] {
115
- flex-flow: wrap;
156
+ :host [part="items"] [part="filter"] {
157
+ z-index: 2;
158
+ position: sticky;
159
+ top: 8px;
116
160
  }
117
161
 
118
- :host([inset*="none"]), :host([empty]) {
119
- --list-padding-top: 0px;
120
- --list-padding-left: 0px;
121
- --list-padding-bottom: 0px;
122
- --list-padding-right: 0px;
162
+ :host([orientation="horizontal"]) [part="items"] {
163
+ flex-flow: wrap;
123
164
  }
124
165
 
125
166
  :host([mosaik-dropdown-button-projection]), :host([mosaik-split-button-projection]) {
package/Controls/Components/Selectors/List/Themes/ListElement.Joy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2HT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}
package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA6HnD"}
1
+ {"version":3,"file":"ListElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAsKnD"}
package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.js CHANGED
@@ -27,6 +27,7 @@ export function listElementMemphisStyle() {
27
27
  --list-font-weight: unset;
28
28
  --list-foreground-color: unset;
29
29
  --list-gap: unset;
30
+ --list-line-thickness: unset;
30
31
  --list-padding-bottom: unset;
31
32
  --list-padding-left: unset;
32
33
  --list-padding-right: unset;
@@ -88,38 +89,78 @@ export function listElementMemphisStyle() {
88
89
  transition-timing-function: var(--list-transition-mode);
89
90
  transition-property: var(--list-transition-property);
90
91
  box-shadow: var(--list-shadow);
92
+ outline: none;
93
+ flex-direction: column;
94
+ width: 100%;
95
+ height: 100%;
96
+ display: flex;
97
+ overflow: hidden;
98
+ }
99
+
100
+ :host [part="header"], :host [part="footer"] {
91
101
  padding-top: var(--list-padding-top);
92
102
  padding-left: var(--list-padding-left);
93
103
  padding-bottom: var(--list-padding-bottom);
94
104
  padding-right: var(--list-padding-right);
95
- gap: var(--list-gap);
96
- overflow: overlay;
97
- outline: none;
98
- width: 100%;
99
- height: 100%;
105
+ flex: none;
106
+ position: relative;
100
107
  }
101
108
 
102
- :host [part="filter"] {
103
- z-index: 2;
104
- position: sticky;
105
- top: 8px;
109
+ :host [part="header"][hidden], :host [part="footer"][hidden] {
110
+ display: none;
111
+ }
112
+
113
+ :host [part="header"] {
114
+ background-color: var(--list-background-color);
115
+ }
116
+
117
+ :host [part="header"]:after {
118
+ content: "";
119
+ height: var(--list-line-thickness);
120
+ background-color: var(--list-border-color);
121
+ position: absolute;
122
+ bottom: 0;
123
+ left: 0;
124
+ right: 0;
125
+ }
126
+
127
+ :host [part="footer"] {
128
+ background-color: var(--list-background-color);
129
+ }
130
+
131
+ :host [part="footer"]:before {
132
+ content: "";
133
+ height: var(--list-line-thickness);
134
+ background-color: var(--list-border-color);
135
+ position: absolute;
136
+ top: 0;
137
+ left: 0;
138
+ right: 0;
139
+ }
140
+
141
+ :host [part="footer"] ::slotted(mosaik-paginator) {
142
+ flex-direction: row-reverse;
143
+ align-items: center;
144
+ display: flex;
106
145
  }
107
146
 
108
147
  :host [part="items"] {
109
148
  gap: var(--list-gap);
149
+ min-height: 0;
150
+ overflow-y: overlay;
110
151
  flex-direction: column;
152
+ flex: auto;
111
153
  display: flex;
112
154
  }
113
155
 
114
- :host([orientation="horizontal"]) [part="items"] {
115
- flex-flow: wrap;
156
+ :host [part="items"] [part="filter"] {
157
+ z-index: 2;
158
+ position: sticky;
159
+ top: 8px;
116
160
  }
117
161
 
118
- :host([inset*="none"]), :host([empty]) {
119
- --list-padding-top: 0px;
120
- --list-padding-left: 0px;
121
- --list-padding-bottom: 0px;
122
- --list-padding-right: 0px;
162
+ :host([orientation="horizontal"]) [part="items"] {
163
+ flex-flow: wrap;
123
164
  }
124
165
 
125
166
  :host([mosaik-dropdown-button-projection]), :host([mosaik-split-button-projection]) {
package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2HT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ListElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}
package/Controls/Components/Selectors/Menu/Themes/MenuElement.Joy.js CHANGED
@@ -27,10 +27,10 @@ export function menuElementJoyStyle() {
27
27
  --menu-font-weight: var(--joy-typography-body1-font-weight);
28
28
  --menu-foreground-color: var(--joy-scheme-foreground);
29
29
  --menu-gap: unset;
30
- --menu-padding-bottom: var(--joy-layout-spacing);
31
- --menu-padding-left: calc(var(--joy-layout-spacing) * 2);
32
- --menu-padding-right: calc(var(--joy-layout-spacing) * 2);
33
- --menu-padding-top: var(--joy-layout-spacing);
30
+ --menu-padding-bottom: var(--joy-layout-space);
31
+ --menu-padding-left: calc(var(--joy-layout-space) * 2);
32
+ --menu-padding-right: calc(var(--joy-layout-space) * 2);
33
+ --menu-padding-top: var(--joy-layout-space);
34
34
  --menu-shadow: unset unset unset unset unset;
35
35
  --menu-shadow-blur: unset;
36
36
  --menu-shadow-color: unset;
package/Controls/Components/Selectors/Table/Themes/TableElement.Joy.js CHANGED
@@ -33,10 +33,10 @@ export function tableElementJoyStyle() {
33
33
  --table-foreground-color: var(--joy-scheme-foreground);
34
34
  --table-gap: var(--joy-layout-space);
35
35
  --table-line-thickness: var(--joy-layout-thickness);
36
- --table-padding-bottom: var(--joy-layout-space);
36
+ --table-padding-bottom: calc(var(--joy-layout-space) * 2);
37
37
  --table-padding-left: calc(var(--joy-layout-space) * 2);
38
38
  --table-padding-right: calc(var(--joy-layout-space) * 2);
39
- --table-padding-top: var(--joy-layout-space);
39
+ --table-padding-top: calc(var(--joy-layout-space) * 2);
40
40
  --table-row-border-color: var(--joy-scheme-highlight);
41
41
  --table-row-border-radius: unset;
42
42
  --table-row-border-style: solid;
package/custom-elements.json CHANGED
@@ -216623,6 +216623,10 @@
216623
216623
  {
216624
216624
  "name": "Insetable",
216625
216625
  "module": "./../src/Controls/Behaviors/Insetable.ts"
216626
+ },
216627
+ {
216628
+ "name": "Slottable",
216629
+ "module": "./../src/Controls/Behaviors/Slottable.ts"
216626
216630
  }
216627
216631
  ],
216628
216632
  "description": "List - A versatile container component for displaying collections of interactive items in organized layouts.\n\nPresents ordered or unordered collections of related content items with support for selection,\nfiltering, grouping, and navigation. Optimized for accessibility and keyboard interaction\nwith flexible styling options for various content types.",
@@ -216843,6 +216847,107 @@
216843
216847
  "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
216844
216848
  }
216845
216849
  },
216850
+ {
216851
+ "kind": "method",
216852
+ "name": "assignToSlot",
216853
+ "privacy": "public",
216854
+ "type": "(slotName: string, node: Element | Text): void",
216855
+ "description": "Assigns nodes to a dedicated slot.",
216856
+ "parameters": [],
216857
+ "return": {},
216858
+ "inheritedFrom": {
216859
+ "name": "ISlottable",
216860
+ "module": "./../src/Controls/Behaviors/Slottable.ts"
216861
+ }
216862
+ },
216863
+ {
216864
+ "kind": "method",
216865
+ "name": "getSlotAssignments",
216866
+ "privacy": "public",
216867
+ "type": "<T extends Element = Element>(slotName: string, filter?: ((e: T): boolean) | undefined) => T[]",
216868
+ "description": "Returns the assigned elements of a slot.",
216869
+ "parameters": [],
216870
+ "return": {
216871
+ "description": "The assigned elements of a slot."
216872
+ },
216873
+ "inheritedFrom": {
216874
+ "name": "ISlottable",
216875
+ "module": "./../src/Controls/Behaviors/Slottable.ts"
216876
+ }
216877
+ },
216878
+ {
216879
+ "kind": "method",
216880
+ "name": "getSlotAssignmentsOf",
216881
+ "privacy": "public",
216882
+ "type": "<T extends Element = Element>(slotName: string, element: Constructor<T>): T[]",
216883
+ "description": "Returns the assigned elements of a slot with a specific element type.",
216884
+ "parameters": [],
216885
+ "return": {
216886
+ "description": "The assigned elements of a slot."
216887
+ },
216888
+ "inheritedFrom": {
216889
+ "name": "ISlottable",
216890
+ "module": "./../src/Controls/Behaviors/Slottable.ts"
216891
+ }
216892
+ },
216893
+ {
216894
+ "kind": "method",
216895
+ "name": "getSlotContent",
216896
+ "privacy": "public",
216897
+ "type": "(slotName: string): string",
216898
+ "description": "Returns the assigned elements of a slot as string.",
216899
+ "parameters": [],
216900
+ "return": {
216901
+ "description": "The assigned elements of a slot as string."
216902
+ },
216903
+ "inheritedFrom": {
216904
+ "name": "ISlottable",
216905
+ "module": "./../src/Controls/Behaviors/Slottable.ts"
216906
+ }
216907
+ },
216908
+ {
216909
+ "kind": "method",
216910
+ "name": "hasSlotContent",
216911
+ "privacy": "public",
216912
+ "type": "(slotName: string): boolean",
216913
+ "description": "Returns a boolean that indicates if a slot has content.",
216914
+ "parameters": [],
216915
+ "return": {
216916
+ "description": "A boolean that indicates if a slot has content."
216917
+ },
216918
+ "inheritedFrom": {
216919
+ "name": "ISlottable",
216920
+ "module": "./../src/Controls/Behaviors/Slottable.ts"
216921
+ }
216922
+ },
216923
+ {
216924
+ "kind": "method",
216925
+ "name": "hasSlot",
216926
+ "privacy": "public",
216927
+ "type": "(slotName: string): boolean",
216928
+ "description": "Returns a boolean that indicates if a slot exists.",
216929
+ "parameters": [],
216930
+ "return": {
216931
+ "description": "A boolean that indicates if a slot exists."
216932
+ },
216933
+ "inheritedFrom": {
216934
+ "name": "ISlottable",
216935
+ "module": "./../src/Controls/Behaviors/Slottable.ts"
216936
+ }
216937
+ },
216938
+ {
216939
+ "kind": "method",
216940
+ "name": "onSlotChanges",
216941
+ "privacy": "public",
216942
+ "type": "(slotName?: string | undefined): void",
216943
+ "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
216944
+ "parameters": [],
216945
+ "return": {},
216946
+ "inheritedFrom": {
216947
+ "name": "ISlottable",
216948
+ "module": "./../src/Controls/Behaviors/Slottable.ts"
216949
+ }
216950
+ },
216846
216951
  {
216847
216952
  "kind": "method",
216848
216953
  "name": "select",
@@ -217322,6 +217427,11 @@
217322
217427
  "description": "The gap CSS custom property.",
217323
217428
  "type": "String"
217324
217429
  },
217430
+ {
217431
+ "name": "--list-line-thickness",
217432
+ "description": "The line thickness CSS custom property.",
217433
+ "type": "String"
217434
+ },
217325
217435
  {
217326
217436
  "name": "--list-padding-bottom",
217327
217437
  "description": "The padding bottom CSS custom property.",
@@ -217402,6 +217512,14 @@
217402
217512
  "name": "filter",
217403
217513
  "description": "Filter controls container"
217404
217514
  },
217515
+ {
217516
+ "name": "footer",
217517
+ "description": "The footer part."
217518
+ },
217519
+ {
217520
+ "name": "header",
217521
+ "description": "The header part."
217522
+ },
217405
217523
  {
217406
217524
  "name": "items",
217407
217525
  "description": "Container for all list items"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-foundation",
3
- "version": "0.1.46",
3
+ "version": "0.1.47",
4
4
  "description": "Mosaik elements components package.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
14
14
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
15
  },
16
16
  "dependencies": {
17
- "@breadstone/mosaik-elements": "0.1.46",
18
- "@breadstone/mosaik-themes": "0.1.46",
17
+ "@breadstone/mosaik-elements": "0.1.47",
18
+ "@breadstone/mosaik-themes": "0.1.47",
19
19
  "tslib": "2.8.1"
20
20
  },
21
21
  "peerDependencies": {