@nldd/design-system 0.8.85 → 0.8.87

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 (229) hide show
  1. package/custom-elements.json +1011 -355
  2. package/dist/components/actions/icon-button/icon-button.d.ts +2 -2
  3. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  4. package/dist/components/actions/icon-button/icon-button.js +3 -3
  5. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  6. package/dist/components/components.js +1546 -371
  7. package/dist/components/content/avatar/avatar.d.ts +6 -6
  8. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  9. package/dist/components/content/avatar/avatar.js +9 -9
  10. package/dist/components/content/avatar/avatar.js.map +1 -1
  11. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  12. package/dist/components/content/icon/icon-aliases.js +4 -0
  13. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  14. package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
  15. package/dist/components/content/icon/icon-gallery-status.js +3 -26
  16. package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
  17. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  18. package/dist/components/content/icon/icon-registry.js +2 -0
  19. package/dist/components/content/icon/icon-registry.js.map +1 -1
  20. package/dist/components/content/icon/icon.d.ts +2 -2
  21. package/dist/components/content/icon/icon.d.ts.map +1 -1
  22. package/dist/components/content/icon/icon.js +3 -3
  23. package/dist/components/content/icon/icon.js.map +1 -1
  24. package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
  25. package/dist/components/content/icon/icon.styles.js +8 -2
  26. package/dist/components/content/icon/icon.styles.js.map +1 -1
  27. package/dist/components/content/rich-text/rich-text.d.ts +7 -6
  28. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  29. package/dist/components/content/rich-text/rich-text.js +8 -7
  30. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  31. package/dist/components/content/text/text.d.ts +2 -2
  32. package/dist/components/content/text/text.js +3 -3
  33. package/dist/components/content/title/title.d.ts +5 -5
  34. package/dist/components/content/title/title.d.ts.map +1 -1
  35. package/dist/components/content/title/title.js +6 -6
  36. package/dist/components/content/title/title.js.map +1 -1
  37. package/dist/components/content/tooltip/tooltip.d.ts +2 -2
  38. package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
  39. package/dist/components/content/tooltip/tooltip.js +4 -4
  40. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  41. package/dist/components/{dist-C09E9-dJ.js → dist-B_Mnmrj4.js} +1 -1
  42. package/dist/components/{dist-CjaG8dOI.js → dist-ByH8hQze.js} +2 -2
  43. package/dist/components/{dist-BB7TxeMK.js → dist-CRwuSgMM.js} +2 -2
  44. package/dist/components/{dist-la_b3ZSq.js → dist-CSrO_mYe.js} +1 -1
  45. package/dist/components/{dist-762GHPyH.js → dist-CX3DK4i7.js} +3 -3
  46. package/dist/components/{dist-DZoFKUO-.js → dist-CbCO0WCd.js} +1 -1
  47. package/dist/components/{dist-B_3OW7pC.js → dist-CgDuh26K.js} +1 -1
  48. package/dist/components/{dist-DaavuU6W.js → dist-DXZ-cFAl.js} +2 -2
  49. package/dist/components/{dist-CRsR6ckU.js → dist-LX8LuMac.js} +1 -1
  50. package/dist/components/{dist-BJI4-6iQ.js → dist-eVFegyjM.js} +1 -1
  51. package/dist/components/{dist-C6gnorjP.js → dist-fIxe0l7k.js} +9 -1
  52. package/dist/components/{icon-Cd4BloIM.js → icon-C_zwJZ_g.js} +14 -4
  53. package/dist/components/{icon-button-CXN0yaVx.js → icon-button-CEz4MB9H.js} +10 -10
  54. package/dist/components/inputs/code-editor/code-editor.styles.js +2 -2
  55. package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.d.ts +3 -5
  56. package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.d.ts.map +1 -1
  57. package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.js +30 -44
  58. package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.js.map +1 -1
  59. package/dist/components/inputs/text-editor/text-editor.annotations.d.ts.map +1 -1
  60. package/dist/components/inputs/text-editor/text-editor.annotations.js +31 -5
  61. package/dist/components/inputs/text-editor/text-editor.annotations.js.map +1 -1
  62. package/dist/components/inputs/text-editor/text-editor.commands.d.ts +14 -2
  63. package/dist/components/inputs/text-editor/text-editor.commands.d.ts.map +1 -1
  64. package/dist/components/inputs/text-editor/text-editor.commands.js +115 -36
  65. package/dist/components/inputs/text-editor/text-editor.commands.js.map +1 -1
  66. package/dist/components/inputs/text-editor/text-editor.cursor.d.ts +7 -0
  67. package/dist/components/inputs/text-editor/text-editor.cursor.d.ts.map +1 -0
  68. package/dist/components/inputs/text-editor/text-editor.cursor.js +207 -0
  69. package/dist/components/inputs/text-editor/text-editor.cursor.js.map +1 -0
  70. package/dist/components/inputs/text-editor/text-editor.d.ts +65 -13
  71. package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
  72. package/dist/components/inputs/text-editor/text-editor.emphasis.d.ts +32 -0
  73. package/dist/components/inputs/text-editor/text-editor.emphasis.d.ts.map +1 -0
  74. package/dist/components/inputs/text-editor/text-editor.emphasis.js +229 -0
  75. package/dist/components/inputs/text-editor/text-editor.emphasis.js.map +1 -0
  76. package/dist/components/inputs/text-editor/text-editor.js +177 -18
  77. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  78. package/dist/components/inputs/text-editor/text-editor.links.d.ts +8 -0
  79. package/dist/components/inputs/text-editor/text-editor.links.d.ts.map +1 -1
  80. package/dist/components/inputs/text-editor/text-editor.links.js +30 -4
  81. package/dist/components/inputs/text-editor/text-editor.links.js.map +1 -1
  82. package/dist/components/inputs/text-editor/text-editor.markdown.d.ts.map +1 -1
  83. package/dist/components/inputs/text-editor/text-editor.markdown.js +52 -18
  84. package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
  85. package/dist/components/inputs/text-editor/text-editor.mentions.d.ts +78 -11
  86. package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -1
  87. package/dist/components/inputs/text-editor/text-editor.mentions.js +190 -41
  88. package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
  89. package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts +0 -2
  90. package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts.map +1 -1
  91. package/dist/components/inputs/text-editor/text-editor.ordered-list.js +21 -1
  92. package/dist/components/inputs/text-editor/text-editor.ordered-list.js.map +1 -1
  93. package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -1
  94. package/dist/components/inputs/text-editor/text-editor.styles.js +11 -10
  95. package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -1
  96. package/dist/components/inputs/text-editor/text-editor.syntax.d.ts +9 -0
  97. package/dist/components/inputs/text-editor/text-editor.syntax.d.ts.map +1 -0
  98. package/dist/components/inputs/text-editor/text-editor.syntax.js +20 -0
  99. package/dist/components/inputs/text-editor/text-editor.syntax.js.map +1 -0
  100. package/dist/components/layout/collection/collection.d.ts +15 -8
  101. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  102. package/dist/components/layout/collection/collection.js +38 -13
  103. package/dist/components/layout/collection/collection.js.map +1 -1
  104. package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
  105. package/dist/components/layout/collection/collection.styles.js +36 -23
  106. package/dist/components/layout/collection/collection.styles.js.map +1 -1
  107. package/dist/components/layout/container/container.d.ts +11 -3
  108. package/dist/components/layout/container/container.d.ts.map +1 -1
  109. package/dist/components/layout/container/container.js +30 -17
  110. package/dist/components/layout/container/container.js.map +1 -1
  111. package/dist/components/layout/container/container.styles.d.ts.map +1 -1
  112. package/dist/components/layout/container/container.styles.js +19 -21
  113. package/dist/components/layout/container/container.styles.js.map +1 -1
  114. package/dist/components/layout/page/page.d.ts +23 -2
  115. package/dist/components/layout/page/page.d.ts.map +1 -1
  116. package/dist/components/layout/page/page.js +56 -2
  117. package/dist/components/layout/page/page.js.map +1 -1
  118. package/dist/components/layout/page/page.styles.d.ts.map +1 -1
  119. package/dist/components/layout/page/page.styles.js +33 -8
  120. package/dist/components/layout/page/page.styles.js.map +1 -1
  121. package/dist/components/layout/page-sections/page-section-controls.d.ts +0 -70
  122. package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
  123. package/dist/components/layout/page-sections/page-section-controls.js +0 -3
  124. package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
  125. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
  126. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +7 -5
  127. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
  128. package/dist/components/layout/sheet/sheet.d.ts +3 -7
  129. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  130. package/dist/components/layout/sheet/sheet.js +4 -18
  131. package/dist/components/layout/sheet/sheet.js.map +1 -1
  132. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  133. package/dist/components/layout/sheet/sheet.styles.js +2 -6
  134. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  135. package/dist/components/layout/sheet/sheet.template.js +2 -2
  136. package/dist/components/layout/sheet/sheet.template.js.map +1 -1
  137. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +1 -1
  138. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
  139. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +13 -13
  140. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
  141. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +1 -1
  142. package/dist/components/layout/window/window.d.ts +2 -4
  143. package/dist/components/layout/window/window.d.ts.map +1 -1
  144. package/dist/components/layout/window/window.js +4 -14
  145. package/dist/components/layout/window/window.js.map +1 -1
  146. package/dist/components/layout/window/window.template.d.ts.map +1 -1
  147. package/dist/components/layout/window/window.template.js +2 -2
  148. package/dist/components/layout/window/window.template.js.map +1 -1
  149. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +2 -2
  150. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +3 -3
  151. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
  152. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +3 -3
  153. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +2 -2
  154. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +3 -3
  155. package/dist/components/lists-and-tables/list/list.d.ts +17 -5
  156. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  157. package/dist/components/lists-and-tables/list/list.js +62 -8
  158. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  159. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  160. package/dist/components/lists-and-tables/list/list.styles.js +8 -1
  161. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  162. package/dist/components/lists-and-tables/list/list.template.d.ts +4 -1
  163. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  164. package/dist/components/lists-and-tables/list/list.template.js +31 -12
  165. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  166. package/dist/components/lists-and-tables/list-item/list-item.d.ts +8 -3
  167. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  168. package/dist/components/lists-and-tables/list-item/list-item.js +35 -9
  169. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  170. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
  171. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
  172. package/dist/components/lists-and-tables/list-item/list-item.template.js +18 -1
  173. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
  174. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +1 -1
  175. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  176. package/dist/components/navigation/link/link.d.ts +2 -2
  177. package/dist/components/navigation/link/link.d.ts.map +1 -1
  178. package/dist/components/navigation/link/link.js +3 -2
  179. package/dist/components/navigation/link/link.js.map +1 -1
  180. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  181. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +50 -12
  182. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  183. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +3 -3
  184. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
  185. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -4
  186. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
  187. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +8 -0
  188. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
  189. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +14 -0
  190. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
  191. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  192. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +22 -1
  193. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  194. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
  195. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +6 -2
  196. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
  197. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +3 -1
  198. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  199. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +5 -0
  200. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  201. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +3 -3
  202. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
  203. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +1 -0
  204. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
  205. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
  206. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +15 -0
  207. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
  208. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
  209. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +4 -3
  210. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  211. package/dist/components/visibility-mixin-BU1vIMW7.js +161 -0
  212. package/dist/favicon.svg +10 -0
  213. package/dist/nldd.min.js +834 -676
  214. package/dist/touch-icon.png +0 -0
  215. package/dist/types/vue.d.ts +55 -33
  216. package/dist/utilities/spacing-scale.d.ts +26 -0
  217. package/dist/utilities/spacing-scale.d.ts.map +1 -0
  218. package/dist/utilities/spacing-scale.js +54 -0
  219. package/dist/utilities/spacing-scale.js.map +1 -0
  220. package/dist/utilities/visibility-mixin.d.ts +11 -8
  221. package/dist/utilities/visibility-mixin.d.ts.map +1 -1
  222. package/dist/utilities/visibility-mixin.js +58 -45
  223. package/dist/utilities/visibility-mixin.js.map +1 -1
  224. package/dist/utilities/visibility-mixin.styles.d.ts +14 -0
  225. package/dist/utilities/visibility-mixin.styles.d.ts.map +1 -0
  226. package/dist/utilities/visibility-mixin.styles.js +52 -0
  227. package/dist/utilities/visibility-mixin.styles.js.map +1 -0
  228. package/package.json +5 -2
  229. package/dist/components/visibility-mixin-vbfhyo7f.js +0 -104
@@ -13,6 +13,7 @@
13
13
  * @attr {string} text - Main text (heading or paragraph, depending on heading-level)
14
14
  * @attr {string} supporting-text - Supporting text below the heading
15
15
  * @attr {1|2|3|4|5|6} heading-level - Renders text as h1–h6; absent renders a p
16
+ * @attr {'left'|'center'} horizontal-alignment - Overrides the alignment of text, icon and actions. Unset (the default) derives it: content in the default slot means a task, which aligns left; a bare message stays centered. Left alignment also lays the actions out in a row instead of stacked full-width.
16
17
  *
17
18
  * @slot - Optional custom content between text and actions
18
19
  * @slot actions - nldd-button elements, wrapped in nldd-button-group (max 3)
@@ -24,6 +25,7 @@ import '../activity-indicator/activity-indicator.js';
24
25
  export type InlineDialogVariant = 'alert' | 'success' | 'loading';
25
26
  export type InlineDialogSize = 'md' | 'lg';
26
27
  export type InlineDialogIconColor = 'secondary' | 'accent' | 'critical' | 'warning' | 'success';
28
+ export type InlineDialogHorizontalAlignment = 'left' | 'center';
27
29
  export declare class NLDDInlineDialog extends LitElement {
28
30
  static styles: import("lit").CSSResult;
29
31
  variant: InlineDialogVariant | '';
@@ -33,9 +35,15 @@ export declare class NLDDInlineDialog extends LitElement {
33
35
  text: string;
34
36
  supportingText: string;
35
37
  headingLevel: 1 | 2 | 3 | 4 | 5 | 6 | null;
38
+ horizontalAlignment: InlineDialogHorizontalAlignment | '';
36
39
  _hasContent: boolean;
37
40
  _hasActions: boolean;
38
41
  get _resolvedIconName(): string;
42
+ /** Anything in the default slot is a task (a form, a list) rather than a
43
+ * message, and a task reads left-aligned. Derived rather than defaulted so
44
+ * the empty state — the other half of this component — stays centered
45
+ * without every consumer setting an attribute. */
46
+ get _resolvedHorizontalAlignment(): InlineDialogHorizontalAlignment;
39
47
  firstUpdated(): void;
40
48
  render(): import("lit-html").TemplateResult<1>;
41
49
  }
@@ -1 +1 @@
1
- {"version":3,"file":"inline-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAClE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEhG,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAsB;IAG5C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,IAAI,SAAM;IAGV,SAAS,EAAE,qBAAqB,GAAG,EAAE,CAAM;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,YAAY,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAQ;IAGlD,WAAW,UAAS;IAGpB,WAAW,UAAS;IAEpB,IAAI,iBAAiB,IAAI,MAAM,CAK9B;IAEQ,YAAY;IAgCZ,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
1
+ {"version":3,"file":"inline-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAClE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAChG,MAAM,MAAM,+BAA+B,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhE,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAsB;IAG5C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,IAAI,SAAM;IAGV,SAAS,EAAE,qBAAqB,GAAG,EAAE,CAAM;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,YAAY,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAQ;IAGlD,mBAAmB,EAAE,+BAA+B,GAAG,EAAE,CAAM;IAG/D,WAAW,UAAS;IAGpB,WAAW,UAAS;IAEpB,IAAI,iBAAiB,IAAI,MAAM,CAK9B;IAED;;;uDAGmD;IACnD,IAAI,4BAA4B,IAAI,+BAA+B,CAGlE;IAEQ,YAAY;IAgCZ,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
@@ -19,6 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  * @attr {string} text - Main text (heading or paragraph, depending on heading-level)
20
20
  * @attr {string} supporting-text - Supporting text below the heading
21
21
  * @attr {1|2|3|4|5|6} heading-level - Renders text as h1–h6; absent renders a p
22
+ * @attr {'left'|'center'} horizontal-alignment - Overrides the alignment of text, icon and actions. Unset (the default) derives it: content in the default slot means a task, which aligns left; a bare message stays centered. Left alignment also lays the actions out in a row instead of stacked full-width.
22
23
  *
23
24
  * @slot - Optional custom content between text and actions
24
25
  * @slot actions - nldd-button elements, wrapped in nldd-button-group (max 3)
@@ -41,6 +42,7 @@ let NLDDInlineDialog = class NLDDInlineDialog extends LitElement {
41
42
  this.text = '';
42
43
  this.supportingText = '';
43
44
  this.headingLevel = null;
45
+ this.horizontalAlignment = '';
44
46
  this._hasContent = false;
45
47
  this._hasActions = false;
46
48
  }
@@ -53,6 +55,15 @@ let NLDDInlineDialog = class NLDDInlineDialog extends LitElement {
53
55
  return this.icon;
54
56
  return '';
55
57
  }
58
+ /** Anything in the default slot is a task (a form, a list) rather than a
59
+ * message, and a task reads left-aligned. Derived rather than defaulted so
60
+ * the empty state — the other half of this component — stays centered
61
+ * without every consumer setting an attribute. */
62
+ get _resolvedHorizontalAlignment() {
63
+ if (this.horizontalAlignment)
64
+ return this.horizontalAlignment;
65
+ return this._hasContent ? 'left' : 'center';
66
+ }
56
67
  firstUpdated() {
57
68
  const contentSlot = this.shadowRoot?.querySelector('slot:not([name])');
58
69
  const actionsSlot = this.shadowRoot?.querySelector('slot[name="actions"]');
@@ -108,6 +119,9 @@ __decorate([
108
119
  __decorate([
109
120
  property({ type: Number, reflect: true, attribute: 'heading-level' })
110
121
  ], NLDDInlineDialog.prototype, "headingLevel", void 0);
122
+ __decorate([
123
+ property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('') })
124
+ ], NLDDInlineDialog.prototype, "horizontalAlignment", void 0);
111
125
  __decorate([
112
126
  state()
113
127
  ], NLDDInlineDialog.prototype, "_hasContent", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"inline-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,4BAA4B,CAAC;AACpC,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAO9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAIN,YAAO,GAA6B,EAAE,CAAC;QAGvC,SAAI,GAAqB,IAAI,CAAC;QAG9B,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAA+B,EAAE,CAAC;QAG3C,SAAI,GAAG,EAAE,CAAC;QAGV,mBAAc,GAAG,EAAE,CAAC;QAGpB,iBAAY,GAAiC,IAAI,CAAC;QAGlD,gBAAW,GAAG,KAAK,CAAC;QAGpB,gBAAW,GAAG,KAAK,CAAC;IA4CrB,CAAC;IA1CA,IAAI,iBAAiB;QACpB,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO;YAAE,OAAO,OAAO,CAAC;QAC7C,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QACjD,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC;QAChC,OAAO,EAAE,CAAC;IACX,CAAC;IAEQ,YAAY;QACpB,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,kBAAkB,CAAC,CAAC;QACxF,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,sBAAsB,CAAC,CAAC;QAC5F,wEAAwE;QACxE,wEAAwE;QACxE,oEAAoE;QACpE,gBAAgB;QAChB,MAAM,oBAAoB,GAAG,CAAC,IAAwC,EAAW,EAAE;YAClF,MAAM,KAAK,GAAG,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;YAC3D,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CACrB,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;mBAC7B,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,CAC1E,CAAC;QACH,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,WAAW,EAAE,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACzD,WAAW,EAAE,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACzD,uEAAuE;QACvE,2EAA2E;QAC3E,0EAA0E;QAC1E,0EAA0E;QAC1E,wEAAwE;QACxE,+EAA+E;QAC/E,6EAA6E;QAC7E,yEAAyE;QACzE,cAAc,CAAC,GAAG,EAAE;YACnB,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACJ,CAAC;IAEQ,MAAM;QACd,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;;AAtEe,uBAAM,GAAG,kBAAkB,AAArB,CAAsB;AAG5C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAA2B,EAAE,CAAC,EAAE,CAAC;iDACjD;AAGvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAmB,IAAI,CAAC,EAAE,CAAC;8CACpD;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAChC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;mDACxB;AAG3C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,EAAE,CAAC,EAAE,CAAC;8CAC5D;AAGV;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,CAAS,EAAE,CAAC,EAAE,CAAC;wDAChF;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;sDACpB;AAGlD;IADC,KAAK,EAAE;qDACY;AAGpB;IADC,KAAK,EAAE;qDACY;AA5BR,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAwE5B"}
1
+ {"version":3,"file":"inline-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,4BAA4B,CAAC;AACpC,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAQ9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAIN,YAAO,GAA6B,EAAE,CAAC;QAGvC,SAAI,GAAqB,IAAI,CAAC;QAG9B,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAA+B,EAAE,CAAC;QAG3C,SAAI,GAAG,EAAE,CAAC;QAGV,mBAAc,GAAG,EAAE,CAAC;QAGpB,iBAAY,GAAiC,IAAI,CAAC;QAGlD,wBAAmB,GAAyC,EAAE,CAAC;QAG/D,gBAAW,GAAG,KAAK,CAAC;QAGpB,gBAAW,GAAG,KAAK,CAAC;IAqDrB,CAAC;IAnDA,IAAI,iBAAiB;QACpB,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO;YAAE,OAAO,OAAO,CAAC;QAC7C,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QACjD,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC;QAChC,OAAO,EAAE,CAAC;IACX,CAAC;IAED;;;uDAGmD;IACnD,IAAI,4BAA4B;QAC/B,IAAI,IAAI,CAAC,mBAAmB;YAAE,OAAO,IAAI,CAAC,mBAAmB,CAAC;QAC9D,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC7C,CAAC;IAEQ,YAAY;QACpB,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,kBAAkB,CAAC,CAAC;QACxF,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,sBAAsB,CAAC,CAAC;QAC5F,wEAAwE;QACxE,wEAAwE;QACxE,oEAAoE;QACpE,gBAAgB;QAChB,MAAM,oBAAoB,GAAG,CAAC,IAAwC,EAAW,EAAE;YAClF,MAAM,KAAK,GAAG,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;YAC3D,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CACrB,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;mBAC7B,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,CAC1E,CAAC;QACH,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,WAAW,EAAE,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACzD,WAAW,EAAE,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACzD,uEAAuE;QACvE,2EAA2E;QAC3E,0EAA0E;QAC1E,0EAA0E;QAC1E,wEAAwE;QACxE,+EAA+E;QAC/E,6EAA6E;QAC7E,yEAAyE;QACzE,cAAc,CAAC,GAAG,EAAE;YACnB,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACJ,CAAC;IAEQ,MAAM;QACd,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;;AAlFe,uBAAM,GAAG,kBAAkB,AAArB,CAAsB;AAG5C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAA2B,EAAE,CAAC,EAAE,CAAC;iDACjD;AAGvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAmB,IAAI,CAAC,EAAE,CAAC;8CACpD;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAChC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;mDACxB;AAG3C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,EAAE,CAAC,EAAE,CAAC;8CAC5D;AAGV;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,CAAS,EAAE,CAAC,EAAE,CAAC;wDAChF;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;sDACpB;AAGlD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,sBAAsB,EAAE,SAAS,EAAE,iBAAiB,CAAuC,EAAE,CAAC,EAAE,CAAC;6DACxE;AAG/D;IADC,KAAK,EAAE;qDACY;AAGpB;IADC,KAAK,EAAE;qDACY;AA/BR,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAoF5B"}
@@ -1 +1 @@
1
- {"version":3,"file":"inline-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,yBA8H9B,CAAC"}
1
+ {"version":3,"file":"inline-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,yBAmJ9B,CAAC"}
@@ -62,7 +62,7 @@ export const inlineDialogStyles = css `
62
62
 
63
63
  /* # Elements */
64
64
 
65
- .inline-dialog__body {
65
+ .inline-dialog {
66
66
  box-sizing: border-box;
67
67
  display: flex;
68
68
  max-width: var(--primitives-area-480);
@@ -71,6 +71,10 @@ export const inlineDialogStyles = css `
71
71
  align-items: center;
72
72
  }
73
73
 
74
+ .inline-dialog--left-aligned {
75
+ align-items: stretch;
76
+ }
77
+
74
78
  .inline-dialog__main {
75
79
  display: flex;
76
80
  width: 100%;
@@ -79,6 +83,10 @@ export const inlineDialogStyles = css `
79
83
  gap: var(--primitives-space-2);
80
84
  }
81
85
 
86
+ .inline-dialog--left-aligned .inline-dialog__main {
87
+ align-items: stretch;
88
+ }
89
+
82
90
  .inline-dialog__icon {
83
91
  display: flex;
84
92
  width: var(--_icon-size);
@@ -110,8 +118,21 @@ export const inlineDialogStyles = css `
110
118
  text-wrap: pretty;
111
119
  }
112
120
 
121
+ .inline-dialog--left-aligned .inline-dialog__text,
122
+ .inline-dialog--left-aligned .inline-dialog__supporting-text {
123
+ text-align: left;
124
+ }
125
+
113
126
  .inline-dialog__content {
127
+ display: flex;
114
128
  width: 100%;
129
+ flex-direction: column;
130
+ align-items: center;
131
+ padding-top: var(--primitives-space-16);
132
+ }
133
+
134
+ .inline-dialog--left-aligned .inline-dialog__content {
135
+ align-items: stretch;
115
136
  }
116
137
 
117
138
  .inline-dialog__content[hidden] {
@@ -1 +1 @@
1
- {"version":3,"file":"inline-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcjC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHrB,CAAC"}
1
+ {"version":3,"file":"inline-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcjC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"inline-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,wCA2C/D"}
1
+ {"version":3,"file":"inline-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,wCAgD/D"}
@@ -1,7 +1,11 @@
1
1
  import { html, nothing } from 'lit';
2
2
  export function inlineDialogTemplate(component) {
3
+ const alignment = component._resolvedHorizontalAlignment;
4
+ const blockClass = ['inline-dialog',
5
+ alignment === 'left' ? 'inline-dialog--left-aligned' : '',
6
+ ].filter(Boolean).join(' ');
3
7
  return html `
4
- <div class="inline-dialog__body">
8
+ <div class=${blockClass}>
5
9
  <div class="inline-dialog__main">
6
10
  ${component.variant === 'loading' ? html `
7
11
  <div class="inline-dialog__icon">
@@ -36,7 +40,7 @@ export function inlineDialogTemplate(component) {
36
40
  <div class="inline-dialog__footer"
37
41
  ?hidden=${!component._hasActions}
38
42
  >
39
- <nldd-button-group orientation="vertical">
43
+ <nldd-button-group orientation=${alignment === 'left' ? 'horizontal' : 'vertical'}>
40
44
  <slot name="actions"></slot>
41
45
  </nldd-button-group>
42
46
  </div>
@@ -1 +1 @@
1
- {"version":3,"file":"inline-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;cAG9B,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;;;;KAI9C,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAA;;wBAElB,SAAS,CAAC,iBAAiB;;KAE9C,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;OACpB,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;QAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;YAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;gBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;oBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;wBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;4BAC7F,CAAC,CAAC,IAAI,CAAA,kCAAkC,SAAS,CAAC,IAAI,MAAM;KAC5D,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;iDACY,SAAS,CAAC,cAAc;KACpE,CAAC,CAAC,CAAC,OAAO;;eAEA,CAAC,SAAS,CAAC,WAAW;;;;;;cAMvB,CAAC,SAAS,CAAC,WAAW;;;;;;;EAOlC,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"inline-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,4BAA4B,CAAC;IACzD,MAAM,UAAU,GAAG,CAAC,eAAe;QAClC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;KACzD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,IAAI,CAAA;eACG,UAAU;;MAEnB,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;cAG9B,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;;;;KAI9C,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAA;;wBAElB,SAAS,CAAC,iBAAiB;;KAE9C,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;OACpB,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;QAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;YAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;gBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;oBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;wBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;4BAC7F,CAAC,CAAC,IAAI,CAAA,kCAAkC,SAAS,CAAC,IAAI,MAAM;KAC5D,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;iDACY,SAAS,CAAC,cAAc;KACpE,CAAC,CAAC,CAAC,OAAO;;eAEA,CAAC,SAAS,CAAC,WAAW;;;;;;cAMvB,CAAC,SAAS,CAAC,WAAW;;qCAEC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;;;;;EAKnF,CAAC;AACH,CAAC"}
@@ -10,6 +10,7 @@
10
10
  * @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
11
11
  * @attr {string} text - Forwarded to nldd-inline-dialog; main text
12
12
  * @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
13
+ * @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
13
14
  * @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
14
15
  *
15
16
  * @slot - Optional custom content, forwarded to nldd-inline-dialog
@@ -22,7 +23,7 @@
22
23
  * @method hide() - Closes the modal dialog with a closing animation
23
24
  */
24
25
  import { LitElement } from 'lit';
25
- import type { InlineDialogVariant } from '../inline-dialog/inline-dialog.js';
26
+ import type { InlineDialogVariant, InlineDialogHorizontalAlignment } from '../inline-dialog/inline-dialog.js';
26
27
  import '../inline-dialog/inline-dialog.js';
27
28
  export declare class NLDDModalDialog extends LitElement {
28
29
  static styles: import("lit").CSSResult;
@@ -30,6 +31,7 @@ export declare class NLDDModalDialog extends LitElement {
30
31
  icon: string;
31
32
  text: string;
32
33
  supportingText: string;
34
+ horizontalAlignment: InlineDialogHorizontalAlignment | '';
33
35
  /** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
34
36
  accessibleLabel: string;
35
37
  private _closing;
@@ -1 +1 @@
1
- {"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAEpB,oFAAoF;IAEpF,eAAe,SAAM;IAErB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IAqBZ,OAAO,CAAC,YAAY;IAapB,IAAI,IAAI,IAAI;IAmCZ,6CAA6C;IAC7C,OAAO,CAAC,cAAc,CAAK;IAE3B;;;mEAG+D;IAC/D,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,oBAAoB,GAAI,GAAG,UAAU,KAAG,IAAI,CAO3C;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
1
+ {"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAC9G,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,mBAAmB,EAAE,+BAA+B,GAAG,EAAE,CAAM;IAE/D,oFAAoF;IAEpF,eAAe,SAAM;IAErB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IAqBZ,OAAO,CAAC,YAAY;IAapB,IAAI,IAAI,IAAI;IAmCZ,6CAA6C;IAC7C,OAAO,CAAC,cAAc,CAAK;IAE3B;;;mEAG+D;IAC/D,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,oBAAoB,GAAI,GAAG,UAAU,KAAG,IAAI,CAO3C;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
@@ -16,6 +16,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
16
16
  * @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
17
17
  * @attr {string} text - Forwarded to nldd-inline-dialog; main text
18
18
  * @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
19
+ * @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
19
20
  * @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
20
21
  *
21
22
  * @slot - Optional custom content, forwarded to nldd-inline-dialog
@@ -47,6 +48,7 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
47
48
  this.icon = '';
48
49
  this.text = '';
49
50
  this.supportingText = '';
51
+ this.horizontalAlignment = '';
50
52
  /** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
51
53
  this.accessibleLabel = '';
52
54
  this._closing = false;
@@ -169,6 +171,9 @@ __decorate([
169
171
  __decorate([
170
172
  property({ reflect: true, attribute: 'supporting-text', converter: reflectNonDefault('') })
171
173
  ], NLDDModalDialog.prototype, "supportingText", void 0);
174
+ __decorate([
175
+ property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('') })
176
+ ], NLDDModalDialog.prototype, "horizontalAlignment", void 0);
172
177
  __decorate([
173
178
  property({ type: String, attribute: 'accessible-label' })
174
179
  ], NLDDModalDialog.prototype, "accessibleLabel", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"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"}
@@ -29,10 +29,10 @@ export const modalDialogStyles = css `
29
29
  .modal-dialog {
30
30
  /* Where the app's layout context ends, as in nldd-sheet: the dialog scrolls
31
31
  itself and starts at its own top edge, so anything inside it stops
32
- following the app's scroll mode and its layer offsets. */
32
+ following the app's scroll mode and its insets. */
33
33
  --context-scroll-mode: nested;
34
- --context-layer-top: 0px;
35
- --context-layer-bottom: 0px;
34
+ --context-inset-top: 0px;
35
+ --context-inset-bottom: 0px;
36
36
 
37
37
  box-sizing: border-box;
38
38
  outline: none;
@@ -1 +1 @@
1
- {"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCAsB7D"}
1
+ {"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCAuB7D"}
@@ -15,6 +15,7 @@ export function modalDialogTemplate(component) {
15
15
  icon=${component.icon || nothing}
16
16
  text=${component.text || nothing}
17
17
  supporting-text=${component.supportingText || nothing}
18
+ horizontal-alignment=${component.horizontalAlignment || nothing}
18
19
  heading-level="2"
19
20
  >
20
21
  <slot></slot>
@@ -1 +1 @@
1
- {"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;;;;;;;EAOvD,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;2BAC9B,SAAS,CAAC,mBAAmB,IAAI,OAAO;;;;;;;EAOjE,CAAC;AACH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,yBA+PhC,CAAC;AAGF,eAAO,MAAM,oCAAoC,yBAIhD,CAAC"}
1
+ {"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,yBA8QhC,CAAC;AAGF,eAAO,MAAM,oCAAoC,yBAIhD,CAAC"}
@@ -133,6 +133,21 @@ export const progressCircleStyles = css `
133
133
  .progress-circle__segment-indicator--mintgroen { stroke: var(--semantics-categories-mintgroen-filled-background-color); }
134
134
 
135
135
 
136
+ /* ## Filter flood color
137
+
138
+ Here rather than in a style attribute, which a strict style-src drops.
139
+ The color of an arc varies per segment, so that one is set through the
140
+ CSSOM instead. */
141
+
142
+ .progress-circle__flood--track {
143
+ flood-color: var(--_track-border-color);
144
+ }
145
+
146
+ .progress-circle__flood--indeterminate {
147
+ flood-color: var(--_indeterminate-border-color);
148
+ }
149
+
150
+
136
151
  /* # Spinner (indeterminate)
137
152
  GitHub-style: a fixed-width arc (25 / 100 = quarter turn, 90°) that
138
153
  simply rotates around the circle. Calmer than Material's elastic
@@ -1 +1 @@
1
- {"version":3,"file":"progress-circle.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBnC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuOrB,CAAC;AAGF,MAAM,CAAC,MAAM,oCAAoC,GAAG,GAAG,CAAA;;;;CAItD,CAAC"}
1
+ {"version":3,"file":"progress-circle.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBnC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsPrB,CAAC;AAGF,MAAM,CAAC,MAAM,oCAAoC,GAAG,GAAG,CAAA;;;;CAItD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"progress-circle.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW/D,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAO7D;AAED,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,IAAI,wCAqH7F"}
1
+ {"version":3,"file":"progress-circle.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW/D,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAO7D;AAED,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,IAAI,wCAqH7F"}
@@ -1,5 +1,6 @@
1
1
  import { html, svg, nothing } from 'lit';
2
2
  import { ifDefined } from 'lit/directives/if-defined.js';
3
+ import { styleMap } from 'lit/directives/style-map.js';
3
4
  // SVG geometry: viewBox 100×100, ring centered. The stroke would extend
4
5
  // half-width past the path on each side; at small sizes that half-stroke is
5
6
  // large in user units (size 16, stroke 2px → 12.5u, half = 6.25u) and could
@@ -86,7 +87,7 @@ export function progressCircleTemplate(component, onSlotChange) {
86
87
  <filter id="progress-circle-border-track-${uid}" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" color-interpolation-filters="sRGB">
87
88
  <feMorphology in="SourceGraphic" operator="erode" radius=${borderErodeRadius} result="eroded"></feMorphology>
88
89
  <feComposite operator="out" in="SourceGraphic" in2="eroded" result="edge"></feComposite>
89
- <feFlood style="flood-color: var(--_track-border-color)" result="flood"></feFlood>
90
+ <feFlood class="progress-circle__flood progress-circle__flood--track" result="flood"></feFlood>
90
91
  <feComposite operator="in" in="flood" in2="edge" result="colored"></feComposite>
91
92
  <feComposite operator="over" in="colored" in2="SourceGraphic"></feComposite>
92
93
  </filter>
@@ -94,7 +95,7 @@ export function progressCircleTemplate(component, onSlotChange) {
94
95
  <filter id="progress-circle-border-${color}-${uid}" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" color-interpolation-filters="sRGB">
95
96
  <feMorphology in="SourceGraphic" operator="erode" radius=${borderErodeRadius} result="eroded"></feMorphology>
96
97
  <feComposite operator="out" in="SourceGraphic" in2="eroded" result="edge"></feComposite>
97
- <feFlood style="flood-color: var(--semantics-categories-${color}-filled-highlight-border-color)" result="flood"></feFlood>
98
+ <feFlood class="progress-circle__flood" style=${styleMap({ floodColor: `var(--semantics-categories-${color}-filled-highlight-border-color)` })} result="flood"></feFlood>
98
99
  <feComposite operator="in" in="flood" in2="edge" result="colored"></feComposite>
99
100
  <feComposite operator="over" in="colored" in2="SourceGraphic"></feComposite>
100
101
  </filter>
@@ -103,7 +104,7 @@ export function progressCircleTemplate(component, onSlotChange) {
103
104
  <filter id="progress-circle-border-indeterminate-${uid}" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" color-interpolation-filters="sRGB">
104
105
  <feMorphology in="SourceGraphic" operator="erode" radius=${borderErodeRadius} result="eroded"></feMorphology>
105
106
  <feComposite operator="out" in="SourceGraphic" in2="eroded" result="edge"></feComposite>
106
- <feFlood style="flood-color: var(--_indeterminate-border-color)" result="flood"></feFlood>
107
+ <feFlood class="progress-circle__flood progress-circle__flood--indeterminate" result="flood"></feFlood>
107
108
  <feComposite operator="in" in="flood" in2="edge" result="colored"></feComposite>
108
109
  <feComposite operator="over" in="colored" in2="SourceGraphic"></feComposite>
109
110
  </filter>
@@ -1 +1 @@
1
- {"version":3,"file":"progress-circle.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"progress-circle.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,161 @@
1
+ import { t as __decorate } from "./decorate-lwt_OrAG.js";
2
+ import { t as breakpoints } from "./breakpoints-CkxsiRgH.js";
3
+ import { css, unsafeCSS } from "lit";
4
+ import { property } from "lit/decorators.js";
5
+ //#region src/utilities/visibility-mixin.styles.ts
6
+ var smMax = unsafeCSS(breakpoints.smMax);
7
+ var mdMin = unsafeCSS(breakpoints.mdMin);
8
+ var mdMax = unsafeCSS(breakpoints.mdMax);
9
+ var lgMin = unsafeCSS(breakpoints.lgMin);
10
+ var sheets = /* @__PURE__ */ new Map();
11
+ /**
12
+ * The `@container` rules for the named `hide-below` / `hide-above` values.
13
+ *
14
+ * Static, so they reach the shadow root through `adoptedStyleSheets` instead
15
+ * of a `<style>` element. That keeps consumers on a `style-src` without
16
+ * `'unsafe-inline'`; a custom CSS length has no static form and gets its rule
17
+ * from the mixin at runtime, into an adopted sheet of its own.
18
+ *
19
+ * The rules are nested (`:host { @container … }`) rather than flattened, because
20
+ * `@container { :host { … } }` is unreliable in Safari.
21
+ */
22
+ function visibilityStyles(containerName) {
23
+ const key = containerName ?? "";
24
+ const cached = sheets.get(key);
25
+ if (cached) return cached;
26
+ const container = unsafeCSS(containerName ? `${containerName} ` : "");
27
+ const sheet = css`
28
+ /* # Hide below: the value names the breakpoint you hide BELOW */
29
+
30
+ :host([hide-below="md"]) {
31
+ @container ${container}(max-width: ${smMax}) { display: none !important; }
32
+ }
33
+
34
+ :host([hide-below="lg"]) {
35
+ @container ${container}(max-width: ${mdMax}) { display: none !important; }
36
+ }
37
+
38
+
39
+ /* # Hide above */
40
+
41
+ :host([hide-above="sm"]) {
42
+ @container ${container}(min-width: ${mdMin}) { display: none !important; }
43
+ }
44
+
45
+ :host([hide-above="md"]) {
46
+ @container ${container}(min-width: ${lgMin}) { display: none !important; }
47
+ }
48
+ `;
49
+ sheets.set(key, sheet);
50
+ return sheet;
51
+ }
52
+ //#endregion
53
+ //#region src/utilities/visibility-mixin.ts
54
+ var NAMED_BREAKPOINTS = /* @__PURE__ */ new Set([
55
+ "sm",
56
+ "md",
57
+ "lg"
58
+ ]);
59
+ function customThreshold(value) {
60
+ if (value === void 0 || NAMED_BREAKPOINTS.has(value)) return null;
61
+ return value;
62
+ }
63
+ /**
64
+ * The open edges hide nothing, so the attribute is written but never applies.
65
+ * That reads like a working value, and the name invites it: `hide-below`
66
+ * names the breakpoint you hide BELOW, so "hide it at sm" comes out as
67
+ * `hide-below="md"` and `hide-below="sm"` does nothing at all. Say so once,
68
+ * rather than let it look applied.
69
+ */
70
+ function warnNoOp(host, attribute, value, openEdge, edgeLabel) {
71
+ if (value !== openEdge) return;
72
+ console.warn(`[${host.localName}] ${attribute}="${openEdge}" never hides anything: there is no breakpoint ${edgeLabel}. The value names the breakpoint you hide below, so the smallest one that hides is "${attribute === "hide-below" ? "md" : "sm"}". Leave the attribute off if you meant "always visible".`);
73
+ }
74
+ /**
75
+ * Adds `hide-below` and `hide-above` attributes that toggle visibility based
76
+ * on the inline-size of an ancestor CSS container.
77
+ *
78
+ * Without a `containerName` argument the rule is an anonymous `@container (…)`
79
+ * query — it matches the nearest ancestor that declares
80
+ * `container-type: inline-size`. Pass a name to target a specific container
81
+ * (e.g. `'cells-container'` for cells inside `nldd-list`, which sets that
82
+ * name inline on its host as a Safari shadow-DOM workaround).
83
+ *
84
+ * Values are either a named breakpoint — `sm` / `md` / `lg` — or a CSS length
85
+ * (e.g. '320px', '20rem'). Named values resolve to the standard breakpoint
86
+ * thresholds: `hide-below` uses the breakpoint's lower bound (e.g.
87
+ * `hide-below="lg"` hides in sm+md and shows in lg), `hide-above` its upper
88
+ * bound; the open edges (below sm, above lg) are no-ops.
89
+ *
90
+ * The named values are static CSS (see `visibility-mixin.styles.ts`), added
91
+ * through `finalizeStyles` so that a component's own `static styles` does not
92
+ * have to know about them. A custom length has no static form: the threshold
93
+ * is only known at runtime and a container query cannot read one from a CSS
94
+ * variable, so its rule is written at runtime into a constructable stylesheet
95
+ * the shadow root adopts. Neither path is an inline stylesheet, so no consumer
96
+ * needs `'unsafe-inline'` in its `style-src` for either.
97
+ *
98
+ * @mixin VisibilityMixin
99
+ *
100
+ * @attr {string} hide-below - Hides the element below this breakpoint: `sm` | `md` | `lg`, or a CSS length. The value names the breakpoint you hide BELOW, so `hide-below="md"` is hidden in sm and visible from md up. `sm` is the open edge and never hides (DEV-warns).
101
+ * @attr {string} hide-above - Hides the element above this breakpoint: `sm` | `md` | `lg`, or a CSS length. `hide-above="sm"` is hidden in md and lg. `lg` is the open edge and never hides (DEV-warns).
102
+ *
103
+ * @example
104
+ * ```ts
105
+ * // Cell inside nldd-list — target the named cells-container
106
+ * class NLDDTextCell extends VisibilityMixin(LitElement, 'cells-container') { … }
107
+ *
108
+ * // Other component — fall back to the nearest unnamed container
109
+ * class SomeComponent extends VisibilityMixin(LitElement) { … }
110
+ * ```
111
+ */
112
+ function VisibilityMixin(Base, containerName) {
113
+ class WithVisibility extends Base {
114
+ /** @internal */
115
+ static finalizeStyles(styles) {
116
+ return [...Base.finalizeStyles.call(this, styles), visibilityStyles(containerName)];
117
+ }
118
+ updated(changed) {
119
+ super.updated(changed);
120
+ if (changed.has("hideBelow") || changed.has("hideAbove")) this._updateVisibilityRules();
121
+ }
122
+ _updateVisibilityRules() {
123
+ const root = this.shadowRoot;
124
+ if (!root) return;
125
+ const containerPrefix = containerName ? `${containerName} ` : "";
126
+ const rules = [];
127
+ warnNoOp(this, "hide-below", this.hideBelow, "sm", "below sm");
128
+ const below = customThreshold(this.hideBelow);
129
+ if (below) rules.push(`:host { @container ${containerPrefix}(max-width: ${below}) { display: none !important; } }`);
130
+ warnNoOp(this, "hide-above", this.hideAbove, "lg", "above lg");
131
+ const above = customThreshold(this.hideAbove);
132
+ if (above) rules.push(`:host { @container ${containerPrefix}(min-width: ${above}) { display: none !important; } }`);
133
+ if (rules.length === 0) {
134
+ if (this._visibilitySheet) {
135
+ const dropped = this._visibilitySheet;
136
+ root.adoptedStyleSheets = Array.from(root.adoptedStyleSheets).filter((sheet) => sheet !== dropped);
137
+ this._visibilitySheet = void 0;
138
+ }
139
+ return;
140
+ }
141
+ if (!this._visibilitySheet) {
142
+ this._visibilitySheet = new CSSStyleSheet();
143
+ root.adoptedStyleSheets = [...root.adoptedStyleSheets, this._visibilitySheet];
144
+ }
145
+ this._visibilitySheet.replaceSync(rules.join("\n"));
146
+ }
147
+ }
148
+ __decorate([property({
149
+ type: String,
150
+ reflect: true,
151
+ attribute: "hide-below"
152
+ })], WithVisibility.prototype, "hideBelow", void 0);
153
+ __decorate([property({
154
+ type: String,
155
+ reflect: true,
156
+ attribute: "hide-above"
157
+ })], WithVisibility.prototype, "hideAbove", void 0);
158
+ return WithVisibility;
159
+ }
160
+ //#endregion
161
+ export { VisibilityMixin as t };
@@ -0,0 +1,10 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
2
+ <style>
3
+ @media (prefers-color-scheme: dark) {
4
+ .tile { fill: #fff; }
5
+ .mark { fill: #154273; }
6
+ }
7
+ </style>
8
+ <path class="tile" fill="#154273" d="M0 0h1024v1024H0z"/>
9
+ <path class="mark" fill="#fff" d="M557.8 455.3c0 4.5 2.5 11.2 7.8 9.3l.5.2c-.8 5-8.8 9.7-12.4 3.7-3.3 7.8-2.5 15 4.5 19.3v1.1c-4.2 3.5-10.7 2.7-13.7-3.9-5.7 4.9-4.9 15.3-1.4 18.9 0 0-15.8 10.6-30.2 3-9.6-5.1-17.3-11.8-29.6-10.7 1.7-19.5 10.3-24.7 26.2-27.5 12.6-2.3 14.2-9 12.4-14-4.3-1.2-12.1 3.3-12.1 3.3-1.5-2.7.6-5.5.6-5.5l-1.2-4.7c8.9 0 10.4-2.2 10.4-2.2 1.6-10.5-7.8-11.6-15-6-3.3-3.3-2.7-7.7-2.7-7.7l-1.6-3c0-2.6 10.5-9.3 13.2-10 .7-3.5 4.5-8.3 15.6-7.2 1.4-3.3-.8-15.5-2.2-18.8l1.2-.9c3.9 2.8 7.8 13.1 10.4 13.3l13.2-7 2.3 16.2c1.7 2.4 11.4.1 15.6 2.1v1.6c-3 .6-13.2 5.6-14.8 8.7 5.8 9.9 3 24.4 3 28.4m-111.9 8-5.2-.6-.2.2c.7 2 3.7 7.6 8.1 7.6 2 0 5-1.4 5.8-2.9 0 0 17.3 6.4 25.9 9q-5 7.7-5.8 17.7c-7-4.8-34.6-21.6-34.6-21.6l-8.6 13.3c-1.4 2.2-8.2-3.5-6.8-5.7L431 470c-2.1-2.6-7.3-1-8.8-.5l-.2-.4c.9-2 4.1-8.2 12.3-5.4 0-5.6-7.4-3.8-9.3-3.2l-.2-.3c2-2.4 8-8 14.8-3.4l3-4.6-6-7.1 3.7-5.8 4.2 6.4 31.9-49.6c.8-1.2 7.1-3.3 9.5-3.9.3 2.8.5 10.2-.2 11.4l-31.4 50 6.6 2.5-3.7 5.8-7.8-4zm238.1 261 .2-.7c-4.1-3-7.4-7.3-7.4-12 0-8.3 14.1-19.2 20.8-19.2 4 0 7 5.4 14.6 5.4 4 0 8.7-1.8 12.6-7.3l-.4-.6c-3.2.5-11.9 3-16-14.8-4.1-18.6-5.6-32 1.7-39.2 6.1-6 33.1-17.6 48-24v-1.2c-4-1.3-8.1-4.1-8.6-9.9-.4-3.5.2-8.4 3.8-10.8a47 47 0 0 0-29.6-15.3c-29.4 0-54.3 45.2-66.3 45.2-1.5 0-3.4-.6-5.2-3.5l-.8.3c0 13.7 6.4 14.9 9.8 14.9q3-.1 5.5-1.6l.5.4v2.9c0 16 14.8 33.6 14.8 33.6-6.7 8-23.5 21.2-28.2 14.2-2-3-10.8-20.8-22.5-6.6l.7 1.2c6.6 0 11.7 5 10 12.8-9.5-8.6-22.7-7.2-22.7 12.6l1 .4c6.3-10.2 16.2-3.3 17.7-1.8-6.7 1.1-18.2 10-8 25.7h.8c1-10.3 6.6-12 11.1-12 9.3 0 16 9.6 23.2-.7 2.6 13.4 15.7 12.2 19 11.6m-325-11.6c7 10.3 13.8.6 23.1.6 4.5 0 10 1.8 11 12h1c10.1-15.6-1.4-24.5-8-25.6 1.4-1.5 11.3-8.4 17.5 1.8l1-.4c0-19.8-13-21.2-22.6-12.6-1.8-7.7 3.4-12.8 10-12.8l.7-1.2c-11.8-14.2-20.5 3.7-22.5 6.6-4.7 7-21.5-6.3-28.1-14.2 0 0 14.8-17.6 14.8-33.6l-.1-2.9.5-.4q2.4 1.5 5.5 1.6c3.4 0 9.8-1.2 9.8-14.9l-.8-.3c-1.8 2.9-3.7 3.5-5.2 3.5-12 0-37-45.2-66.3-45.2-7.7 0-22.3 6.3-29.6 15.3 3.5 2.4 4.2 7.3 3.9 10.8-.6 5.8-4.6 8.6-8.7 9.9v1.2c14.8 6.4 41.9 18 48 24 7.3 7.1 5.9 20.6 1.7 39.2-4.1 17.8-12.8 15.3-16 14.8l-.3.6c3.8 5.5 8.5 7.3 12.5 7.3 7.7 0 10.6-5.4 14.5-5.4 6.8 0 20.9 11 20.9 19.3 0 4.6-3.3 8.9-7.4 12l.2.6c3.2.6 16.4 1.8 19-11.6m138.7-268.8c5.2-1.5 10.8-.8 11.4-.6l-.1 1.9c-10.7 1.5-11.2 7-18 7-4.5 0-9.4-5-7.6-12.6h1.1c.7 3.2 4.9 6.7 13.2 4.3m26.8-20.4c-7.2-.5-11.9 1.4-11.7 4 3.6 4.2 8.3 3.7 11.7-4m-61.1 214.4c-4 5.6-7.6.3-13 .3-5 0-5.8 4.7-5.9 6.6h-.4c-5.6-8.7.7-13.4 4.4-14-.6-.7-6.1-5-9.7.9l-.6-.3c-.2-10.8 7.4-11.6 12.5-6.8.9-4.2-1.5-7-5.5-7.2l-.4-.6 5-3c5.3 0 6 7.7 9.5 7.7 5.2 0 12.6-8 13.4-8.9-.2-.4-5.2-15.8-4.2-25l-.4-.3c-2.5 1.6-9 1.6-9-7.4l.6-.2c2.8 4.4 7.4-.5 9.7-3.5 2.4-3 15.6-24.8 33.2-24.8 3.8 0 8.8 2.4 12.8 5.6-6 8.4 0 16.4 4.5 15.3l.1.7c-23.2 9.9-33.6 13.9-33.6 35.9 0 11.5 3.5 17.9 9.4 16.4l.3.5c-2.2 2.9-4.6 3.8-6.7 3.8-4.8 0-5.7-3-8.3-3s-11.3 5.8-11.3 10.7c0 1.8 1 4.2 4 6.5v.4c-2 .4-8.8 1-10.4-6.3M432 544.2l-9-2.7-.8 1.3-10.6-5.2 9.4-.1.5-1.2-8-8.9 10.4 4.4.6-.8-7-11.5 10.3 7.7.7-.6-4.8-13.6 9.3 10 .8-.5-2.6-13.5 6.8 11.3 1-.3.2-12.4 4.3 11.4 1.2-.2 3.5-9.6.4 12.9-1.5.3-2 15.5c13.6-3.6 30.5-29.9 43.4-29.9 15.4 0 21 20.5 49.5 10.1 7.2 12.1 9.7 22.6 12.5 37.1 11 11.7 26.4 7.8 26.4-4.6 0-16.7-16-20-16-37.4 0-7.8 4.7-19 17.9-19 7 0 17.1 3.4 23 3.4 7 0 8.4-5.7 9.2-8l2.3.1c-.2 1.7.9 4 .9 7.7 0 11-14.2 12.5-16 11.1l-.7.8c2.1 2 1.6 8.5-.9 12.7h-.8c-1.5-8-9.7-17.7-16.9-17.7-2.6 0-7.9 1.7-7.9 8.7 0 9.9 17.6 19 17.6 39.5 0 21.4-18.7 26.5-37.5 21.2.6 20.2 27.3 32.3 28 17.8h.7c4 6.2 2.1 11-2.9 13.3 4.6 2.4 5.5 13 6.8 19.4 2.1 9.5 11 4.2 11.4 4l.5.5c-3.4 10-12.3 6.2-12.3 6.2-4.7 3.7 1 7 5.2 8.5v1c-3 1.3-9.8 3.7-13-2.7-2.4 6.6-7.4 6.4-9.3 6.4-3.4 0-5.7 4-5 9.3l-.4.3c-8.2-6.1-3.5-13.4-.2-15.2-.6-.4-6.2-3-8.6 4.5h-.7c-3.6-10.8 4.2-14 9.8-11.2-.4-1.5-3.3-6.8-10.7-5l-.4-.7c1.3-3.3 5-8.1 11.6-3.2 3.5 2.4 9.4-1.1 10-1.4-12-27-35.2-4.4-40.4-25.5l-.9.3c-1.2 4.5-11.3 4.8-13.2-4l.5-.4c1.5 1.7 4.7 3.3 8.8-3.6a29 29 0 0 0 3.2-14.7c0-16.4-14.4-43.8-37-43.8a67 67 0 0 0-40.8 15.6l10.6 2.8c-1 12-11.3 19.1-20.7 16.2l1.6-13.9c-1.6.6-5.8 2.2-8 5.8h-.6c-1.9-8 3.8-11.9 5.6-13l-.2-.2c-5-.2-8 4-8.8 5.5h-.4c-.4-1.5-1.3-5.5 1.1-8.4m80 254.2c89.7 0 180.8 5.3 192.7 20.6l1.4-.9v-54c0-15.6-94-24.8-194.1-24.8s-194 9.2-194 24.9v54l1.3.8c11.9-15.3 103-20.6 192.7-20.6m146.4 24v23.4c0 39.8 57.7 2.5 113.4-1.5 46.2-3.5 59.2 10 59.2 10l-8.5-53c-.5-3-10.5-11.1-42.4-11.1-38.3 0-57.6 8.3-64.6 11v28c0 6.3-2.8 9.4-7 11.3 0-2.3-6.5-18-50.1-18m-342.8 18.1c-4.3-2-7.1-5-7.1-11.4v-27.8c-7-2.8-26.3-11.1-64.6-11.1-32 0-42 8.1-42.4 11l-8.5 53s13-13.4 59.2-10c55.7 4.1 113.4 41.4 113.4 1.6v-23.3c-43.6 0-50 15.7-50 18m106.2-459.4a326 326 0 0 0-27.3 8c.2-6.7 2.5-13 7.7-14.3l.3-1.7c-12-9-18.4 8.2-18.6 8.8-4.2-.4-10.6 1.1-10.6 7.6 0 19.4-39.1 30.2-48.2 31.7 16 7 22.6 29.8 22.6 29.8 11.6-13 25.2-24.7 28.2-24.7s4.2 4.4 4.4 7l1.3.4c6-10.3 3.2-12.6 2.7-15.6-.4-2.4.2-11.4 9-10.3V537l-4.5 1c-2.1.5-18.8-15.6-37.9-30.6s-29.3-6-51.1 7.4c-28.5 17.5-57.4 1.6-57.4 1.6-24.5 20-32.9 77.5-32.9 77.5-4.9 2.4-13 4.9-20.7 4.9-18.7 0-22.2-12.9-22.2-20.6 0-32.8 36.3-47 36.3-79.3 0-7.8-3.2-39.8-38-39.8h-31.3c-13 0-16.3-10.7-18-14.8l-1.6.6c1 2.7-1.5 6.9-1.5 15 0 13.2 6.8 21.1 19.5 21.1a28 28 0 0 0 13-3l1.2 1.2c-5.5 7.3-6 21-3.7 24.3h1.3c3.1-13.9 14.6-27 30-27 19 0 18.8 18.2 18.8 22.6 0 26.3-40.8 45.7-40.8 81.9 0 36.7 34.2 44.6 54 38.8-1 36.8-38.2 49.3-39.3 23H165c-4.7 13.1-2.9 24.5 11.6 28.2l-.4 1.5c-14.3 10.3-6.6 51-5.9 62.8 1.1 17.2-14 15.2-15.2 14.7l-.3 1.4c10.7 14.9 24 1.3 24 1.3 10 3.5 3.7 13.2-3 18.2l.3 1.7c1.4.1 16.9 1.6 19.6-12.4a15 15 0 0 0 19 4.7c3-1.7 17.5-7.7 19 10.8l1.2-.3c11-15.5-.8-25.2-7.3-26.3.5-.9 9.3-9.1 17.1 2.3l1.2-.6c.9-19.8-13.3-21.6-22.5-13-.4-2-3.5-13.1 10.4-12.7l.3-1.4c-10.8-12.9-19.6-1.1-21.7 1.7-4.8 6.4-16.7 3.8-17.8 3.7 3.7-68.8 57.1-44.4 64.4-77.8l1.2-.5c2 8.2 20.2 9.3 23.5-6.7l-.6-1c-15.4 17.4-50.2-37.3-2.7-81.7 40.5-38 76.9-16.8 90.7-4.3.7 5.4-2.2 7.2-4 7.9l.2 1.4c3.8 1.6 9.3 1.1 11.8-3 8.8 7 1.3 15.6-2.2 18l.2 1.5c8 1.6 14.6-7.6 14.9-13l1.3.9v39c0 55.7 56.6 63.4 118.7 110.5 62-47.1 118.6-54.8 118.6-110.4v-39.1l1.4-.9c.3 5.4 6.9 14.6 14.9 13l.2-1.5c-3.5-2.4-11-11-2.2-18 2.5 4.1 8 4.6 11.8 3l.2-1.4c-1.8-.7-4.7-2.5-4-8 13.8-12.4 50.2-33.6 90.7 4.4 47.5 44.4 12.7 99.1-2.7 81.6l-.6 1c3.3 16.1 21.4 15 23.4 6.8l1.3.5c7.3 33.4 60.7 9 64.4 77.8-1 .1-13 2.7-17.8-3.7-2-2.8-11-14.6-21.7-1.7l.3 1.4c13.9-.4 10.8 10.7 10.4 12.7-9.2-8.6-23.4-6.8-22.5 13l1.2.6c7.8-11.4 16.6-3.2 17.1-2.3-6.5 1.1-18.2 10.8-7.3 26.3l1.3.3c1.4-18.5 15.9-12.5 18.9-10.8a15 15 0 0 0 19-4.7c2.7 14 18.2 12.5 19.6 12.4l.2-1.7c-6.6-5-12.8-14.7-2.8-18.2 0 0 13.2 13.6 23.9-1.3l-.3-1.4c-1.2.5-16.3 2.5-15.2-14.7.7-11.9 8.4-52.5-5.9-62.8l-.4-1.5c14.6-3.6 16.3-15 11.6-28l-1.5-.1c-1.1 26.3-38.2 13.8-39.4-23 19.9 5.8 54-2 54-38.8 0-36.2-40.7-55.6-40.7-82 0-4.3-.1-22.5 18.8-22.5 15.4 0 26.9 13.1 30 27h1.3c2.3-3.3 1.9-17-3.7-24.3l1.3-1.2c1.7 1.2 7.1 3 13 3 12.6 0 19.4-7.9 19.4-21 0-8.2-2.5-12.4-1.5-15.1l-1.5-.6c-1.8 4.1-5.1 14.8-18.1 14.8h-31.2c-34.9 0-38 32-38 39.8 0 32.4 36.2 46.5 36.2 79.3 0 7.7-3.5 20.6-22.2 20.6-7.7 0-15.8-2.5-20.7-5 0 0-8.4-57.5-33-77.4 0 0-28.8 15.9-57.3-1.6-21.8-13.4-32-22.3-51.1-7.4s-35.8 31.1-37.9 30.7l-4.6-1V407.7c8.9-1 9.5 7.9 9.1 10.3-.5 3-3.4 5.3 2.7 15.6l1.2-.4c.3-2.6 1.5-7 4.5-7s16.6 11.6 28.2 24.7c0 0 6.6-22.8 22.6-29.8-9-1.5-48.2-12.3-48.2-31.7 0-6.5-6.4-8-10.6-7.6-.2-.6-6.6-17.8-18.6-8.8l.3 1.7c5.2 1.4 7.5 7.6 7.7 14.3-11.4-4-60-19.4-117.5-19.4a373 373 0 0 0-74.2 7.8v44.9h-16zm90.2-41.6c49.2 0 77 10.7 77 10.7.2-28.2 0-44 14.3-41.6-7.8-23.7 25.8-33 25.8-63.8 0-20.3-12.7-22.7-16.4-22.7-11.2 0-9.4 8.3-18.9 8.3l-2.4.6c0 3.6 2.7 9.6 7 9.6 5.8 0 6-6.6 10.3-6.6 1.9 0 4.5 1.7 4.5 8.5 0 13.1-7.6 27.7-16.5 39q-3.1-5.1-8.2-5.3c-5.3 0-10 6.3-10 14 0 2.9.5 5 1.4 7.4q-4.6 3-7.6 3c-4 0-10.2-2-10.2-12 0-22.3 26.5-42 26.5-70.3 0-13.6-8-27-24.7-27-17.8 0-14.5 18.5-30 18.5l-1.2 1c0 1 2.6 11.3 10.6 11.3 8.6 0 11-16.8 18.6-16.8 2.8 0 7 2 7 13.3 0 8.8-3.8 23.1-9.4 36.8-2-2.2-4.7-3.9-7.8-3.9-6.6 0-11.3 7.3-11.3 16a21 21 0 0 0 5.2 14.2c-4 5.7-8 10.3-13.3 10.3-10.7 0-15.4-6.9-15.4-14.4 0-8 13-11 13-23.7 0-8.6-5-13.4-9.7-13.4-5 0-7.7 3.8-8.2 3.8s-3.1-3.8-8.2-3.8c-4.8 0-9.7 4.8-9.7 13.4 0 12.7 13 15.6 13 23.7 0 7.5-4.7 14.4-15.4 14.4-5.4 0-9.4-4.6-13.3-10.3a21 21 0 0 0 5.2-14.3c0-8.6-4.7-15.9-11.4-15.9-3 0-5.7 1.7-7.8 4-5.5-13.8-9.3-28-9.3-36.9 0-11.4 4.2-13.3 7-13.3 7.6 0 10 16.8 18.6 16.8 8 0 10.6-10.2 10.6-11.4l-1.2-1c-15.5 0-12.2-18.4-30-18.4-16.7 0-24.7 13.4-24.7 27 0 28.3 26.5 48 26.5 70.3 0 10-6.1 12-10.2 12q-3 0-7.6-3a19 19 0 0 0 1.3-7.4c0-7.7-4.6-14-10-14q-5 .2-8.1 5.2c-9-11.2-16.5-25.8-16.5-38.9 0-6.8 2.7-8.5 4.5-8.5 4.3 0 4.5 6.6 10.3 6.6 4.3 0 7-6 7-9.6l-2.4-.6c-9.5 0-7.7-8.3-18.9-8.3-3.7 0-16.4 2.4-16.4 22.7 0 30.8 33.6 40.1 25.8 63.8 14.3-2.3 14 13.4 14.3 41.6 0 0 27.8-10.7 77-10.7m0-134c-6.8 0-12.3 6.2-12.3 13.9s5.5 14 12.3 14 12.3-6.3 12.3-14-5.5-14-12.3-14m-6.2-85c0 3.4 1.3 6.4 2.3 8 2.1 3.4 1.8 5.2.8 6.3s-2.6 1.5-5.5-.9c-1.5-1.1-4-2.6-7-2.6-5 0-7.6 3.8-7.6 7s2.5 7 7.6 7c3 0 5.5-1.4 7-2.6 3-2.3 4.5-2 5.5-.9s-.4 12.7-1.6 21.7c-8.4 2-12.4 9.6-12.4 14 0 11.5 10.8 18 17.1 22 6.3-4 17.1-10.5 17.1-22 0-4.4-4-12-12.4-14-1.1-9-2.6-20.6-1.6-21.7s2.6-1.4 5.5.9c1.5 1.2 4 2.6 7 2.6 5 0 7.6-3.8 7.6-7s-2.5-7-7.6-7c-3 0-5.5 1.5-7 2.6-3 2.4-4.5 2-5.5.9s-1.3-3 .8-6.3c1-1.6 2.3-4.6 2.3-8 0-5.6-3.4-8.5-6.2-8.5s-6.2 2.9-6.2 8.6M753.1 344c-2.5 13.4-13 15.2-19.3 7.2.6-6.4 6.2-8 19.3-7.2m76 75.2-1.1-.9c-10 5.7-15.5-6.5-13-19.2 1.3-7 6.8-26.1-6.9-41.6-13.4 8.7-22.5-5.6-20.2-12.6.6-1.8 1.7-2.1 1.7.3 0 4.8 4.3 8.3 7.4 8.3 5.4 0 15.3-6.8 16.2-17.3-14-10.3-37.4-6.1-42 13.3-.6 2.5-3.2 2.2-3-.2 0-1.6.6-13.2 10.8-19 9.1-5.2 5.8-13 3.4-15.7l-2.3.3c3.5 6.9-4 10-14.5 8.5-22-3.4-29.4 6-30.5 12.4-4.9 1.4-23.7 13.4-23.7 17.8l2.9 5.5s-.4 9 5.4 15c23.5-16.1 30-1 27.6 9.6 0 0-4.1 3.8-20 3.8l2.1 8.3s-3.6 5.2-1 10c0 0 8.1-7 22.2-6.2 0 0 9 15.5-24.4 22.8s-44 43-44 62.7l1.1 1.3c27-5.7 39.4 26.1 74.5 22.5-3-9.4.3-19.1.3-19.1a32 32 0 0 0 14.1 16.7c12.5-3.1 20.7-9.9 22.5-13.9 0 0-13.2-12.4-4.6-34.8 0 0 8.4 14.9 25.5 6.8l.2-2.3c-23.3-8.5-8.1-30.8-6.7-33 10.8 6.8 20-2.2 20-10.1m-132-37c-6.8 0-13.4-3.4-14.6-9.4-.3-1.6-1.4-2-2 .2-3.2 13.4 5.2 19.7 13.3 19.7 9 0 14.1-7.3 27-9.8 5.6-1.1 9.4-.1 9.4-2l-9.5-2c-13.3 0-15.1 3.3-23.6 3.3m-407-31c-6.3 8-16.7 6.2-19.2-7.2 13.1-.7 18.8.8 19.3 7.2m-75.2 78c1.4 2.2 16.6 24.5-6.7 33l.2 2.3a19 19 0 0 0 25.5-6.8c8.6 22.4-4.6 34.8-4.6 34.8 1.8 4 10 10.8 22.5 14a32 32 0 0 0 14.1-16.8s3.4 9.7.3 19c35 3.7 47.5-28.1 74.5-22.4l1.1-1.3c0-19.6-10.6-55.4-44-62.7-33.3-7.3-24.4-22.8-24.4-22.8a33 33 0 0 1 22.2 6.2c2.6-4.8-1-10-1-10l2-8.3c-15.8 0-20-3.8-20-3.8-2.4-10.7 4.1-25.7 27.7-9.6 5.8-6 5.4-15 5.4-15l2.9-5.5c0-4.4-18.8-16.4-23.7-17.8-1.1-6.5-8.4-15.8-30.5-12.4-10.5 1.4-18-1.6-14.5-8.5l-2.3-.3c-2.4 2.8-5.7 10.5 3.4 15.7 10.2 5.8 10.8 17.4 10.9 19 .1 2.4-2.5 2.7-3 .2-4.7-19.4-28.2-23.6-42-13.3.8 10.5 10.6 17.3 16 17.3 3.2 0 7.5-3.5 7.5-8.3 0-2.4 1-2 1.7-.3 2.3 7-6.8 21.3-20.2 12.6-13.7 15.5-8.2 34.6-6.8 41.6 2.4 12.7-3 25-13 19.2l-1.1.9c0 8 9.1 17 19.9 10.1m88.4-50.4-9.6 2c0 1.9 4 .9 9.6 2 12.8 2.5 17.8 9.8 26.9 9.8 8.1 0 16.5-6.3 13.2-19.7-.5-2.3-1.6-1.8-2-.2-1.1 6-7.6 9.4-14.5 9.4-8.5 0-10.3-3.3-23.6-3.3m281 87h16v-50.5h-16zM512 688.2h16v-50.4h-16z"/>
10
+ </svg>