@breadstone/mosaik-elements-foundation 0.0.134 → 0.0.136
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/Behaviors/Slottable.d.ts +6 -0
- package/Controls/Behaviors/Slottable.d.ts.map +1 -1
- package/Controls/Behaviors/Slottable.js +6 -0
- package/Controls/Behaviors/Slottable.js.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElement.d.ts +3 -2
- package/Controls/Components/Grouping/Banner/BannerElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElement.js +3 -4
- package/Controls/Components/Grouping/Banner/BannerElement.js.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElementTemplate.js +4 -0
- package/Controls/Components/Grouping/Banner/BannerElementTemplate.js.map +1 -1
- package/Controls/Components/Grouping/Banner/IBannerElementProps.d.ts +2 -1
- package/Controls/Components/Grouping/Banner/IBannerElementProps.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Cosmopolitan.js +0 -1
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Joy.js +1 -2
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Joy.js.map +1 -1
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.js +0 -1
- package/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.js.map +1 -1
- package/Controls/Components/Grouping/BannerGroup/BannerGroupDismissBehavior.d.ts +7 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupDismissBehavior.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupDismissBehavior.js +6 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupDismissBehavior.js.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.d.ts +227 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.js +548 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.js.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.d.ts +9 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.js +43 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElementTemplate.js.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.d.ts +6 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.js +5 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupStacking.js.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/IBannerGroupElementProps.d.ts +36 -0
- package/Controls/Components/Grouping/BannerGroup/IBannerGroupElementProps.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/IBannerGroupElementProps.js +3 -0
- package/Controls/Components/Grouping/BannerGroup/IBannerGroupElementProps.js.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Cosmopolitan.d.ts +6 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Cosmopolitan.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Cosmopolitan.js +179 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Cosmopolitan.js.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Joy.d.ts +6 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Joy.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Joy.js +179 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Joy.js.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Retro.d.ts +6 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Retro.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Retro.js +179 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Retro.js.map +1 -0
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Absolute/AbsoluteItemElement.d.ts.map +1 -1
- package/Controls/Components/States/Empty/EmptyStateElementTemplate.d.ts.map +1 -1
- package/Controls/Components/States/Empty/EmptyStateElementTemplate.js +2 -3
- package/Controls/Components/States/Empty/EmptyStateElementTemplate.js.map +1 -1
- package/Controls/Types/BannerGroupDismissBehavior.d.ts +7 -0
- package/Controls/Types/BannerGroupDismissBehavior.d.ts.map +1 -0
- package/Controls/Types/BannerGroupDismissBehavior.js +6 -0
- package/Controls/Types/BannerGroupDismissBehavior.js.map +1 -0
- package/Controls/Types/BannerGroupStacking.d.ts +6 -0
- package/Controls/Types/BannerGroupStacking.d.ts.map +1 -0
- package/Controls/Types/BannerGroupStacking.js +5 -0
- package/Controls/Types/BannerGroupStacking.js.map +1 -0
- package/Index.d.ts +3 -0
- package/Index.d.ts.map +1 -1
- package/Index.js +3 -0
- package/Index.js.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +798 -0
- package/package.json +3 -3
|
@@ -6,6 +6,7 @@ export interface ISlottable {
|
|
|
6
6
|
* Assigns nodes to a dedicated slot.
|
|
7
7
|
*
|
|
8
8
|
* @public
|
|
9
|
+
* @hidden
|
|
9
10
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
10
11
|
* @param node - The nodes to assign to the slot.
|
|
11
12
|
* @returns void
|
|
@@ -15,6 +16,7 @@ export interface ISlottable {
|
|
|
15
16
|
* Returns the assigned elements of a slot.
|
|
16
17
|
*
|
|
17
18
|
* @public
|
|
19
|
+
* @hidden
|
|
18
20
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
19
21
|
* @param filter - The optional filter function.
|
|
20
22
|
* @returns The assigned elements of a slot.
|
|
@@ -24,6 +26,7 @@ export interface ISlottable {
|
|
|
24
26
|
* Returns the assigned elements of a slot with a specific element type.
|
|
25
27
|
*
|
|
26
28
|
* @public
|
|
29
|
+
* @hidden
|
|
27
30
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
28
31
|
* @param element - The element to filter.
|
|
29
32
|
* @returns The assigned elements of a slot.
|
|
@@ -33,6 +36,7 @@ export interface ISlottable {
|
|
|
33
36
|
* Returns a boolean that indicates if a slot has content.
|
|
34
37
|
*
|
|
35
38
|
* @public
|
|
39
|
+
* @hidden
|
|
36
40
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
37
41
|
* @returns A boolean that indicates if a slot has content.
|
|
38
42
|
*/
|
|
@@ -41,6 +45,7 @@ export interface ISlottable {
|
|
|
41
45
|
* Returns a boolean that indicates if a slot exists.
|
|
42
46
|
*
|
|
43
47
|
* @public
|
|
48
|
+
* @hidden
|
|
44
49
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
45
50
|
* @returns A boolean that indicates if a slot exists.
|
|
46
51
|
*/
|
|
@@ -50,6 +55,7 @@ export interface ISlottable {
|
|
|
50
55
|
* This method is a hook that can be overridden.
|
|
51
56
|
*
|
|
52
57
|
* @public
|
|
58
|
+
* @hidden
|
|
53
59
|
* @param slotName - The optional slot name (For default slot, passes undefined).
|
|
54
60
|
*/
|
|
55
61
|
onSlotChanges(slotName?: string): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slottable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Slottable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF,MAAM,WAAW,UAAU;IAIvB
|
|
1
|
+
{"version":3,"file":"Slottable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Slottable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF,MAAM,WAAW,UAAU;IAIvB;;;;;;;;OAQG;IACH,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IAE3D;;;;;;;;OAQG;IACH,kBAAkB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAExG;;;;;;;;OAQG;IACH,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAEvG;;;;;;;OAOG;IACH,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAE1C;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAEnC;;;;;;;OAOG;IACH,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAI1C;AAED;;;;GAIG;AAEH,MAAM,WAAW,eAAe;CAK/B;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,eAAe,GAAG,UAAU,CAiItI,CAAC"}
|
|
@@ -32,6 +32,7 @@ export const Slottable = (base) => {
|
|
|
32
32
|
* Assigns nodes to a dedicated slot.
|
|
33
33
|
*
|
|
34
34
|
* @public
|
|
35
|
+
* @hidden
|
|
35
36
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
36
37
|
* @param node - The nodes to assign to the slot.
|
|
37
38
|
* @returns void
|
|
@@ -51,6 +52,7 @@ export const Slottable = (base) => {
|
|
|
51
52
|
* Returns the assigned elements of a slot.
|
|
52
53
|
*
|
|
53
54
|
* @public
|
|
55
|
+
* @hidden
|
|
54
56
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
55
57
|
* @param filter - The optional filter function.
|
|
56
58
|
* @returns The assigned elements of a slot.
|
|
@@ -66,6 +68,7 @@ export const Slottable = (base) => {
|
|
|
66
68
|
* Returns the assigned elements of a slot.
|
|
67
69
|
*
|
|
68
70
|
* @public
|
|
71
|
+
* @hidden
|
|
69
72
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
70
73
|
* @param element - The element to filter.
|
|
71
74
|
* @returns The assigned elements of a slot.
|
|
@@ -77,6 +80,7 @@ export const Slottable = (base) => {
|
|
|
77
80
|
* Returns a boolean that indicates if a slot has content.
|
|
78
81
|
*
|
|
79
82
|
* @public
|
|
83
|
+
* @hidden
|
|
80
84
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
81
85
|
* @returns A boolean that indicates if a slot has content.
|
|
82
86
|
*/
|
|
@@ -89,6 +93,7 @@ export const Slottable = (base) => {
|
|
|
89
93
|
* Returns a boolean that indicates if a slot exists.
|
|
90
94
|
*
|
|
91
95
|
* @public
|
|
96
|
+
* @hidden
|
|
92
97
|
* @param slotName - The slot name (For default slot, pass an empty string).
|
|
93
98
|
* @returns A boolean that indicates if a slot exists.
|
|
94
99
|
*/
|
|
@@ -99,6 +104,7 @@ export const Slottable = (base) => {
|
|
|
99
104
|
* Called when the slot changes.
|
|
100
105
|
*
|
|
101
106
|
* @public
|
|
107
|
+
* @hidden
|
|
102
108
|
* @param slotName - The optional slot name (For default slot, passes undefined).
|
|
103
109
|
* @returns void
|
|
104
110
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slottable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Slottable.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,yDAAyD;AACzD,kBAAkB;AAIlB,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"Slottable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Slottable.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,yDAAyD;AACzD,kBAAkB;AAIlB,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAyF/D;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAA+C,IAAO,EAA0D,EAAE;IACvI,MAAe,gBAAiB,SAAQ,IAAI;QAExC,iBAAiB;QAEA,eAAe,CAAiB;QAEjD,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,EAAE;gBAC5C,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACnB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACjC,CAAC;aACJ,CAAC,CAAC;QACP,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;;;;;;;WAQG;QACI,YAAY,CAAC,QAAgB,EAAE,IAAoB;YACtD,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,QAAQ,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC;YAChF,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,YAAY,CAAC,CAAC;YAE3E,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,MAAM,gBAAgB,GAAG,QAAQ;oBAC7B,CAAC,CAAC,aAAa,QAAQ,kBAAkB;oBACzC,CAAC,CAAC,iCAAiC,CAAC;gBACxC,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;YACtC,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;QAED;;;;;;;;WAQG;QACI,kBAAkB,CAAqC,QAAgB,EAAE,MAAiC;YAC7G,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,QAAQ,CAAoB,CAAC;YAEvF,IAAI,MAAM,EAAE,CAAC;gBACT,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7C,CAAC;YAED,OAAO,QAAQ,CAAC;QACpB,CAAC;QAED;;;;;;;;WAQG;QACI,oBAAoB,CAAqC,QAAgB,EAAE,OAA8B;YAC5G,OAAO,IAAI,CAAC,kBAAkB,CAAW,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,OAAO,CAAC,CAAC;QAC3F,CAAC;QAED;;;;;;;WAOG;QACI,cAAc,CAAC,QAAgB;YAClC,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7E,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAE7D,OAAO,kBAAkB,IAAI,UAAU,CAAC;QAC5C,CAAC;QAED;;;;;;;WAOG;QACI,OAAO,CAAC,QAAgB;YAC3B,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAClD,CAAC;QAED;;;;;;;WAOG;QACI,aAAa,CAAC,SAAkB;YACnC,WAAW;QACf,CAAC;KAIJ;IAED,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC"}
|
|
@@ -5,7 +5,8 @@ import { Size } from '../../../Types/Size';
|
|
|
5
5
|
import { Variant } from '../../../Types/Variant';
|
|
6
6
|
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
7
7
|
import type { IBannerElementProps } from './IBannerElementProps';
|
|
8
|
-
|
|
8
|
+
import { ISlottable } from '../../../Behaviors/Slottable';
|
|
9
|
+
declare const BannerElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => IOpenable & IOpenableEvents) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Closeable").ICloseableProps & ICloseableEvents & ICloseable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Elevatable").IElevatableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/ContentAlignable").IContentAlignableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
|
|
9
10
|
/**
|
|
10
11
|
* Banner - A flexible and customizable component for displaying prominent messages or actions.
|
|
11
12
|
*
|
|
@@ -76,7 +77,7 @@ declare const BannerElement_base: (abstract new (...args: Array<any>) => import(
|
|
|
76
77
|
*
|
|
77
78
|
* @public
|
|
78
79
|
*/
|
|
79
|
-
export declare class BannerElement extends BannerElement_base implements IBannerElementProps, ICloseableEvents, IOpenableEvents, IOpenable, ICloseable {
|
|
80
|
+
export declare class BannerElement extends BannerElement_base implements IBannerElementProps, ICloseableEvents, IOpenableEvents, IOpenable, ICloseable, ISlottable {
|
|
80
81
|
private _actionElements;
|
|
81
82
|
private _icon;
|
|
82
83
|
private _iconSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAK5F,OAAO,EAAE,SAAS,EAAY,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAQxF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQ9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;
|
|
1
|
+
{"version":3,"file":"BannerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAK5F,OAAO,EAAE,SAAS,EAAY,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAQxF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQ9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAKjE,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;;AAIrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,qBAiBa,aACT,SAAQ,kBACR,YAAW,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;IAIpG,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAU;IAMzB;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,IAAI,GAAG,IAAI,CAEjC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAKrC;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;OAIG;IACH,IACW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAKjC;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAQ/B;IAMD;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAgB3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAkB/C;;;;;OAKG;IACU,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAQpC;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAO1C,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAO1E,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAKzE,SAAS,CAAC,2BAA2B,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;CAMrF;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
|
|
@@ -27,7 +27,6 @@ import { Appearance } from '../../../Types/Appearance';
|
|
|
27
27
|
import { Size } from '../../../Types/Size';
|
|
28
28
|
import { Variant } from '../../../Types/Variant';
|
|
29
29
|
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
30
|
-
import { ButtonElement } from '../../Buttons/Button/ButtonElement';
|
|
31
30
|
import { StackElement } from '../../Layouts/Stack/StackElement';
|
|
32
31
|
import { IconElement } from '../../Media/Icon/IconElement';
|
|
33
32
|
import { TextElement } from '../../Primitives/Text/TextElement';
|
|
@@ -37,8 +36,8 @@ import { BannerSubHeaderElement } from './BannerSubHeaderElement';
|
|
|
37
36
|
import { bannerElementJoyStyle } from './Themes/BannerElement.Joy';
|
|
38
37
|
import { bannerElementRetroStyle } from './Themes/BannerElement.Retro';
|
|
39
38
|
import { bannerElementCosmopolitanStyle } from './Themes/BannerElement.Cosmopolitan';
|
|
40
|
-
import { getSlotElements } from '../../../../Dom/Slot';
|
|
41
39
|
import { DismissElement } from '../../Primitives/Dismiss/DismissElement';
|
|
40
|
+
import { Slottable } from '../../../Behaviors/Slottable';
|
|
42
41
|
// #endregion
|
|
43
42
|
/**
|
|
44
43
|
* Banner - A flexible and customizable component for displaying prominent messages or actions.
|
|
@@ -110,7 +109,7 @@ import { DismissElement } from '../../Primitives/Dismiss/DismissElement';
|
|
|
110
109
|
*
|
|
111
110
|
* @public
|
|
112
111
|
*/
|
|
113
|
-
let BannerElement = class BannerElement extends Themeable(Openable(Closeable(Disableable(Variantable(Appearanceable(Fitable(Elevatable(Orientable(ContentAlignable(TextFormattable(CustomElement))))))))))) {
|
|
112
|
+
let BannerElement = class BannerElement extends Themeable(Openable(Closeable(Disableable(Variantable(Appearanceable(Fitable(Elevatable(Orientable(ContentAlignable(TextFormattable(Slottable(CustomElement)))))))))))) {
|
|
114
113
|
// #region Fields
|
|
115
114
|
_actionElements;
|
|
116
115
|
_icon;
|
|
@@ -280,7 +279,7 @@ let BannerElement = class BannerElement extends Themeable(Openable(Closeable(Dis
|
|
|
280
279
|
*/
|
|
281
280
|
onApplyTemplate() {
|
|
282
281
|
super.onApplyTemplate();
|
|
283
|
-
this._actionElements =
|
|
282
|
+
this._actionElements = this.getSlotAssignments('actions');
|
|
284
283
|
}
|
|
285
284
|
onDisabledPropertyChanged(_prev, next) {
|
|
286
285
|
if (next !== undefined) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAqC,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAa,QAAQ,EAAwB,MAAM,6BAA6B,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"BannerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"BannerElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA+DnF"}
|
|
@@ -32,20 +32,24 @@ export function bannerElementTemplate(e) {
|
|
|
32
32
|
`)}
|
|
33
33
|
<div part="text">
|
|
34
34
|
<slot name="header">
|
|
35
|
+
${when(e.header.trim(), () => html `
|
|
35
36
|
<mosaik-banner-header part="header"
|
|
36
37
|
.variant="${e.variant}"
|
|
37
38
|
.text="${e.header}"
|
|
38
39
|
.dir="${e.dir}"
|
|
39
40
|
.formatter="${e.formatter}"
|
|
40
41
|
?disabled="${e.disabled}"></mosaik-banner-header>
|
|
42
|
+
`)}
|
|
41
43
|
</slot>
|
|
42
44
|
<slot name="subHeader">
|
|
45
|
+
${when(e.subHeader.trim(), () => html `
|
|
43
46
|
<mosaik-banner-sub-header part="subHeader"
|
|
44
47
|
.variant="${e.variant}"
|
|
45
48
|
.text="${e.subHeader}"
|
|
46
49
|
.dir="${e.dir}"
|
|
47
50
|
.formatter="${e.formatter}"
|
|
48
51
|
?disabled="${e.disabled}"></mosaik-banner-sub-header>
|
|
52
|
+
`)}
|
|
49
53
|
</slot>
|
|
50
54
|
</div>
|
|
51
55
|
${when(e.closeable, () => html `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAK1D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,UAAU,KAAK,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oCAEhC,CAAC,CAAC,SAAS;wCACP,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;SACzF,CAAC;;;0CAGgC,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,MAAM;kBACtB,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6CAGI,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAS;8CACzB,CAAC,CAAC,QAAQ;;iBAEvC,CAAC
|
|
1
|
+
{"version":3,"file":"BannerElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAK1D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,UAAU,KAAK,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oCAEhC,CAAC,CAAC,SAAS;wCACP,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;SACzF,CAAC;;;0CAGgC,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,MAAM;kBACtB,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6CAGI,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAS;8CACzB,CAAC,CAAC,QAAQ;;iBAEvC,CAAC;;;0BAGQ,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0DAEA,CAAC,CAAC,OAAO;uDACZ,CAAC,CAAC,MAAM;sDACT,CAAC,CAAC,GAAG;4DACC,CAAC,CAAC,SAAS;2DACZ,CAAC,CAAC,QAAQ;yBAC5C,CAAC;;;0BAGA,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8DAEC,CAAC,CAAC,OAAO;2DACZ,CAAC,CAAC,SAAS;0DACZ,CAAC,CAAC,GAAG;gEACC,CAAC,CAAC,SAAS;+DACZ,CAAC,CAAC,QAAQ;yBAChD,CAAC;;;kBAGR,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;oDAIM,CAAC,CAAC,OAAO;uDACN,OAAO;iDACb,OAAO;qDACH,CAAC,CAAC,QAAQ;kDACb,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE;;;iBAGhD,CAAC;;;kCAGgB,KAAK;;;;KAIlC,CAAC;AACN,CAAC"}
|
|
@@ -5,6 +5,7 @@ import type { IDisableableProps } from '../../../Behaviors/Disableable';
|
|
|
5
5
|
import type { IElevatableProps } from '../../../Behaviors/Elevatable';
|
|
6
6
|
import type { IFitableProps } from '../../../Behaviors/Fitable';
|
|
7
7
|
import type { IOrientableProps } from '../../../Behaviors/Orientable';
|
|
8
|
+
import type { ISlottableProps } from '../../../Behaviors/Slottable';
|
|
8
9
|
import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
|
|
9
10
|
import type { IVariantableProps } from '../../../Behaviors/Variantable';
|
|
10
11
|
import type { Size } from '../../../Types/Size';
|
|
@@ -13,7 +14,7 @@ import type { Size } from '../../../Types/Size';
|
|
|
13
14
|
*
|
|
14
15
|
* @public
|
|
15
16
|
*/
|
|
16
|
-
export interface IBannerElementProps extends ICloseableProps, IDisableableProps, IVariantableProps, IAppearanceableProps, IFitableProps, IElevatableProps, IOrientableProps, IContentAlignableProps, ITextFormattableProps {
|
|
17
|
+
export interface IBannerElementProps extends ICloseableProps, IDisableableProps, IVariantableProps, IAppearanceableProps, IFitableProps, IElevatableProps, IOrientableProps, IContentAlignableProps, ITextFormattableProps, ISlottableProps {
|
|
17
18
|
icon: string;
|
|
18
19
|
iconSize: Size | null;
|
|
19
20
|
header: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IBannerElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/IBannerElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,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,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAIhD;;;;GAIG;AACH,MAAM,WAAW,mBACb,SAAQ,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,qBAAqB;
|
|
1
|
+
{"version":3,"file":"IBannerElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/IBannerElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,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,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAIhD;;;;GAIG;AACH,MAAM,WAAW,mBACb,SAAQ,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,eAAe;IAItM,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;IAEtB,MAAM,EAAE,MAAM,CAAC;IAEf,SAAS,EAAE,MAAM,CAAC;IAElB,MAAM,EAAE,OAAO,CAAC;CAInB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"BannerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAiK1D"}
|
|
@@ -81,7 +81,6 @@ export function bannerElementCosmopolitanStyle() {
|
|
|
81
81
|
padding-left: var(--banner-padding-left);
|
|
82
82
|
padding-bottom: var(--banner-padding-bottom);
|
|
83
83
|
padding-right: var(--banner-padding-right);
|
|
84
|
-
gap: var(--banner-gap);
|
|
85
84
|
box-sizing: border-box;
|
|
86
85
|
display: block;
|
|
87
86
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"BannerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+JT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"BannerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAgXjD"}
|
|
@@ -30,7 +30,7 @@ export function bannerElementJoyStyle() {
|
|
|
30
30
|
--banner-padding-bottom: var(--joy-layout-space);
|
|
31
31
|
--banner-padding-left: calc(var(--joy-layout-space) * 2);
|
|
32
32
|
--banner-padding-right: calc(var(--joy-layout-space) * 2);
|
|
33
|
-
--banner-padding-top:
|
|
33
|
+
--banner-padding-top: var(--joy-layout-space);
|
|
34
34
|
--banner-shadow: var(--joy-elevation-none);
|
|
35
35
|
--banner-transition-duration: var(--joy-duration-short);
|
|
36
36
|
--banner-transition-mode: ease;
|
|
@@ -81,7 +81,6 @@ export function bannerElementJoyStyle() {
|
|
|
81
81
|
padding-left: var(--banner-padding-left);
|
|
82
82
|
padding-bottom: var(--banner-padding-bottom);
|
|
83
83
|
padding-right: var(--banner-padding-right);
|
|
84
|
-
gap: var(--banner-gap);
|
|
85
84
|
box-sizing: border-box;
|
|
86
85
|
display: block;
|
|
87
86
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.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,qBAAqB;IACjC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"BannerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.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,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8WT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"BannerElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA8NnD"}
|
|
@@ -85,7 +85,6 @@ export function bannerElementRetroStyle() {
|
|
|
85
85
|
padding-left: var(--banner-padding-left);
|
|
86
86
|
padding-bottom: var(--banner-padding-bottom);
|
|
87
87
|
padding-right: var(--banner-padding-right);
|
|
88
|
-
gap: var(--banner-gap);
|
|
89
88
|
box-sizing: border-box;
|
|
90
89
|
--banner-background-color: var(--retro-scheme-highlight);
|
|
91
90
|
--banner-foreground-color: var(--retro-scheme-foreground);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"BannerElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4NT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const BannerGroupDismissBehavior: {
|
|
2
|
+
readonly Remove: "remove";
|
|
3
|
+
readonly Hide: "hide";
|
|
4
|
+
readonly None: "none";
|
|
5
|
+
};
|
|
6
|
+
export type BannerGroupDismissBehavior = typeof BannerGroupDismissBehavior[keyof typeof BannerGroupDismissBehavior];
|
|
7
|
+
//# sourceMappingURL=BannerGroupDismissBehavior.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerGroupDismissBehavior.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/BannerGroup/BannerGroupDismissBehavior.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAEX,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC,MAAM,OAAO,0BAA0B,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerGroupDismissBehavior.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/BannerGroup/BannerGroupDismissBehavior.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACN,CAAC"}
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
import { type ISlottable } from '../../../Behaviors/Slottable';
|
|
2
|
+
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
3
|
+
import type { IBannerGroupElementProps } from './IBannerGroupElementProps';
|
|
4
|
+
import { type IEventEmitter, type IEventDetail } from '@breadstone/mosaik-elements';
|
|
5
|
+
import { BannerGroupDismissBehavior } from '../../../Types/BannerGroupDismissBehavior';
|
|
6
|
+
import { BannerGroupStacking } from '../../../Types/BannerGroupStacking';
|
|
7
|
+
/** Change event detail for {@link BannerGroupElement}. */
|
|
8
|
+
export interface IBannerGroupChangeEventDetail extends IEventDetail {
|
|
9
|
+
index: number;
|
|
10
|
+
previousIndex: number;
|
|
11
|
+
length: number;
|
|
12
|
+
}
|
|
13
|
+
declare const BannerGroupElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
14
|
+
/**
|
|
15
|
+
* BannerGroup - A container component for managing and presenting multiple `Banner` instances.
|
|
16
|
+
*
|
|
17
|
+
* @description
|
|
18
|
+
* The `BannerGroup` component arranges several `<mosaik-banner>` elements either as a stack or a simple paged
|
|
19
|
+
* (carousel‑like) sequence. When `maxLength` equals `1`, only a single banner is shown and keyboard navigation
|
|
20
|
+
* allows users to move between items. When `maxLength` is greater than `1`, banners are presented in a stacked
|
|
21
|
+
* layout. Looping navigation can be enabled via the `loop` property. (Persistence, dismissal strategies and depth
|
|
22
|
+
* stacking enhancements can be incorporated in future iterations.)
|
|
23
|
+
*
|
|
24
|
+
* @name BannerGroup
|
|
25
|
+
* @element mosaik-banner-group
|
|
26
|
+
* @category Notifications
|
|
27
|
+
*
|
|
28
|
+
* @fires change - Fired when the active index changes.
|
|
29
|
+
*
|
|
30
|
+
* @slot - The default slot for banner items.
|
|
31
|
+
* @slot prev - Slot for a custom previous control.
|
|
32
|
+
* @slot next - Slot for a custom next control.
|
|
33
|
+
*
|
|
34
|
+
* @csspart root - The root wrapper part.
|
|
35
|
+
* @csspart viewport - The viewport that contains the banners.
|
|
36
|
+
* @csspart control-prev - The previous control wrapper.
|
|
37
|
+
* @csspart control-next - The next control wrapper.
|
|
38
|
+
*
|
|
39
|
+
* @cssprop {unknown} --banner-group-gap - Gap between stacked banners.
|
|
40
|
+
* @cssprop {unknown} --banner-group-transition-duration - Transition duration for paging.
|
|
41
|
+
*
|
|
42
|
+
* @dependency {BannerElement} - The Banner element.
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* ```html
|
|
46
|
+
* <mosaik-banner-group max-visible="1" loop>
|
|
47
|
+
* <mosaik-banner header="Update 1"></mosaik-banner>
|
|
48
|
+
* <mosaik-banner header="Update 2"></mosaik-banner>
|
|
49
|
+
* <mosaik-banner header="Update 3"></mosaik-banner>
|
|
50
|
+
* </mosaik-banner-group>
|
|
51
|
+
* ```
|
|
52
|
+
*
|
|
53
|
+
* @public
|
|
54
|
+
*/
|
|
55
|
+
export declare class BannerGroupElement extends BannerGroupElement_base implements IBannerGroupElementProps, ISlottable {
|
|
56
|
+
private readonly _change;
|
|
57
|
+
private readonly _keyboardController;
|
|
58
|
+
private _eventSubscriptions;
|
|
59
|
+
private _index;
|
|
60
|
+
private _loop;
|
|
61
|
+
private _maxLength;
|
|
62
|
+
private _dismissBehavior;
|
|
63
|
+
private _stacking;
|
|
64
|
+
private _reverse;
|
|
65
|
+
private _previousIndex;
|
|
66
|
+
/**
|
|
67
|
+
* @public
|
|
68
|
+
*/
|
|
69
|
+
constructor();
|
|
70
|
+
/**
|
|
71
|
+
* Returns the `{@link is}` property.
|
|
72
|
+
* The `{@link is}` property represents the natural name of this element.
|
|
73
|
+
*
|
|
74
|
+
* @public
|
|
75
|
+
* @static
|
|
76
|
+
* @readonly
|
|
77
|
+
*/
|
|
78
|
+
static get is(): string;
|
|
79
|
+
/**
|
|
80
|
+
* Gets or sets the `index` property representing the current active (start) index.
|
|
81
|
+
*
|
|
82
|
+
* @public
|
|
83
|
+
* @attr
|
|
84
|
+
*/
|
|
85
|
+
get index(): number;
|
|
86
|
+
set index(value: number);
|
|
87
|
+
/**
|
|
88
|
+
* Gets or sets the `loop` property enabling circular navigation.
|
|
89
|
+
*
|
|
90
|
+
* @public
|
|
91
|
+
* @attr
|
|
92
|
+
*/
|
|
93
|
+
get loop(): boolean;
|
|
94
|
+
set loop(value: boolean);
|
|
95
|
+
/**
|
|
96
|
+
* Gets or sets the `maxLength` property (1 = pager/carousel mode).
|
|
97
|
+
*
|
|
98
|
+
* @public
|
|
99
|
+
* @attr
|
|
100
|
+
*/
|
|
101
|
+
get maxLength(): number;
|
|
102
|
+
set maxLength(value: number);
|
|
103
|
+
/**
|
|
104
|
+
* Gets or sets the `dismissBehavior` property defining how dismissed banners are handled.
|
|
105
|
+
* (Future extension point.)
|
|
106
|
+
*
|
|
107
|
+
* @public
|
|
108
|
+
* @attr
|
|
109
|
+
*/
|
|
110
|
+
get dismissBehavior(): BannerGroupDismissBehavior;
|
|
111
|
+
set dismissBehavior(value: BannerGroupDismissBehavior);
|
|
112
|
+
/**
|
|
113
|
+
* Gets or sets the `stacking` property controlling vertical or depth stacking.
|
|
114
|
+
*
|
|
115
|
+
* @public
|
|
116
|
+
* @attr
|
|
117
|
+
*/
|
|
118
|
+
get stacking(): BannerGroupStacking;
|
|
119
|
+
set stacking(value: BannerGroupStacking);
|
|
120
|
+
/**
|
|
121
|
+
* Gets or sets the `reverse` property displaying newest banners first when true.
|
|
122
|
+
*
|
|
123
|
+
* @public
|
|
124
|
+
* @attr
|
|
125
|
+
*/
|
|
126
|
+
get reverse(): boolean;
|
|
127
|
+
set reverse(value: boolean);
|
|
128
|
+
/**
|
|
129
|
+
* Returns the total number of banners.
|
|
130
|
+
*
|
|
131
|
+
* @public
|
|
132
|
+
* @readonly
|
|
133
|
+
*/
|
|
134
|
+
get length(): number;
|
|
135
|
+
/**
|
|
136
|
+
* Returns whether previous navigation is possible.
|
|
137
|
+
*
|
|
138
|
+
* @public
|
|
139
|
+
* @readonly
|
|
140
|
+
*/
|
|
141
|
+
get canPrev(): boolean;
|
|
142
|
+
/**
|
|
143
|
+
* Returns whether next navigation is possible.
|
|
144
|
+
*
|
|
145
|
+
* @public
|
|
146
|
+
* @readonly
|
|
147
|
+
*/
|
|
148
|
+
get canNext(): boolean;
|
|
149
|
+
/**
|
|
150
|
+
* Fired when the active index changes.
|
|
151
|
+
*
|
|
152
|
+
* @public
|
|
153
|
+
*/
|
|
154
|
+
get change(): IEventEmitter<IBannerGroupChangeEventDetail>;
|
|
155
|
+
/**
|
|
156
|
+
* @protected
|
|
157
|
+
* @override
|
|
158
|
+
*/
|
|
159
|
+
onSlotChanges(): void;
|
|
160
|
+
/**
|
|
161
|
+
* @public
|
|
162
|
+
* @override
|
|
163
|
+
*/
|
|
164
|
+
connectedCallback(): void;
|
|
165
|
+
/**
|
|
166
|
+
* Navigates to the previous banner.
|
|
167
|
+
*
|
|
168
|
+
* @public
|
|
169
|
+
*/
|
|
170
|
+
previous(): void;
|
|
171
|
+
/**
|
|
172
|
+
* Navigates to the next banner.
|
|
173
|
+
*
|
|
174
|
+
* @public
|
|
175
|
+
*/
|
|
176
|
+
next(): void;
|
|
177
|
+
/**
|
|
178
|
+
* Navigates to the first banner.
|
|
179
|
+
*
|
|
180
|
+
* @public
|
|
181
|
+
*/
|
|
182
|
+
first(): void;
|
|
183
|
+
/**
|
|
184
|
+
* Navigates to the last banner.
|
|
185
|
+
*
|
|
186
|
+
* @public
|
|
187
|
+
*/
|
|
188
|
+
last(): void;
|
|
189
|
+
/**
|
|
190
|
+
* Navigates to a specific index.
|
|
191
|
+
*
|
|
192
|
+
* @public
|
|
193
|
+
*/
|
|
194
|
+
goTo(i: number): void;
|
|
195
|
+
protected onIndexPropertyChanged(): void;
|
|
196
|
+
protected onMaxLengthPropertyChanged(): void;
|
|
197
|
+
protected onReversePropertyChanged(): void;
|
|
198
|
+
protected onStackingPropertyChanged(): void;
|
|
199
|
+
protected onDirPropertyChanged(): void;
|
|
200
|
+
protected onDisabledPropertyChanged(_prev?: boolean, next?: boolean): void;
|
|
201
|
+
private navigate;
|
|
202
|
+
private emitChange;
|
|
203
|
+
private clearSubscriptions;
|
|
204
|
+
/**
|
|
205
|
+
* Updates banner visibility, ordering and (optional) depth stacking transforms.
|
|
206
|
+
*
|
|
207
|
+
* @private
|
|
208
|
+
*/
|
|
209
|
+
private updateLayout;
|
|
210
|
+
/**
|
|
211
|
+
* Attaches a one‑time transition end handler to a leaving banner (pager mode) to finalize its hidden state.
|
|
212
|
+
* @private
|
|
213
|
+
*/
|
|
214
|
+
private attachLeavingTransitionHandler;
|
|
215
|
+
}
|
|
216
|
+
/** @public */
|
|
217
|
+
export declare namespace BannerGroupElement {
|
|
218
|
+
type Props = IBannerGroupElementProps;
|
|
219
|
+
}
|
|
220
|
+
/** @public */
|
|
221
|
+
declare global {
|
|
222
|
+
interface HTMLElementTagNameMap {
|
|
223
|
+
'mosaik-banner-group': BannerGroupElement;
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
export {};
|
|
227
|
+
//# sourceMappingURL=BannerGroupElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BannerGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/BannerGroup/BannerGroupElement.ts"],"names":[],"mappings":"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"}
|