@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.
Files changed (41) hide show
  1. package/Controls/Components/Buttons/SplitButton/SplitButtonElement.d.ts +3 -0
  2. package/Controls/Components/Buttons/SplitButton/SplitButtonElement.d.ts.map +1 -1
  3. package/Controls/Components/Buttons/SplitButton/SplitButtonElement.js +4 -0
  4. package/Controls/Components/Buttons/SplitButton/SplitButtonElement.js.map +1 -1
  5. package/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.d.ts.map +1 -1
  6. package/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.js +27 -20
  7. package/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.js.map +1 -1
  8. package/Controls/Components/Overlays/Toast/IToastActionsElementProps.d.ts +9 -0
  9. package/Controls/Components/Overlays/Toast/IToastActionsElementProps.d.ts.map +1 -0
  10. package/Controls/Components/Overlays/Toast/IToastActionsElementProps.js +3 -0
  11. package/Controls/Components/Overlays/Toast/IToastActionsElementProps.js.map +1 -0
  12. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.d.ts +6 -0
  13. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.d.ts.map +1 -0
  14. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.js +82 -0
  15. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.js.map +1 -0
  16. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.d.ts +6 -0
  17. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.d.ts.map +1 -0
  18. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.js +82 -0
  19. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.js.map +1 -0
  20. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.d.ts +6 -0
  21. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.d.ts.map +1 -0
  22. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.js +82 -0
  23. package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.js.map +1 -0
  24. package/Controls/Components/Overlays/Toast/ToastActionsElement.d.ts +88 -0
  25. package/Controls/Components/Overlays/Toast/ToastActionsElement.d.ts.map +1 -0
  26. package/Controls/Components/Overlays/Toast/ToastActionsElement.js +115 -0
  27. package/Controls/Components/Overlays/Toast/ToastActionsElement.js.map +1 -0
  28. package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.d.ts +9 -0
  29. package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.d.ts.map +1 -0
  30. package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.js +36 -0
  31. package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.js.map +1 -0
  32. package/Controls/Components/Overlays/Toast/ToastElement.d.ts.map +1 -1
  33. package/Controls/Components/Overlays/Toast/ToastElement.js +3 -1
  34. package/Controls/Components/Overlays/Toast/ToastElement.js.map +1 -1
  35. package/Index.d.ts +1 -0
  36. package/Index.d.ts.map +1 -1
  37. package/Index.js +1 -0
  38. package/Index.js.map +1 -1
  39. package/Routing/PathToRegexp.d.ts +1 -1
  40. package/custom-elements.json +520 -0
  41. 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4GG;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;;IAwBH;;;;;;;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"}
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":"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"}
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,CAoH7F"}
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
- <mosaik-floating part="popup"
112
- .lang="${e.lang}"
113
- .dir="${e.dir}"
114
- .anchor="${'button_split'}"
115
- .placement="${e.dropDownPlacement}"
116
- .distance="${e.dropDownDistance}"
117
- .skidding="${e.dropDownSkidding}"
118
- .strategy="${e.dropDownStrategy}"
119
- .maxHeight="${e.dropDownMaxHeight}"
120
- .height="${e.dropDownHeight}"
121
- .maxWidth="${e.dropDownMaxWidth}"
122
- .width="${e.dropDownWidth}"
123
- .flipFallbackPlacements="${[Placement.Top, Placement.Bottom]}"
124
- .sync="${'none'}"
125
- ?flip="${true}"
126
- ?shift="${true}"
127
- ?active="${e.isDropDownOpen}">
128
- <slot></slot>
129
- </mosaik-floating>
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":"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"}
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;0BACvD,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE;cAC3B,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;wCAEF,CAAC,CAAC,IAAI;uCACP,CAAC,CAAC,GAAG;2CACD,CAAC,CAAC,OAAO;8CACN,QAAQ;uCACf,QAAQ;aAClC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oCAElB,CAAC,CAAC,IAAI;mCACP,CAAC,CAAC,GAAG;uCACD,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;;mCAEqB,CAAC,CAAC,IAAI;kCACP,CAAC,CAAC,GAAG;0CACG,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;sCACxC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEC,CAAC,CAAC,IAAI;yCACP,CAAC,CAAC,GAAG;gDACE,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,IAAI;yCACP,CAAC,CAAC,GAAG;0CACJ,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;cAGJ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;2CAEI,CAAC,CAAC,IAAI;0CACP,CAAC,CAAC,GAAG;6CACF,MAAM;8CACL,CAAC,CAAC,OAAO;sDACD,IAAI;+CACX,CAAC,CAAC,QAAQ;aAC5C,CAAC;;;;;6BAKe,CAAC,CAAC,QAAQ;4BACX,CAAC,CAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,gBAAgB,EAAE,eAAe,CAAC;6BACrE,CAAC,CAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,gBAAgB,CAAC;0BACxD,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;cAC1D,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;wCAEF,CAAC,CAAC,IAAI;uCACP,CAAC,CAAC,GAAG;2CACD,CAAC,CAAC,OAAO;8CACN,QAAQ;uCACf,cAAc;aACxC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oCAElB,CAAC,CAAC,IAAI;mCACP,CAAC,CAAC,GAAG;uCACD,CAAC,CAAC,OAAO;mCACb,cAAc;aACpC,CAAC;;kCAEoB,CAAC,CAAC,IAAI;iCACP,CAAC,CAAC,GAAG;oCACF,IAAI;kCACN,IAAI,CAAC,KAAK;kCACV,KAAK,CAAC,SAAS;wCACT,UAAU,CAAC,KAAK;qCACnB,CAAC,CAAC,OAAO;sCACR,CAAC,CAAC,QAAQ;;;;;;sCAMV,CAAC,CAAC,IAAI;qCACP,CAAC,CAAC,GAAG;wCACF,cAAc,CAAC,CAAC,CAAC;2CACd,CAAC,CAAC,iBAAiB;0CACpB,CAAC,CAAC,gBAAgB;0CAClB,CAAC,CAAC,gBAAgB;0CAClB,CAAC,CAAC,gBAAgB;2CACjB,CAAC,CAAC,iBAAiB;wCACtB,CAAC,CAAC,cAAc;0CACd,CAAC,CAAC,gBAAgB;uCACrB,CAAC,CAAC,aAAa;wDACE,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;sCACpF,MAAM;sCACN,IAAI;uCACH,IAAI;wCACH,CAAC,CAAC,cAAc;;;;KAInD,CAAC;AACN,CAAC;AAED,SAAS,cAAc,CAAC,OAA2B;IAC/C,OAAO,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC;AACzE,CAAC;AAED,SAAS,aAAa,CAAC,KAAiB,EAAE,WAA0B,EAAE,WAA0B;IAC5F,mBAAmB,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;IAC9C,mBAAmB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACnD,CAAC;AAED,SAAS,aAAa,CAAC,KAAiB,EAAE,IAAmB;IACzD,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAC5C,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAiB,EAAE,IAAmB,EAAE,OAAgB;IACjF,MAAM,IAAI,GAAI,KAAK,CAAC,aAA6B,CAAC,WAAW,EAAgB,CAAC;IAC9E,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAA4B,CAAC;IAEpF,IAAI,SAAS,EAAE,CAAC;QACZ,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,CAAC;AACL,CAAC"}
@@ -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,3 @@
1
+ // #region Imports
2
+ export {};
3
+ //# sourceMappingURL=IToastActionsElementProps.js.map
@@ -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,6 @@
1
+ import { type CSSResult } from '../../../../../Dom/Css';
2
+ /**
3
+ * @public
4
+ */
5
+ export declare function toastActionsElementCosmopolitanStyle(): CSSResult;
6
+ //# sourceMappingURL=ToastActionsElement.Cosmopolitan.d.ts.map
@@ -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,6 @@
1
+ import { type CSSResult } from '../../../../../Dom/Css';
2
+ /**
3
+ * @public
4
+ */
5
+ export declare function toastActionsElementJoyStyle(): CSSResult;
6
+ //# sourceMappingURL=ToastActionsElement.Joy.d.ts.map
@@ -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,6 @@
1
+ import { type CSSResult } from '../../../../../Dom/Css';
2
+ /**
3
+ * @public
4
+ */
5
+ export declare function toastActionsElementMemphisStyle(): CSSResult;
6
+ //# sourceMappingURL=ToastActionsElement.Memphis.d.ts.map
@@ -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"}