@breadstone/mosaik-elements-foundation 0.1.26 → 0.1.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Controls/Components/Buttons/SplitButton/SplitButtonElement.d.ts +3 -0
- package/Controls/Components/Buttons/SplitButton/SplitButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/SplitButton/SplitButtonElement.js +4 -0
- package/Controls/Components/Buttons/SplitButton/SplitButtonElement.js.map +1 -1
- package/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.js +27 -20
- package/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.js.map +1 -1
- package/Controls/Components/Overlays/Toast/IToastActionsElementProps.d.ts +9 -0
- package/Controls/Components/Overlays/Toast/IToastActionsElementProps.d.ts.map +1 -0
- package/Controls/Components/Overlays/Toast/IToastActionsElementProps.js +3 -0
- package/Controls/Components/Overlays/Toast/IToastActionsElementProps.js.map +1 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.d.ts +6 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.d.ts.map +1 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.js +82 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.js.map +1 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.d.ts +6 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.d.ts.map +1 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.js +82 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.js.map +1 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.d.ts +6 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.d.ts.map +1 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.js +82 -0
- package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.js.map +1 -0
- package/Controls/Components/Overlays/Toast/ToastActionsElement.d.ts +88 -0
- package/Controls/Components/Overlays/Toast/ToastActionsElement.d.ts.map +1 -0
- package/Controls/Components/Overlays/Toast/ToastActionsElement.js +115 -0
- package/Controls/Components/Overlays/Toast/ToastActionsElement.js.map +1 -0
- package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.d.ts +9 -0
- package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.d.ts.map +1 -0
- package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.js +36 -0
- package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.js.map +1 -0
- package/Controls/Components/Overlays/Toast/ToastElement.d.ts.map +1 -1
- package/Controls/Components/Overlays/Toast/ToastElement.js +3 -1
- package/Controls/Components/Overlays/Toast/ToastElement.js.map +1 -1
- package/Index.d.ts +1 -0
- package/Index.d.ts.map +1 -1
- package/Index.js +1 -0
- package/Index.js.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +520 -0
- package/package.json +3 -3
|
@@ -31,7 +31,9 @@ declare const SplitButtonElement_base: (abstract new (...args: Array<any>) => im
|
|
|
31
31
|
* @csspart innerStack - The innerStack part.
|
|
32
32
|
* @csspart label - The label part of the split button.
|
|
33
33
|
* @csspart popup - The popup part of the split button.
|
|
34
|
+
* @csspart portal - The portal part.
|
|
34
35
|
* @csspart progressRing - The progress ring part of the split button.
|
|
36
|
+
* @csspart projection - The projection part.
|
|
35
37
|
* @csspart rippleMain - The rippleMain part.
|
|
36
38
|
* @csspart rippleSplit - The rippleSplit part.
|
|
37
39
|
*
|
|
@@ -82,6 +84,7 @@ declare const SplitButtonElement_base: (abstract new (...args: Array<any>) => im
|
|
|
82
84
|
* @dependency {FloatingElement} mosaik-floating - The Floating component, used for floating behavior.
|
|
83
85
|
* @dependency {FocusRingElement} mosaik-focus-ring - The Focus Ring component, used for focus indication.
|
|
84
86
|
* @dependency {IconElement} mosaik-icon - The Icon component, used for displaying the icon.
|
|
87
|
+
* @dependency mosaik-portal - The Portal element.
|
|
85
88
|
* @dependency {ProgressRingElement} mosaik-progress-ring - The Progress Ring component, used for progress indication.
|
|
86
89
|
* @dependency {RippleElement} mosaik-ripple - The Ripple component, used for the ripple effect.
|
|
87
90
|
* @dependency {StackElement} mosaik-stack - The Stack component, used for layout management.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAoBnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAQ3E
|
|
1
|
+
{"version":3,"file":"SplitButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAoBnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAQ3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+GG;AACH,qBAwBa,kBACT,SAAQ,uBACR,YAAW,wBAAwB,EAAE,aAAa;IAIlD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAM7D;;OAEG;;IA0BH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;OAEG;IAEH,SAAS,CAAC,+BAA+B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAgBhF,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAOjE,OAAO,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IASnC;;OAEG;IACH,OAAO,CAAC,gBAAgB;CAM3B;AAED;;GAEG;AACH,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}
|
|
@@ -66,7 +66,9 @@ import { splitButtonElementMemphisStyle } from './Themes/SplitButtonElement.Memp
|
|
|
66
66
|
* @csspart innerStack - The innerStack part.
|
|
67
67
|
* @csspart label - The label part of the split button.
|
|
68
68
|
* @csspart popup - The popup part of the split button.
|
|
69
|
+
* @csspart portal - The portal part.
|
|
69
70
|
* @csspart progressRing - The progress ring part of the split button.
|
|
71
|
+
* @csspart projection - The projection part.
|
|
70
72
|
* @csspart rippleMain - The rippleMain part.
|
|
71
73
|
* @csspart rippleSplit - The rippleSplit part.
|
|
72
74
|
*
|
|
@@ -117,6 +119,7 @@ import { splitButtonElementMemphisStyle } from './Themes/SplitButtonElement.Memp
|
|
|
117
119
|
* @dependency {FloatingElement} mosaik-floating - The Floating component, used for floating behavior.
|
|
118
120
|
* @dependency {FocusRingElement} mosaik-focus-ring - The Focus Ring component, used for focus indication.
|
|
119
121
|
* @dependency {IconElement} mosaik-icon - The Icon component, used for displaying the icon.
|
|
122
|
+
* @dependency mosaik-portal - The Portal element.
|
|
120
123
|
* @dependency {ProgressRingElement} mosaik-progress-ring - The Progress Ring component, used for progress indication.
|
|
121
124
|
* @dependency {RippleElement} mosaik-ripple - The Ripple component, used for the ripple effect.
|
|
122
125
|
* @dependency {StackElement} mosaik-stack - The Stack component, used for layout management.
|
|
@@ -170,6 +173,7 @@ let SplitButtonElement = SplitButtonElement_1 = class SplitButtonElement extends
|
|
|
170
173
|
});
|
|
171
174
|
// REMARK: This is a workaround for the issue with the docs generation.
|
|
172
175
|
Object.assign(this, { dropDownMaxHeight: 'auto' });
|
|
176
|
+
this.addEventListener('activated', () => this.close());
|
|
173
177
|
}
|
|
174
178
|
// #endregion
|
|
175
179
|
// #region Properties
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;;AAElB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAsB,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAErF,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"SplitButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"SplitButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAwH7F"}
|
|
@@ -18,7 +18,8 @@ export function splitButtonElementTemplate(e) {
|
|
|
18
18
|
part="button"
|
|
19
19
|
type="${e.type}"
|
|
20
20
|
@focusin="${(x) => showFocusRing(x, 'focusRingMain', 'focusRingSplit')}"
|
|
21
|
-
@focusout="${(x) => hideFocusRing(x, 'focusRingMain')}"
|
|
21
|
+
@focusout="${(x) => hideFocusRing(x, 'focusRingMain')}"
|
|
22
|
+
@click="${() => e.close()}">
|
|
22
23
|
${when(!e.disabled, () => html `
|
|
23
24
|
<mosaik-focus-ring part="focusRingMain"
|
|
24
25
|
.lang="${e.lang}"
|
|
@@ -108,27 +109,33 @@ export function splitButtonElementTemplate(e) {
|
|
|
108
109
|
?disabled="${e.disabled}"></mosaik-icon>
|
|
109
110
|
</button>
|
|
110
111
|
<slot name="overlay"></slot>
|
|
111
|
-
<
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
112
|
+
<slot></slot>
|
|
113
|
+
<mosaik-portal part="portal">
|
|
114
|
+
<mosaik-floating part="popup"
|
|
115
|
+
.lang="${e.lang}"
|
|
116
|
+
.dir="${e.dir}"
|
|
117
|
+
.anchor="${getSplitAnchor(e)}"
|
|
118
|
+
.placement="${e.dropDownPlacement}"
|
|
119
|
+
.distance="${e.dropDownDistance}"
|
|
120
|
+
.skidding="${e.dropDownSkidding}"
|
|
121
|
+
.strategy="${e.dropDownStrategy}"
|
|
122
|
+
.maxHeight="${e.dropDownMaxHeight}"
|
|
123
|
+
.height="${e.dropDownHeight}"
|
|
124
|
+
.maxWidth="${e.dropDownMaxWidth}"
|
|
125
|
+
.width="${e.dropDownWidth}"
|
|
126
|
+
.flipFallbackPlacements="${[Placement.Top, Placement.Bottom, Placement.Left, Placement.Right]}"
|
|
127
|
+
.sync="${'none'}"
|
|
128
|
+
?flip="${true}"
|
|
129
|
+
?shift="${true}"
|
|
130
|
+
?active="${e.isDropDownOpen}">
|
|
131
|
+
<div part="projection"></div>
|
|
132
|
+
</mosaik-floating>
|
|
133
|
+
</mosaik-portal>
|
|
130
134
|
`;
|
|
131
135
|
}
|
|
136
|
+
function getSplitAnchor(element) {
|
|
137
|
+
return element.shadowRoot?.getElementById('button_split') ?? element;
|
|
138
|
+
}
|
|
132
139
|
function showFocusRing(event, focusedPart, blurredPart) {
|
|
133
140
|
setFocusRingVisible(event, focusedPart, true);
|
|
134
141
|
setFocusRingVisible(event, blurredPart, false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAQ3C;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;;wBAGS,CAAC,CAAC,IAAI;4BACF,CAAC,CAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,eAAe,EAAE,gBAAgB,CAAC;6BACrE,CAAC,CAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"SplitButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ISlottableProps } from '../../../Behaviors/Slottable';
|
|
2
|
+
/**
|
|
3
|
+
* Represents the `IToastActionsElementProps` interface.
|
|
4
|
+
*
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export interface IToastActionsElementProps extends ISlottableProps {
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=IToastActionsElementProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IToastActionsElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/IToastActionsElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE;;;;GAIG;AACH,MAAM,WAAW,yBAA0B,SAAQ,eAAe;CACjE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IToastActionsElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/IToastActionsElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastActionsElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oCAAoC,IAAI,SAAS,CAoEhE"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
// ------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by a tool.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
5
|
+
// </auto-generated>
|
|
6
|
+
// ------------------------------------------------------------------------------
|
|
7
|
+
// #region Imports
|
|
8
|
+
import { css } from '../../../../../Dom/Css';
|
|
9
|
+
// #endregion
|
|
10
|
+
/**
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export function toastActionsElementCosmopolitanStyle() {
|
|
14
|
+
return css `
|
|
15
|
+
:host {
|
|
16
|
+
--toast-actions-font-family: unset;
|
|
17
|
+
--toast-actions-font-letter-spacing: unset;
|
|
18
|
+
--toast-actions-font-line-height: unset;
|
|
19
|
+
--toast-actions-font-size: unset;
|
|
20
|
+
--toast-actions-font-text-decoration: unset;
|
|
21
|
+
--toast-actions-font-text-transform: unset;
|
|
22
|
+
--toast-actions-font-weight: unset;
|
|
23
|
+
--toast-actions-gap: unset;
|
|
24
|
+
--toast-actions-padding-bottom: unset;
|
|
25
|
+
--toast-actions-padding-left: unset;
|
|
26
|
+
--toast-actions-padding-right: unset;
|
|
27
|
+
--toast-actions-padding-top: unset;
|
|
28
|
+
--toast-actions-shadow: unset unset unset unset unset;
|
|
29
|
+
--toast-actions-shadow-blur: unset;
|
|
30
|
+
--toast-actions-shadow-color: unset;
|
|
31
|
+
--toast-actions-shadow-offset-x: unset;
|
|
32
|
+
--toast-actions-shadow-offset-y: unset;
|
|
33
|
+
--toast-actions-shadow-spread: unset;
|
|
34
|
+
--toast-actions-transition-duration: unset;
|
|
35
|
+
--toast-actions-transition-mode: unset;
|
|
36
|
+
--toast-actions-transition-property: unset;
|
|
37
|
+
--toast-actions-translate: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
|
41
|
+
:host {
|
|
42
|
+
transition-duration: .01ms;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:host {
|
|
47
|
+
box-sizing: border-box;
|
|
48
|
+
display: block;
|
|
49
|
+
position: relative;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
:host *, :host :before, :host :after {
|
|
53
|
+
box-sizing: border-box;
|
|
54
|
+
background-repeat: no-repeat;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host :before, :host :after {
|
|
58
|
+
text-decoration: inherit;
|
|
59
|
+
vertical-align: inherit;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:host([hidden]) {
|
|
63
|
+
display: none !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
:host {
|
|
67
|
+
padding: var(--toast-actions-padding-top) var(--toast-actions-padding-right) var(--toast-actions-padding-bottom) var(--toast-actions-padding-left);
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
align-items: center;
|
|
70
|
+
gap: var(--toast-actions-gap);
|
|
71
|
+
flex-direction: row;
|
|
72
|
+
display: flex;
|
|
73
|
+
position: relative;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
:host [part="innerStack"] {
|
|
77
|
+
--stack-gap: var(--toast-actions-gap);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
`;
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=ToastActionsElement.Cosmopolitan.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastActionsElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.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,oCAAoC;IAChD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastActionsElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAoEvD"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
// ------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by a tool.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
5
|
+
// </auto-generated>
|
|
6
|
+
// ------------------------------------------------------------------------------
|
|
7
|
+
// #region Imports
|
|
8
|
+
import { css } from '../../../../../Dom/Css';
|
|
9
|
+
// #endregion
|
|
10
|
+
/**
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export function toastActionsElementJoyStyle() {
|
|
14
|
+
return css `
|
|
15
|
+
:host {
|
|
16
|
+
--toast-actions-font-family: unset;
|
|
17
|
+
--toast-actions-font-letter-spacing: unset;
|
|
18
|
+
--toast-actions-font-line-height: unset;
|
|
19
|
+
--toast-actions-font-size: unset;
|
|
20
|
+
--toast-actions-font-text-decoration: unset;
|
|
21
|
+
--toast-actions-font-text-transform: unset;
|
|
22
|
+
--toast-actions-font-weight: unset;
|
|
23
|
+
--toast-actions-gap: var(--joy-layout-space);
|
|
24
|
+
--toast-actions-padding-bottom: var(--joy-layout-space);
|
|
25
|
+
--toast-actions-padding-left: calc(var(--joy-layout-space) * 2);
|
|
26
|
+
--toast-actions-padding-right: calc(var(--joy-layout-space) * 2);
|
|
27
|
+
--toast-actions-padding-top: var(--joy-layout-space);
|
|
28
|
+
--toast-actions-shadow: unset unset unset unset unset;
|
|
29
|
+
--toast-actions-shadow-blur: unset;
|
|
30
|
+
--toast-actions-shadow-color: unset;
|
|
31
|
+
--toast-actions-shadow-offset-x: unset;
|
|
32
|
+
--toast-actions-shadow-offset-y: unset;
|
|
33
|
+
--toast-actions-shadow-spread: unset;
|
|
34
|
+
--toast-actions-transition-duration: unset;
|
|
35
|
+
--toast-actions-transition-mode: unset;
|
|
36
|
+
--toast-actions-transition-property: unset;
|
|
37
|
+
--toast-actions-translate: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
|
41
|
+
:host {
|
|
42
|
+
transition-duration: .01ms;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:host {
|
|
47
|
+
box-sizing: border-box;
|
|
48
|
+
display: block;
|
|
49
|
+
position: relative;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
:host *, :host :before, :host :after {
|
|
53
|
+
box-sizing: border-box;
|
|
54
|
+
background-repeat: no-repeat;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host :before, :host :after {
|
|
58
|
+
text-decoration: inherit;
|
|
59
|
+
vertical-align: inherit;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:host([hidden]) {
|
|
63
|
+
display: none !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
:host {
|
|
67
|
+
padding: var(--toast-actions-padding-top) var(--toast-actions-padding-right) var(--toast-actions-padding-bottom) var(--toast-actions-padding-left);
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
align-items: center;
|
|
70
|
+
gap: var(--toast-actions-gap);
|
|
71
|
+
flex-direction: row;
|
|
72
|
+
display: flex;
|
|
73
|
+
position: relative;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
:host [part="innerStack"] {
|
|
77
|
+
--stack-gap: var(--toast-actions-gap);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
`;
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=ToastActionsElement.Joy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastActionsElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastActionsElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAoE3D"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
// ------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by a tool.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
5
|
+
// </auto-generated>
|
|
6
|
+
// ------------------------------------------------------------------------------
|
|
7
|
+
// #region Imports
|
|
8
|
+
import { css } from '../../../../../Dom/Css';
|
|
9
|
+
// #endregion
|
|
10
|
+
/**
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export function toastActionsElementMemphisStyle() {
|
|
14
|
+
return css `
|
|
15
|
+
:host {
|
|
16
|
+
--toast-actions-font-family: unset;
|
|
17
|
+
--toast-actions-font-letter-spacing: unset;
|
|
18
|
+
--toast-actions-font-line-height: unset;
|
|
19
|
+
--toast-actions-font-size: unset;
|
|
20
|
+
--toast-actions-font-text-decoration: unset;
|
|
21
|
+
--toast-actions-font-text-transform: unset;
|
|
22
|
+
--toast-actions-font-weight: unset;
|
|
23
|
+
--toast-actions-gap: var(--memphis-layout-space);
|
|
24
|
+
--toast-actions-padding-bottom: calc(var(--memphis-layout-space) * 2);
|
|
25
|
+
--toast-actions-padding-left: calc(var(--memphis-layout-space) * 2);
|
|
26
|
+
--toast-actions-padding-right: calc(var(--memphis-layout-space) * 2);
|
|
27
|
+
--toast-actions-padding-top: calc(var(--memphis-layout-space) * 2);
|
|
28
|
+
--toast-actions-shadow: unset unset unset unset unset;
|
|
29
|
+
--toast-actions-shadow-blur: unset;
|
|
30
|
+
--toast-actions-shadow-color: unset;
|
|
31
|
+
--toast-actions-shadow-offset-x: unset;
|
|
32
|
+
--toast-actions-shadow-offset-y: unset;
|
|
33
|
+
--toast-actions-shadow-spread: unset;
|
|
34
|
+
--toast-actions-transition-duration: unset;
|
|
35
|
+
--toast-actions-transition-mode: unset;
|
|
36
|
+
--toast-actions-transition-property: unset;
|
|
37
|
+
--toast-actions-translate: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
|
41
|
+
:host {
|
|
42
|
+
transition-duration: .01ms;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:host {
|
|
47
|
+
box-sizing: border-box;
|
|
48
|
+
display: block;
|
|
49
|
+
position: relative;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
:host *, :host :before, :host :after {
|
|
53
|
+
box-sizing: border-box;
|
|
54
|
+
background-repeat: no-repeat;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host :before, :host :after {
|
|
58
|
+
text-decoration: inherit;
|
|
59
|
+
vertical-align: inherit;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:host([hidden]) {
|
|
63
|
+
display: none !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
:host {
|
|
67
|
+
padding: var(--toast-actions-padding-top) var(--toast-actions-padding-right) var(--toast-actions-padding-bottom) var(--toast-actions-padding-left);
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
align-items: center;
|
|
70
|
+
gap: var(--toast-actions-gap);
|
|
71
|
+
flex-direction: row;
|
|
72
|
+
display: flex;
|
|
73
|
+
position: relative;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
:host [part="innerStack"] {
|
|
77
|
+
--stack-gap: var(--toast-actions-gap);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
`;
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=ToastActionsElement.Memphis.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastActionsElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { ISlottable } from '../../../Behaviors/Slottable';
|
|
2
|
+
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
3
|
+
import type { IToastActionsElementProps } from './IToastActionsElementProps';
|
|
4
|
+
declare const ToastActionsElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
5
|
+
/**
|
|
6
|
+
* ToastActions - Container for action buttons within a toast.
|
|
7
|
+
*
|
|
8
|
+
* @description
|
|
9
|
+
* Hosts the action buttons that appear at the bottom of a toast.
|
|
10
|
+
* Place this element in the `actions` slot of `mosaik-toast`.
|
|
11
|
+
*
|
|
12
|
+
* @name ToastActions
|
|
13
|
+
* @element mosaik-toast-actions
|
|
14
|
+
* @category Overlays
|
|
15
|
+
*
|
|
16
|
+
* @slot - The default content slot for action buttons.
|
|
17
|
+
* @slot prefix - The prefix slot.
|
|
18
|
+
* @slot suffix - The suffix slot.
|
|
19
|
+
*
|
|
20
|
+
* @csspart innerStack - The innerStack part.
|
|
21
|
+
*
|
|
22
|
+
* @cssprop {String} --toast-actions-font-family - The actions font family CSS custom property.
|
|
23
|
+
* @cssprop {String} --toast-actions-font-letter-spacing - The actions font letter spacing CSS custom property.
|
|
24
|
+
* @cssprop {String} --toast-actions-font-line-height - The actions font line height CSS custom property.
|
|
25
|
+
* @cssprop {String} --toast-actions-font-size - The actions font size CSS custom property.
|
|
26
|
+
* @cssprop {String} --toast-actions-font-text-decoration - The actions font text decoration CSS custom property.
|
|
27
|
+
* @cssprop {String} --toast-actions-font-text-transform - The actions font text transform CSS custom property.
|
|
28
|
+
* @cssprop {String} --toast-actions-font-weight - The actions font weight CSS custom property.
|
|
29
|
+
* @cssprop {String} --toast-actions-gap - The actions gap CSS custom property.
|
|
30
|
+
* @cssprop {String} --toast-actions-padding-bottom - The actions padding bottom CSS custom property.
|
|
31
|
+
* @cssprop {String} --toast-actions-padding-left - The actions padding left CSS custom property.
|
|
32
|
+
* @cssprop {String} --toast-actions-padding-right - The actions padding right CSS custom property.
|
|
33
|
+
* @cssprop {String} --toast-actions-padding-top - The actions padding top CSS custom property.
|
|
34
|
+
* @cssprop {String} --toast-actions-shadow - The actions shadow CSS custom property.
|
|
35
|
+
* @cssprop {String} --toast-actions-shadow-blur - The actions shadow blur CSS custom property.
|
|
36
|
+
* @cssprop {String} --toast-actions-shadow-color - The actions shadow color CSS custom property.
|
|
37
|
+
* @cssprop {String} --toast-actions-shadow-offset-x - The actions shadow offset x CSS custom property.
|
|
38
|
+
* @cssprop {String} --toast-actions-shadow-offset-y - The actions shadow offset y CSS custom property.
|
|
39
|
+
* @cssprop {String} --toast-actions-shadow-spread - The actions shadow spread CSS custom property.
|
|
40
|
+
* @cssprop {String} --toast-actions-transition-duration - The actions transition duration CSS custom property.
|
|
41
|
+
* @cssprop {String} --toast-actions-transition-mode - The actions transition mode CSS custom property.
|
|
42
|
+
* @cssprop {String} --toast-actions-transition-property - The actions transition property CSS custom property.
|
|
43
|
+
* @cssprop {String} --toast-actions-translate - The actions translate CSS custom property.
|
|
44
|
+
*
|
|
45
|
+
* @dependency mosaik-stack - The Stack element.
|
|
46
|
+
*
|
|
47
|
+
* @example
|
|
48
|
+
* Toast actions with two buttons:
|
|
49
|
+
* ```html
|
|
50
|
+
* <mosaik-toast-actions slot="actions">
|
|
51
|
+
* <mosaik-button><span slot="label">Cancel</span></mosaik-button>
|
|
52
|
+
* <mosaik-button variant="primary"><span slot="label">Confirm</span></mosaik-button>
|
|
53
|
+
* </mosaik-toast-actions>
|
|
54
|
+
* ```
|
|
55
|
+
*
|
|
56
|
+
* @public
|
|
57
|
+
*/
|
|
58
|
+
export declare class ToastActionsElement extends ToastActionsElement_base implements IToastActionsElementProps, ISlottable {
|
|
59
|
+
/**
|
|
60
|
+
* @public
|
|
61
|
+
*/
|
|
62
|
+
constructor();
|
|
63
|
+
/**
|
|
64
|
+
* Returns the `is` property.
|
|
65
|
+
* The `is` property represents natural name of this element.
|
|
66
|
+
*
|
|
67
|
+
* @public
|
|
68
|
+
* @static
|
|
69
|
+
* @readonly
|
|
70
|
+
*/
|
|
71
|
+
static get is(): string;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* @public
|
|
75
|
+
*/
|
|
76
|
+
export declare namespace ToastActionsElement {
|
|
77
|
+
type Props = IToastActionsElementProps;
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* @public
|
|
81
|
+
*/
|
|
82
|
+
declare global {
|
|
83
|
+
interface HTMLElementTagNameMap {
|
|
84
|
+
'mosaik-toast-actions': ToastActionsElement;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
export {};
|
|
88
|
+
//# sourceMappingURL=ToastActionsElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastActionsElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastActionsElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAQ7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,qBAea,mBACT,SAAQ,wBACR,YAAW,yBAAyB,EAAE,UAAU;IAIhD;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;EAEE;AACF,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}
|