@gjsify/adwaita-web 0.53.0 → 0.55.0

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 (440) hide show
  1. package/dist/adwaita-web.css +8070 -3037
  2. package/dist/adwaita-web.css.map +1 -1
  3. package/lib/types/adw-application-window.spec.d.ts +1 -0
  4. package/lib/types/adw-bin.spec.d.ts +1 -0
  5. package/lib/types/adw-breakpoint-bin.spec.d.ts +1 -0
  6. package/lib/types/adw-clamp-scrollable.spec.d.ts +1 -0
  7. package/lib/types/adw-multi-layout-view.spec.d.ts +1 -0
  8. package/lib/types/adw-preferences-row.spec.d.ts +1 -0
  9. package/lib/types/adw-shortcuts.spec.d.ts +1 -0
  10. package/lib/types/adw-tab-bar.spec.d.ts +1 -0
  11. package/lib/types/adw-tab-button.spec.d.ts +1 -0
  12. package/lib/types/adw-tab-overview.spec.d.ts +1 -0
  13. package/lib/types/adw-view-switcher-sidebar.spec.d.ts +1 -0
  14. package/lib/types/adw-window.spec.d.ts +1 -0
  15. package/lib/types/breakpoints.d.ts +14 -3
  16. package/lib/types/construct-vectors.spec.d.ts +1 -0
  17. package/lib/types/elements/adw-application-window.d.ts +27 -0
  18. package/lib/types/elements/adw-bin.d.ts +17 -0
  19. package/lib/types/elements/adw-breakpoint-bin.d.ts +67 -0
  20. package/lib/types/elements/adw-clamp-scrollable.d.ts +38 -0
  21. package/lib/types/elements/adw-dialog.d.ts +10 -0
  22. package/lib/types/elements/adw-layout-slot.d.ts +19 -0
  23. package/lib/types/elements/adw-multi-layout-view.d.ts +101 -0
  24. package/lib/types/elements/adw-preferences-row.d.ts +31 -0
  25. package/lib/types/elements/adw-shortcuts-dialog.d.ts +13 -0
  26. package/lib/types/elements/adw-shortcuts-item.d.ts +36 -0
  27. package/lib/types/elements/adw-shortcuts-section.d.ts +14 -0
  28. package/lib/types/elements/adw-sidebar.d.ts +5 -0
  29. package/lib/types/elements/adw-switch-row.d.ts +3 -0
  30. package/lib/types/elements/adw-tab-bar.d.ts +108 -0
  31. package/lib/types/elements/adw-tab-button.d.ts +32 -0
  32. package/lib/types/elements/adw-tab-overview.d.ts +199 -0
  33. package/lib/types/elements/adw-tab-view.d.ts +19 -23
  34. package/lib/types/elements/adw-view-switcher-sidebar.d.ts +84 -0
  35. package/lib/types/elements/adw-window.d.ts +40 -0
  36. package/lib/types/elements/gtk-about-dialog.d.ts +146 -0
  37. package/lib/types/elements/gtk-application-window.d.ts +34 -0
  38. package/lib/types/elements/gtk-aspect-frame.d.ts +27 -0
  39. package/lib/types/elements/gtk-button.d.ts +9 -0
  40. package/lib/types/elements/gtk-calendar.d.ts +159 -0
  41. package/lib/types/elements/gtk-center-box.d.ts +39 -0
  42. package/lib/types/elements/gtk-color-dialog-button.d.ts +69 -0
  43. package/lib/types/elements/gtk-column-view.d.ts +50 -0
  44. package/lib/types/elements/gtk-drag-icon.d.ts +78 -0
  45. package/lib/types/elements/gtk-drawing-area.d.ts +95 -0
  46. package/lib/types/elements/gtk-editable-label.d.ts +33 -0
  47. package/lib/types/elements/gtk-emoji-chooser.d.ts +84 -0
  48. package/lib/types/elements/gtk-entry.d.ts +20 -1
  49. package/lib/types/elements/gtk-expander.d.ts +49 -0
  50. package/lib/types/elements/gtk-fixed.d.ts +13 -0
  51. package/lib/types/elements/gtk-flow-box-child.d.ts +14 -0
  52. package/lib/types/elements/gtk-flow-box.d.ts +87 -0
  53. package/lib/types/elements/gtk-font-dialog-button.d.ts +83 -0
  54. package/lib/types/elements/gtk-frame.d.ts +24 -0
  55. package/lib/types/elements/gtk-gl-area.d.ts +136 -0
  56. package/lib/types/elements/gtk-graphics-offload.d.ts +24 -0
  57. package/lib/types/elements/gtk-grid-view.d.ts +39 -0
  58. package/lib/types/elements/gtk-grid.d.ts +27 -0
  59. package/lib/types/elements/gtk-header-bar.d.ts +60 -0
  60. package/lib/types/elements/gtk-inscription.d.ts +64 -0
  61. package/lib/types/elements/gtk-label.d.ts +3 -0
  62. package/lib/types/elements/gtk-level-bar.d.ts +59 -0
  63. package/lib/types/elements/gtk-link-button.d.ts +29 -0
  64. package/lib/types/elements/gtk-list-box-row.d.ts +54 -0
  65. package/lib/types/elements/gtk-list-box.d.ts +100 -0
  66. package/lib/types/elements/gtk-list-view.d.ts +73 -0
  67. package/lib/types/elements/gtk-media-controls.d.ts +142 -0
  68. package/lib/types/elements/gtk-notebook.d.ts +148 -0
  69. package/lib/types/elements/gtk-overlay.d.ts +22 -0
  70. package/lib/types/elements/gtk-page-setup-unix-dialog.d.ts +87 -0
  71. package/lib/types/elements/gtk-paned.d.ts +121 -0
  72. package/lib/types/elements/gtk-password-entry.d.ts +27 -0
  73. package/lib/types/elements/gtk-picture.d.ts +66 -0
  74. package/lib/types/elements/gtk-popover-bin.d.ts +82 -0
  75. package/lib/types/elements/gtk-popover-menu-bar.d.ts +66 -0
  76. package/lib/types/elements/gtk-popover-menu.d.ts +83 -0
  77. package/lib/types/elements/gtk-popover.d.ts +28 -3
  78. package/lib/types/elements/gtk-print-unix-dialog.d.ts +167 -0
  79. package/lib/types/elements/gtk-revealer.d.ts +55 -0
  80. package/lib/types/elements/gtk-scale-button.d.ts +59 -0
  81. package/lib/types/elements/gtk-scale.d.ts +98 -0
  82. package/lib/types/elements/gtk-scrollbar.d.ts +124 -0
  83. package/lib/types/elements/gtk-scrolled-window.d.ts +121 -0
  84. package/lib/types/elements/gtk-search-bar.d.ts +39 -0
  85. package/lib/types/elements/gtk-search-entry.d.ts +27 -0
  86. package/lib/types/elements/gtk-separator.d.ts +10 -0
  87. package/lib/types/elements/gtk-spin-button.d.ts +94 -0
  88. package/lib/types/elements/gtk-spinner.d.ts +14 -0
  89. package/lib/types/elements/gtk-stack-sidebar.d.ts +43 -0
  90. package/lib/types/elements/gtk-stack-switcher.d.ts +58 -0
  91. package/lib/types/elements/gtk-stack.d.ts +154 -0
  92. package/lib/types/elements/gtk-switch.d.ts +4 -1
  93. package/lib/types/elements/gtk-text-view.d.ts +62 -0
  94. package/lib/types/elements/gtk-text.d.ts +45 -0
  95. package/lib/types/elements/gtk-toggle-button.d.ts +45 -0
  96. package/lib/types/elements/gtk-tree-expander.d.ts +38 -0
  97. package/lib/types/elements/gtk-video.d.ts +97 -0
  98. package/lib/types/elements/gtk-viewport.d.ts +84 -0
  99. package/lib/types/elements/gtk-window-controls.d.ts +80 -0
  100. package/lib/types/elements/gtk-window-handle.d.ts +39 -0
  101. package/lib/types/elements/gtk-window.d.ts +97 -0
  102. package/lib/types/elements/justification.d.ts +2 -0
  103. package/lib/types/elements/popover-menu.d.ts +18 -0
  104. package/lib/types/elements/roving-focus.d.ts +29 -1
  105. package/lib/types/emoji-data.d.ts +38 -0
  106. package/lib/types/font-description.d.ts +96 -0
  107. package/lib/types/gtk-about-dialog.spec.d.ts +1 -0
  108. package/lib/types/gtk-action-bar.spec.d.ts +1 -0
  109. package/lib/types/gtk-application-window.spec.d.ts +1 -0
  110. package/lib/types/gtk-aspect-frame.spec.d.ts +1 -0
  111. package/lib/types/gtk-calendar.spec.d.ts +1 -0
  112. package/lib/types/gtk-center-box.spec.d.ts +1 -0
  113. package/lib/types/gtk-color-dialog-button.spec.d.ts +1 -0
  114. package/lib/types/gtk-column-view.spec.d.ts +1 -0
  115. package/lib/types/gtk-drag-icon.spec.d.ts +1 -0
  116. package/lib/types/gtk-drawing-area.spec.d.ts +1 -0
  117. package/lib/types/gtk-editable-label.spec.d.ts +1 -0
  118. package/lib/types/gtk-emoji-chooser.spec.d.ts +1 -0
  119. package/lib/types/gtk-expander.spec.d.ts +1 -0
  120. package/lib/types/gtk-fixed.spec.d.ts +1 -0
  121. package/lib/types/gtk-flow-box.spec.d.ts +1 -0
  122. package/lib/types/gtk-font-dialog-button.spec.d.ts +1 -0
  123. package/lib/types/gtk-frame.spec.d.ts +1 -0
  124. package/lib/types/gtk-gl-area.spec.d.ts +1 -0
  125. package/lib/types/gtk-graphics-offload.spec.d.ts +1 -0
  126. package/lib/types/gtk-grid-view.spec.d.ts +1 -0
  127. package/lib/types/gtk-grid.spec.d.ts +1 -0
  128. package/lib/types/gtk-header-bar.spec.d.ts +1 -0
  129. package/lib/types/gtk-inscription.spec.d.ts +1 -0
  130. package/lib/types/gtk-level-bar.spec.d.ts +1 -0
  131. package/lib/types/gtk-link-button.spec.d.ts +1 -0
  132. package/lib/types/gtk-list-box.spec.d.ts +1 -0
  133. package/lib/types/gtk-list-view.spec.d.ts +1 -0
  134. package/lib/types/gtk-media-controls.spec.d.ts +1 -0
  135. package/lib/types/gtk-notebook.spec.d.ts +1 -0
  136. package/lib/types/gtk-overlay.spec.d.ts +1 -0
  137. package/lib/types/gtk-paned.spec.d.ts +1 -0
  138. package/lib/types/gtk-password-entry.spec.d.ts +1 -0
  139. package/lib/types/gtk-picture.spec.d.ts +1 -0
  140. package/lib/types/gtk-popover-bin.spec.d.ts +1 -0
  141. package/lib/types/gtk-popover-menu-bar.spec.d.ts +1 -0
  142. package/lib/types/gtk-popover-menu.spec.d.ts +1 -0
  143. package/lib/types/gtk-popover-role.spec.d.ts +1 -0
  144. package/lib/types/gtk-popover.spec.d.ts +1 -0
  145. package/lib/types/gtk-print-dialogs.spec.d.ts +1 -0
  146. package/lib/types/gtk-revealer.spec.d.ts +1 -0
  147. package/lib/types/gtk-scale-button.spec.d.ts +1 -0
  148. package/lib/types/gtk-scale.spec.d.ts +1 -0
  149. package/lib/types/gtk-scrollbar.spec.d.ts +1 -0
  150. package/lib/types/gtk-scrolled-window.spec.d.ts +1 -0
  151. package/lib/types/gtk-search-bar.spec.d.ts +1 -0
  152. package/lib/types/gtk-search-entry.spec.d.ts +1 -0
  153. package/lib/types/gtk-separator.spec.d.ts +1 -0
  154. package/lib/types/gtk-spin-button.spec.d.ts +1 -0
  155. package/lib/types/gtk-spinner.spec.d.ts +1 -0
  156. package/lib/types/gtk-stack-sidebar.spec.d.ts +1 -0
  157. package/lib/types/gtk-stack-switcher.spec.d.ts +1 -0
  158. package/lib/types/gtk-stack.spec.d.ts +1 -0
  159. package/lib/types/gtk-text-view.spec.d.ts +1 -0
  160. package/lib/types/gtk-text.spec.d.ts +1 -0
  161. package/lib/types/gtk-toggle-button.spec.d.ts +1 -0
  162. package/lib/types/gtk-tree-expander.spec.d.ts +1 -0
  163. package/lib/types/gtk-video.spec.d.ts +1 -0
  164. package/lib/types/gtk-viewport.spec.d.ts +1 -0
  165. package/lib/types/gtk-window-controls.spec.d.ts +1 -0
  166. package/lib/types/gtk-window-handle.spec.d.ts +1 -0
  167. package/lib/types/gtk-window.spec.d.ts +1 -0
  168. package/lib/types/index.d.ts +4 -1
  169. package/lib/types/list-view-dom.d.ts +44 -0
  170. package/lib/types/namespace/adw.d.ts +12 -0
  171. package/lib/types/namespace/gtk.d.ts +61 -0
  172. package/lib/types/page-setup.d.ts +100 -0
  173. package/lib/types/scroll-shading.d.ts +15 -1
  174. package/lib/types/shared-tree-builder.d.ts +30 -2
  175. package/lib/types/signals.d.ts +4 -0
  176. package/lib/types/styles.generated.d.ts +1 -1
  177. package/lib/types/tab-chip.d.ts +73 -0
  178. package/lib/types/template-classes.d.ts +11 -0
  179. package/package.json +12 -8
  180. package/scss/_action_row.scss +2 -2
  181. package/scss/_application_window.scss +26 -0
  182. package/scss/_aspect_frame.scss +25 -0
  183. package/scss/_bin.scss +26 -0
  184. package/scss/_button.scss +45 -0
  185. package/scss/_calendar.scss +176 -0
  186. package/scss/_center_box.scss +25 -0
  187. package/scss/_checks.scss +6 -1
  188. package/scss/_clamp_scrollable.scss +28 -0
  189. package/scss/_color_button.scss +67 -0
  190. package/scss/_column_view.scss +126 -0
  191. package/scss/_drag_icon.scss +55 -0
  192. package/scss/_drawing.scss +85 -0
  193. package/scss/_emoji_chooser.scss +213 -0
  194. package/scss/_entry.scss +13 -5
  195. package/scss/_entry_row.scss +1 -1
  196. package/scss/_expander.scss +113 -0
  197. package/scss/_fixed.scss +29 -0
  198. package/scss/_flow_box.scss +94 -0
  199. package/scss/_font_button.scss +63 -0
  200. package/scss/_frame.scss +41 -0
  201. package/scss/_grid.scss +19 -0
  202. package/scss/_grid_view.scss +46 -0
  203. package/scss/_gtk_about_dialog.scss +186 -0
  204. package/scss/_headerbar.scss +132 -0
  205. package/scss/_icons.generated.scss +186 -0
  206. package/scss/_inscription.scss +125 -0
  207. package/scss/_level_bar.scss +190 -0
  208. package/scss/_link.scss +82 -0
  209. package/scss/_list_box.scss +88 -0
  210. package/scss/_list_view.scss +96 -0
  211. package/scss/_media_controls.scss +139 -0
  212. package/scss/_overlay.scss +68 -0
  213. package/scss/_paned.scss +130 -0
  214. package/scss/_password_entry.scss +83 -0
  215. package/scss/_picture.scss +80 -0
  216. package/scss/_popover_bin.scss +53 -0
  217. package/scss/_popover_menu_bar.scss +104 -0
  218. package/scss/_preferences_row.scss +51 -0
  219. package/scss/_print_dialogs.scss +328 -0
  220. package/scss/_reset.scss +21 -19
  221. package/scss/_revealer.scss +37 -0
  222. package/scss/_row.scss +20 -5
  223. package/scss/_scale.scss +298 -0
  224. package/scss/_scale_button.scss +167 -0
  225. package/scss/_scrollbar.scss +230 -0
  226. package/scss/_scrolled_window.scss +131 -0
  227. package/scss/_search_bar.scss +118 -0
  228. package/scss/_search_entry.scss +86 -0
  229. package/scss/_separator.scss +44 -0
  230. package/scss/_shortcuts_dialog.scss +100 -0
  231. package/scss/_spin_button.scss +172 -0
  232. package/scss/_spin_row.scss +56 -8
  233. package/scss/_spinner.scss +85 -4
  234. package/scss/_stack.scss +729 -0
  235. package/scss/_switch.scss +13 -5
  236. package/scss/_switch_row.scss +10 -0
  237. package/scss/_tab_bar.scss +317 -0
  238. package/scss/_tab_button.scss +98 -0
  239. package/scss/_tab_overview.scss +483 -0
  240. package/scss/_text.scss +182 -0
  241. package/scss/_theme.scss +1 -1
  242. package/scss/_tree_expander.scss +62 -0
  243. package/scss/_variables.scss +43 -21
  244. package/scss/_video.scss +146 -0
  245. package/scss/_view_switcher_sidebar.scss +112 -0
  246. package/scss/_viewport.scss +50 -0
  247. package/scss/_window.scss +118 -1
  248. package/scss/_window_handle.scss +20 -0
  249. package/scss/adwaita-skin.scss +109 -0
  250. package/src/adw-action-rows.spec.ts +76 -0
  251. package/src/adw-application-window.spec.ts +118 -0
  252. package/src/adw-bin.spec.ts +75 -0
  253. package/src/adw-breakpoint-bin.spec.ts +324 -0
  254. package/src/adw-clamp-scrollable.spec.ts +189 -0
  255. package/src/adw-multi-layout-view.spec.ts +243 -0
  256. package/src/adw-preferences-row.spec.ts +164 -0
  257. package/src/adw-row-state.spec.ts +142 -0
  258. package/src/adw-shortcuts.spec.ts +155 -0
  259. package/src/adw-tab-bar.spec.ts +287 -0
  260. package/src/adw-tab-button.spec.ts +101 -0
  261. package/src/adw-tab-overview.spec.ts +443 -0
  262. package/src/adw-view-switcher-sidebar.spec.ts +281 -0
  263. package/src/adw-window.spec.ts +129 -0
  264. package/src/breakpoints.ts +25 -8
  265. package/src/capabilities.d.mts +3 -0
  266. package/src/capabilities.mjs +18 -0
  267. package/src/connect-lifecycle.spec.ts +12 -0
  268. package/src/construct-vectors.spec.ts +175 -0
  269. package/src/elements/adw-application-window.ts +154 -0
  270. package/src/elements/adw-bin.ts +101 -0
  271. package/src/elements/adw-breakpoint-bin.ts +287 -0
  272. package/src/elements/adw-clamp-scrollable.ts +207 -0
  273. package/src/elements/adw-dialog.ts +19 -0
  274. package/src/elements/adw-layout-slot.ts +95 -0
  275. package/src/elements/adw-multi-layout-view.ts +326 -0
  276. package/src/elements/adw-preferences-row.ts +150 -0
  277. package/src/elements/adw-shortcuts-dialog.ts +52 -0
  278. package/src/elements/adw-shortcuts-item.ts +171 -0
  279. package/src/elements/adw-shortcuts-section.ts +86 -0
  280. package/src/elements/adw-sidebar.ts +42 -3
  281. package/src/elements/adw-switch-row.ts +28 -1
  282. package/src/elements/adw-tab-bar.ts +529 -0
  283. package/src/elements/adw-tab-button.ts +194 -0
  284. package/src/elements/adw-tab-overview.ts +1011 -0
  285. package/src/elements/adw-tab-view.ts +66 -145
  286. package/src/elements/adw-toggle-group.ts +20 -5
  287. package/src/elements/adw-view-stack.ts +18 -0
  288. package/src/elements/adw-view-switcher-sidebar.ts +332 -0
  289. package/src/elements/adw-window.ts +185 -11
  290. package/src/elements/checks.ts +35 -8
  291. package/src/elements/gtk-about-dialog.ts +811 -0
  292. package/src/elements/gtk-application-window.ts +108 -0
  293. package/src/elements/gtk-aspect-frame.ts +160 -0
  294. package/src/elements/gtk-button.ts +12 -0
  295. package/src/elements/gtk-calendar.ts +757 -0
  296. package/src/elements/gtk-center-box.ts +184 -0
  297. package/src/elements/gtk-color-dialog-button.ts +278 -0
  298. package/src/elements/gtk-column-view.ts +320 -0
  299. package/src/elements/gtk-drag-icon.ts +257 -0
  300. package/src/elements/gtk-drawing-area.ts +303 -0
  301. package/src/elements/gtk-editable-label.ts +204 -0
  302. package/src/elements/gtk-emoji-chooser.ts +542 -0
  303. package/src/elements/gtk-entry.ts +39 -5
  304. package/src/elements/gtk-expander.ts +301 -0
  305. package/src/elements/gtk-fixed.ts +99 -0
  306. package/src/elements/gtk-flow-box-child.ts +68 -0
  307. package/src/elements/gtk-flow-box.ts +480 -0
  308. package/src/elements/gtk-font-dialog-button.ts +432 -0
  309. package/src/elements/gtk-frame.ts +174 -0
  310. package/src/elements/gtk-gl-area.ts +476 -0
  311. package/src/elements/gtk-graphics-offload.ts +130 -0
  312. package/src/elements/gtk-grid-view.ts +168 -0
  313. package/src/elements/gtk-grid.ts +127 -0
  314. package/src/elements/gtk-header-bar.ts +273 -0
  315. package/src/elements/gtk-inscription.ts +387 -0
  316. package/src/elements/gtk-label.ts +19 -11
  317. package/src/elements/gtk-level-bar.ts +323 -0
  318. package/src/elements/gtk-link-button.ts +138 -0
  319. package/src/elements/gtk-list-box-row.ts +195 -0
  320. package/src/elements/gtk-list-box.ts +413 -0
  321. package/src/elements/gtk-list-view.ts +370 -0
  322. package/src/elements/gtk-media-controls.ts +509 -0
  323. package/src/elements/gtk-notebook.ts +664 -0
  324. package/src/elements/gtk-overlay.ts +149 -0
  325. package/src/elements/gtk-page-setup-unix-dialog.ts +420 -0
  326. package/src/elements/gtk-paned.ts +597 -0
  327. package/src/elements/gtk-password-entry.ts +170 -0
  328. package/src/elements/gtk-picture.ts +254 -0
  329. package/src/elements/gtk-popover-bin.ts +332 -0
  330. package/src/elements/gtk-popover-menu-bar.ts +355 -0
  331. package/src/elements/gtk-popover-menu.ts +339 -0
  332. package/src/elements/gtk-popover.ts +92 -10
  333. package/src/elements/gtk-print-unix-dialog.ts +989 -0
  334. package/src/elements/gtk-progress-bar.ts +24 -11
  335. package/src/elements/gtk-revealer.ts +406 -0
  336. package/src/elements/gtk-scale-button.ts +358 -0
  337. package/src/elements/gtk-scale.ts +492 -0
  338. package/src/elements/gtk-scrollbar.ts +528 -0
  339. package/src/elements/gtk-scrolled-window.ts +642 -0
  340. package/src/elements/gtk-search-bar.ts +200 -0
  341. package/src/elements/gtk-search-entry.ts +172 -0
  342. package/src/elements/gtk-separator.ts +52 -0
  343. package/src/elements/gtk-spin-button.ts +475 -0
  344. package/src/elements/gtk-spinner.ts +126 -0
  345. package/src/elements/gtk-stack-sidebar.ts +212 -0
  346. package/src/elements/gtk-stack-switcher.ts +279 -0
  347. package/src/elements/gtk-stack.ts +748 -0
  348. package/src/elements/gtk-switch.ts +52 -19
  349. package/src/elements/gtk-text-view.ts +290 -0
  350. package/src/elements/gtk-text.ts +219 -0
  351. package/src/elements/gtk-toggle-button.ts +239 -0
  352. package/src/elements/gtk-tree-expander.ts +243 -0
  353. package/src/elements/gtk-video.ts +423 -0
  354. package/src/elements/gtk-viewport.ts +277 -0
  355. package/src/elements/gtk-window-controls.ts +341 -0
  356. package/src/elements/gtk-window-handle.ts +221 -0
  357. package/src/elements/gtk-window.ts +366 -0
  358. package/src/elements/justification.ts +24 -0
  359. package/src/elements/popover-menu.ts +24 -0
  360. package/src/elements/roving-focus.ts +53 -21
  361. package/src/emoji-data.ts +577 -0
  362. package/src/entry-rows.spec.ts +31 -0
  363. package/src/font-description.ts +238 -0
  364. package/src/gtk-about-dialog.spec.ts +250 -0
  365. package/src/gtk-action-bar.spec.ts +89 -0
  366. package/src/gtk-application-window.spec.ts +107 -0
  367. package/src/gtk-aspect-frame.spec.ts +114 -0
  368. package/src/gtk-calendar.spec.ts +589 -0
  369. package/src/gtk-center-box.spec.ts +125 -0
  370. package/src/gtk-color-dialog-button.spec.ts +141 -0
  371. package/src/gtk-column-view.spec.ts +154 -0
  372. package/src/gtk-drag-icon.spec.ts +190 -0
  373. package/src/gtk-drawing-area.spec.ts +211 -0
  374. package/src/gtk-editable-label.spec.ts +190 -0
  375. package/src/gtk-emoji-chooser.spec.ts +173 -0
  376. package/src/gtk-entry.spec.ts +23 -0
  377. package/src/gtk-expander.spec.ts +170 -0
  378. package/src/gtk-fixed.spec.ts +97 -0
  379. package/src/gtk-flow-box.spec.ts +289 -0
  380. package/src/gtk-font-dialog-button.spec.ts +166 -0
  381. package/src/gtk-frame.spec.ts +119 -0
  382. package/src/gtk-gl-area.spec.ts +361 -0
  383. package/src/gtk-graphics-offload.spec.ts +119 -0
  384. package/src/gtk-grid-view.spec.ts +106 -0
  385. package/src/gtk-grid.spec.ts +122 -0
  386. package/src/gtk-header-bar.spec.ts +202 -0
  387. package/src/gtk-inscription.spec.ts +235 -0
  388. package/src/gtk-level-bar.spec.ts +199 -0
  389. package/src/gtk-link-button.spec.ts +117 -0
  390. package/src/gtk-list-box.spec.ts +422 -0
  391. package/src/gtk-list-view.spec.ts +203 -0
  392. package/src/gtk-media-controls.spec.ts +295 -0
  393. package/src/gtk-notebook.spec.ts +546 -0
  394. package/src/gtk-overlay.spec.ts +141 -0
  395. package/src/gtk-paned.spec.ts +267 -0
  396. package/src/gtk-password-entry.spec.ts +150 -0
  397. package/src/gtk-picture.spec.ts +172 -0
  398. package/src/gtk-popover-bin.spec.ts +229 -0
  399. package/src/gtk-popover-menu-bar.spec.ts +296 -0
  400. package/src/gtk-popover-menu.spec.ts +261 -0
  401. package/src/gtk-popover-role.spec.ts +138 -0
  402. package/src/gtk-popover.spec.ts +264 -0
  403. package/src/gtk-print-dialogs.spec.ts +251 -0
  404. package/src/gtk-revealer.spec.ts +164 -0
  405. package/src/gtk-scale-button.spec.ts +218 -0
  406. package/src/gtk-scale.spec.ts +213 -0
  407. package/src/gtk-scrollbar.spec.ts +244 -0
  408. package/src/gtk-scrolled-window.spec.ts +262 -0
  409. package/src/gtk-search-bar.spec.ts +179 -0
  410. package/src/gtk-search-entry.spec.ts +142 -0
  411. package/src/gtk-separator.spec.ts +74 -0
  412. package/src/gtk-spin-button.spec.ts +186 -0
  413. package/src/gtk-spinner.spec.ts +130 -0
  414. package/src/gtk-stack-sidebar.spec.ts +217 -0
  415. package/src/gtk-stack-switcher.spec.ts +249 -0
  416. package/src/gtk-stack.spec.ts +432 -0
  417. package/src/gtk-text-view.spec.ts +189 -0
  418. package/src/gtk-text.spec.ts +163 -0
  419. package/src/gtk-toggle-button.spec.ts +186 -0
  420. package/src/gtk-tree-expander.spec.ts +201 -0
  421. package/src/gtk-video.spec.ts +240 -0
  422. package/src/gtk-viewport.spec.ts +140 -0
  423. package/src/gtk-window-controls.spec.ts +232 -0
  424. package/src/gtk-window-handle.spec.ts +158 -0
  425. package/src/gtk-window.spec.ts +190 -0
  426. package/src/index.ts +9 -1
  427. package/src/keyboard-operable.spec.ts +33 -1
  428. package/src/list-view-dom.ts +121 -0
  429. package/src/namespace/adw.ts +12 -0
  430. package/src/namespace/gtk.ts +61 -0
  431. package/src/page-setup.ts +222 -0
  432. package/src/scroll-shading.ts +18 -1
  433. package/src/shared-tree-builder.ts +263 -21
  434. package/src/signals.ts +15 -0
  435. package/src/source-view/theme.ts +11 -5
  436. package/src/style-classes.spec.ts +9 -8
  437. package/src/styles.generated.ts +1 -1
  438. package/src/tab-chip.ts +200 -0
  439. package/src/template-classes.ts +45 -0
  440. package/src/test.browser.mts +152 -0
package/scss/_icons.generated.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  --icon-sidebar-show: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%206%2013%20v%20-10%20h%20-3%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%208%20c%200%200.550781%200.449219%201%201%201%20z%20m%200%200'%20fill-opacity%3D'0.34902'%2F%3E%20%3Cpath%20d%3D'm%203%201%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%208%20c%200%201.644531%201.355469%203%203%203%20h%2010%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-8%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%200%202%20h%203%20v%2010%20h%20-3%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-8%20c%200%20-0.570312%200.429688%20-1%201%20-1%20z%20m%204%200%20h%206%20c%200.570312%200%201%200.429688%201%201%20v%208%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-6%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
7
7
  --icon-go-previous: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%2012%202%20c%200%20-0.265625%20-0.105469%20-0.519531%20-0.292969%20-0.707031%20c%20-0.390625%20-0.390625%20-1.023437%20-0.390625%20-1.414062%200%20l%20-6%206%20c%20-0.1875%200.1875%20-0.292969%200.441406%20-0.292969%200.707031%20s%200.105469%200.519531%200.292969%200.707031%20l%206%206%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20c%200.1875%20-0.1875%200.292969%20-0.441406%200.292969%20-0.707031%20s%20-0.105469%20-0.519531%20-0.292969%20-0.707031%20l%20-5.292969%20-5.292969%20l%205.292969%20-5.292969%20c%200.1875%20-0.1875%200.292969%20-0.441406%200.292969%20-0.707031%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
8
8
  --icon-go-next: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%204%202%20c%200%20-0.265625%200.105469%20-0.519531%200.292969%20-0.707031%20c%200.390625%20-0.390625%201.023437%20-0.390625%201.414062%200%20l%206%206%20c%200.1875%200.1875%200.292969%200.441406%200.292969%200.707031%20s%20-0.105469%200.519531%20-0.292969%200.707031%20l%20-6%206%20c%20-0.390625%200.390625%20-1.023437%200.390625%20-1.414062%200%20c%20-0.1875%20-0.1875%20-0.292969%20-0.441406%20-0.292969%20-0.707031%20s%200.105469%20-0.519531%200.292969%20-0.707031%20l%205.292969%20-5.292969%20l%20-5.292969%20-5.292969%20c%20-0.1875%20-0.1875%20-0.292969%20-0.441406%20-0.292969%20-0.707031%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
9
+ --icon-go-up: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%201%2011%20c%200%20-0.265625%200.105469%20-0.519531%200.292969%20-0.707031%20l%206%20-6%20c%200.390625%20-0.390625%201.023437%20-0.390625%201.414062%200%20l%206%206%20c%200.1875%200.1875%200.292969%200.441406%200.292969%200.707031%20s%20-0.105469%200.519531%20-0.292969%200.707031%20c%20-0.390625%200.390625%20-1.023437%200.390625%20-1.414062%200%20l%20-5.292969%20-5.292969%20l%20-5.292969%205.292969%20c%20-0.390625%200.390625%20-1.023437%200.390625%20-1.414062%200%20c%20-0.1875%20-0.1875%20-0.292969%20-0.441406%20-0.292969%20-0.707031%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
9
10
  --icon-view-refresh: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207.40625%201%20c%20-0.613281%200.007812%20-1.234375%200.089844%20-1.847656%200.253906%20c%20-3.273438%200.878906%20-5.558594%203.855469%20-5.558594%207.246094%20s%202.285156%206.367188%205.558594%207.242188%20c%203.273437%200.878906%206.742187%20-0.558594%208.4375%20-3.492188%20c%200.277344%20-0.480469%200.109375%20-1.089844%20-0.367188%20-1.367188%20c%20-0.476562%20-0.273437%20-1.089844%20-0.109374%20-1.367187%200.367188%20c%20-1.246094%202.160156%20-3.777344%203.207031%20-6.1875%202.5625%20c%20-2.40625%20-0.644531%20-4.074219%20-2.820312%20-4.074219%20-5.3125%20c%200%20-2.496094%201.667969%20-4.667969%204.074219%20-5.3125%20c%202.410156%20-0.644531%204.941406%200.402344%206.1875%202.5625%20c%200.058593%200.085938%200.125%200.164062%200.203125%200.226562%20l%20-0.019532%200.015626%20l%20-0.007812%200.007812%20h%20-1.4375%20c%20-0.550781%200%20-1%200.449219%20-1%201%20c%200%200%200%201%201%201%20h%205%20v%20-5%20s%200.003906%20-1%20-1%20-1%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%201.6875%20l%20-0.015625%200.011719%20l%20-0.011719%200.011719%20c%20-1.277344%20-2.179688%20-3.53125%20-3.519532%20-5.953125%20-3.691407%20c%20-0.203125%20-0.015625%20-0.40625%20-0.019531%20-0.613281%20-0.019531%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
10
11
  --icon-open-menu: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%201%202%20h%2014%20v%202%20h%20-14%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%201%207%20h%2014%20v%202%20h%20-14%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%201%2012%20h%2014%20v%202%20h%20-14%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
11
12
  --icon-go-home: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200.363281%20c%20-0.5%200%20-1%200.167969%20-1.40625%200.507813%20l%20-4.464844%203.722656%20c%20-0.714844%200.59375%20-1.128906%201.476562%20-1.128906%202.40625%20v%206%20c%200%201.65625%201.34375%203%203%203%20h%208%20c%201.65625%200%203%20-1.34375%203%20-3%20v%20-6%20c%200%20-0.929688%20-0.414062%20-1.8125%20-1.128906%20-2.40625%20l%20-4.464844%20-3.722656%20c%20-0.40625%20-0.339844%20-0.90625%20-0.507813%20-1.40625%20-0.507813%20z%20m%20-0.015625%201.996094%20c%200.050781%20-0.003906%200.101563%200.011719%200.144531%200.046875%20l%204.464844%203.722656%20c%200.257812%200.214844%200.40625%200.535156%200.40625%200.871094%20v%206%20c%200%200.5625%20-0.4375%201%20-1%201%20h%20-2%20v%20-5%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20h%20-2%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%205%20h%20-2%20c%20-0.5625%200%20-1%20-0.4375%20-1%20-1%20v%20-6%20c%200%20-0.335938%200.148438%20-0.65625%200.40625%20-0.871094%20l%204.464844%20-3.722656%20c%200.035156%20-0.027344%200.074218%20-0.042969%200.113281%20-0.046875%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
@@ -17,10 +18,22 @@
17
18
  --icon-contact-new: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201%20c%20-1.65625%200%20-3%201.34375%20-3%203%20s%201.34375%203%203%203%20s%203%20-1.34375%203%20-3%20s%20-1.34375%20-3%20-3%20-3%20z%20m%20-1.5%207%20c%20-2.492188%200%20-4.5%202.007812%20-4.5%204.5%20v%200.5%20c%200%201.109375%200.890625%202%202%202%20h%206%20v%20-1%20h%20-3%20v%20-4%20h%203%20v%20-1.972656%20c%20-0.164062%20-0.019532%20-0.332031%20-0.027344%20-0.5%20-0.027344%20z%20m%204.5%200%20v%203%20h%20-3%20v%202%20h%203%20v%203%20h%202%20v%20-3%20h%203%20v%20-2%20h%20-3%20v%20-3%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
18
19
  --icon-mail-unread: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203%202%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%206%20c%200%201.644531%201.355469%203%203%203%20h%2010%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-6%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%200.800781%202%20h%208.394531%20l%20-3.917968%202.613281%20c%20-0.171875%200.113281%20-0.382813%200.113281%20-0.554688%200%20z%20m%20-1.800781%201.203125%20l%204.613281%203.074219%20c%200.835938%200.558594%201.9375%200.558594%202.773438%200%20l%204.613281%20-3.074219%20v%205.796875%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-10%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
19
20
  --icon-avatar-default: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201%20c%20-1.65625%200%20-3%201.34375%20-3%203%20s%201.34375%203%203%203%20s%203%20-1.34375%203%20-3%20s%20-1.34375%20-3%20-3%20-3%20z%20m%20-1.5%207%20c%20-2.492188%200%20-4.5%202.007812%20-4.5%204.5%20v%200.5%20c%200%201.109375%200.890625%202%202%202%20h%208%20c%201.109375%200%202%20-0.890625%202%20-2%20v%20-0.5%20c%200%20-2.492188%20-2.007812%20-4.5%20-4.5%20-4.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
21
+ --icon-media-playback-start: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%202%202.5%20v%2011%20c%200%201.5%201.269531%201.492188%201.269531%201.492188%20h%200.128907%20c%200.246093%200.003906%200.488281%20-0.050782%200.699218%20-0.171876%20l%209.796875%20-5.597656%20c%200.433594%20-0.242187%200.65625%20-0.734375%200.65625%20-1.226562%20c%200%20-0.492188%20-0.222656%20-0.984375%20-0.65625%20-1.222656%20l%20-9.796875%20-5.597657%20c%20-0.210937%20-0.121093%20-0.453125%20-0.175781%20-0.699218%20-0.175781%20h%20-0.128907%20s%20-1.269531%200%20-1.269531%201.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
22
+ --icon-media-playback-pause: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%203%201%20h%203%20c%200.550781%200%201%200.449219%201%201%20v%2012%20c%200%200.550781%20-0.449219%201%20-1%201%20h%20-3%20c%20-0.550781%200%20-1%20-0.449219%20-1%20-1%20v%20-12%20c%200%20-0.550781%200.449219%20-1%201%20-1%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%2010%201%20h%203%20c%200.550781%200%201%200.449219%201%201%20v%2012%20c%200%200.550781%20-0.449219%201%20-1%201%20h%20-3%20c%20-0.550781%200%20-1%20-0.449219%20-1%20-1%20v%20-12%20c%200%20-0.550781%200.449219%20-1%201%20-1%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
23
+ --icon-media-eject: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%206.585938%201.585938%20l%20-4%204%20c%20-0.371094%200.378906%20-0.578126%200.886718%20-0.582032%201.148437%20l%20-0.003906%201.265625%20c%200%201%201%201%201%201%20h%2010%20s%201%200%201%20-1%20v%20-1%20h%20-0.003906%20c%200%20-0.53125%20-0.207032%20-1.039062%20-0.582032%20-1.414062%20l%20-4%20-4%20c%20-0.375%20-0.375%20-0.8125%20-0.617188%20-1.414062%20-0.585938%20s%20-1.09375%200.265625%20-1.414062%200.585938%20z%20m%20-3.585938%209.414062%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%201%20c%200%200.554688%200.445312%201%201%201%20h%2010%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-1%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
24
+ --icon-media-playlist-repeat: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201%20v%202%20h%20-4%20c%20-2.199219%200%20-4%201.800781%20-4%204%20v%202%20c%200%201.019531%200.386719%201.964844%201.019531%202.671875%20c%200.367188%200.410156%201%200.445313%201.410157%200.078125%20c%200.414062%20-0.367188%200.449218%20-1%200.078124%20-1.414062%20c%20-0.316406%20-0.351563%20-0.507812%20-0.8125%20-0.507812%20-1.335938%20v%20-2%20c%200%20-1.125%200.875%20-2%202%20-2%20h%204%20v%202%20h%201%20v%20-0.007812%20c%200.265625%200.003906%200.519531%20-0.101563%200.707031%20-0.285157%20l%202%20-2%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20l%20-2%20-2%20c%20-0.1875%20-0.183594%20-0.441406%20-0.289063%20-0.707031%20-0.285157%20v%20-0.007812%20z%20m%206.289062%203%20c%20-0.265624%20-0.011719%20-0.523437%200.078125%20-0.71875%200.257812%20c%20-0.414062%200.367188%20-0.449218%201%20-0.078124%201.410157%20c%200.316406%200.355469%200.507812%200.816406%200.507812%201.339843%20v%202%20c%200%201.125%20-0.875%202%20-2%202%20h%20-4%20v%20-2.007812%20h%20-1%20v%200.007812%20c%20-0.265625%20-0.003906%20-0.519531%200.101563%20-0.707031%200.285157%20l%20-2%202%20c%20-0.390625%200.390625%20-0.390625%201.023437%200%201.414062%20l%202%202%20c%200.1875%200.183594%200.441406%200.289063%200.707031%200.285157%20v%200.007812%20h%201%20v%20-1.992188%20h%204%20c%202.199219%200%204%20-1.804687%204%20-4%20v%20-2%20c%200%20-1.023437%20-0.386719%20-1.96875%20-1.019531%20-2.675781%20c%20-0.175781%20-0.199219%20-0.425781%20-0.316406%20-0.691407%20-0.332031%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
25
+ --icon-dialog-error: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201%20c%20-3.871094%200%20-7%203.128906%20-7%207%20s%203.128906%207%207%207%20s%207%20-3.128906%207%20-7%20s%20-3.128906%20-7%20-7%20-7%20z%20m%20-4%206%20h%208%20v%202%20h%20-8%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
26
+ --icon-audio-volume-muted: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%207%201.007812%20c%20-0.296875%20-0.003906%20-0.578125%200.125%20-0.769531%200.351563%20l%20-3.230469%203.640625%20h%20-1%20c%20-1.09375%200%20-2%200.84375%20-2%202%20v%202%20c%200%201.089844%200.910156%202%202%202%20h%201%20l%203.230469%203.640625%20c%200.210937%200.253906%200.492187%200.363281%200.769531%200.359375%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%2010%205%20c%20-0.265625%200%20-0.519531%200.105469%20-0.707031%200.292969%20c%20-0.390625%200.390625%20-0.390625%201.023437%200%201.414062%20l%201.292969%201.292969%20l%20-1.292969%201.292969%20c%20-0.390625%200.390625%20-0.390625%201.023437%200%201.414062%20s%201.023437%200.390625%201.414062%200%20l%201.292969%20-1.292969%20l%201.292969%201.292969%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20s%200.390625%20-1.023437%200%20-1.414062%20l%20-1.292969%20-1.292969%20l%201.292969%20-1.292969%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20s%20-0.519531%200.105469%20-0.707031%200.292969%20l%20-1.292969%201.292969%20l%20-1.292969%20-1.292969%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
27
+ --icon-audio-volume-low: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%201.007812%20c%20-0.296875%20-0.003906%20-0.578125%200.125%20-0.769531%200.351563%20l%20-3.230469%203.640625%20h%20-1%20c%20-1.09375%200%20-2%200.84375%20-2%202%20v%202%20c%200%201.089844%200.910156%202%202%202%20h%201%20l%203.230469%203.640625%20c%200.210937%200.253906%200.492187%200.363281%200.769531%200.359375%20z%20m%202.957031%202.980469%20c%20-0.199219%200.011719%20-0.394531%200.074219%20-0.5625%200.203125%20c%20-0.441406%200.332032%20-0.53125%200.960938%20-0.195312%201.402344%20c%201.074219%201.425781%201.074219%203.386719%200%204.8125%20c%20-0.335938%200.441406%20-0.246094%201.070312%200.195312%201.402344%20c%200.441407%200.332031%201.066407%200.242187%201.398438%20-0.195313%20c%200.804687%20-1.070312%201.207031%20-2.339843%201.207031%20-3.613281%20s%20-0.402344%20-2.542969%20-1.207031%20-3.613281%20c%20-0.183594%20-0.246094%20-0.464844%20-0.382813%20-0.753907%20-0.398438%20c%20-0.027343%200%20-0.054687%200%20-0.085937%200%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
28
+ --icon-audio-volume-medium: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%207%201.007812%20c%20-0.296875%20-0.003906%20-0.578125%200.125%20-0.769531%200.351563%20l%20-3.230469%203.640625%20h%20-1%20c%20-1.09375%200%20-2%200.84375%20-2%202%20v%202%20c%200%201.089844%200.910156%202%202%202%20h%201%20l%203.230469%203.640625%20c%200.210937%200.253906%200.492187%200.363281%200.769531%200.359375%20z%20m%203.039062%202.980469%20c%20-0.222656%20-0.007812%20-0.453124%200.058594%20-0.644531%200.203125%20c%20-0.261719%200.199219%20-0.394531%200.5%20-0.394531%200.804688%20v%200.066406%20c%200.011719%200.1875%200.078125%200.371094%200.199219%200.527344%20c%201.074219%201.429687%201.074219%203.390625%200%204.816406%20c%20-0.121094%200.160156%20-0.1875%200.34375%20-0.199219%200.53125%20v%200.066406%20c%200%200.304688%200.132812%200.605469%200.394531%200.804688%20c%200.441407%200.332031%201.066407%200.242187%201.398438%20-0.199219%20c%200.804687%20-1.066406%201.207031%20-2.335937%201.207031%20-3.609375%20s%20-0.402344%20-2.542969%20-1.207031%20-3.613281%20c%20-0.183594%20-0.246094%20-0.464844%20-0.382813%20-0.753907%20-0.398438%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%2013.460938%201.96875%20c%20-0.191407%20-0.003906%20-0.386719%200.054688%20-0.558594%200.167969%20c%20-0.457032%200.3125%20-0.578125%200.933593%20-0.269532%201.390625%20c%201.824219%202.707031%201.824219%206.238281%200%208.945312%20c%20-0.308593%200.457032%20-0.1875%201.078125%200.269532%201.390625%20c%200.457031%200.308594%201.078125%200.1875%201.390625%20-0.269531%20c%201.136719%20-1.691406%201.707031%20-3.640625%201.707031%20-5.59375%20s%20-0.570312%20-3.902344%20-1.707031%20-5.59375%20c%20-0.195313%20-0.285156%20-0.511719%20-0.4375%20-0.832031%20-0.4375%20z%20m%200%200'%20fill-opacity%3D'0.34902'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
29
+ --icon-audio-volume-high: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%201.007812%20c%20-0.296875%20-0.003906%20-0.578125%200.125%20-0.769531%200.351563%20l%20-3.230469%203.640625%20h%20-1%20c%20-1.09375%200%20-2%200.84375%20-2%202%20v%202%20c%200%201.089844%200.910156%202%202%202%20h%201%20l%203.230469%203.640625%20c%200.210937%200.253906%200.492187%200.363281%200.769531%200.359375%20z%20m%206.460938%200.960938%20c%20-0.191407%20-0.003906%20-0.386719%200.054688%20-0.558594%200.167969%20c%20-0.457032%200.3125%20-0.578125%200.933593%20-0.269532%201.390625%20c%201.824219%202.707031%201.824219%206.238281%200%208.945312%20c%20-0.308593%200.457032%20-0.1875%201.078125%200.269532%201.390625%20c%200.457031%200.308594%201.078125%200.1875%201.390625%20-0.269531%20c%201.136719%20-1.691406%201.707031%20-3.640625%201.707031%20-5.59375%20s%20-0.570312%20-3.902344%20-1.707031%20-5.59375%20c%20-0.195313%20-0.285156%20-0.511719%20-0.4375%20-0.832031%20-0.4375%20z%20m%20-3.421876%202.019531%20c%20-0.222656%20-0.007812%20-0.453124%200.058594%20-0.644531%200.203125%20c%20-0.261719%200.199219%20-0.394531%200.5%20-0.394531%200.804688%20v%200.058594%20c%200.011719%200.191406%200.074219%200.375%200.199219%200.535156%20c%201.074219%201.429687%201.074219%203.390625%200%204.816406%20c%20-0.125%200.164062%20-0.1875%200.347656%20-0.199219%200.535156%20v%200.0625%20c%200%200.304688%200.132812%200.605469%200.394531%200.804688%20c%200.441407%200.332031%201.066407%200.242187%201.398438%20-0.199219%20c%200.804687%20-1.066406%201.207031%20-2.335937%201.207031%20-3.609375%20s%20-0.402344%20-2.542969%20-1.207031%20-3.613281%20c%20-0.183594%20-0.246094%20-0.464844%20-0.382813%20-0.753907%20-0.398438%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
20
30
  --icon-camera-photo: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%206.5%200%20c%20-0.265625%200%20-0.519531%200.105469%20-0.707031%200.292969%20l%20-1.707031%201.707031%20h%20-1.085938%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%207%20c%200%201.644531%201.355469%203%203%203%20h%2010%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-7%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20h%20-1.085938%20l%20-1.707031%20-1.707031%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20z%20m%200.414062%202%20h%202.171876%20l%201.707031%201.707031%20c%200.1875%200.1875%200.441406%200.292969%200.707031%200.292969%20h%201.5%20c%200.570312%200%201%200.429688%201%201%20v%207%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-10%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-7%20c%200%20-0.570312%200.429688%20-1%201%20-1%20h%201.5%20c%200.265625%200%200.519531%20-0.105469%200.707031%20-0.292969%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%208%204%20c%20-2.199219%200%20-4%201.800781%20-4%204%20s%201.800781%204%204%204%20s%204%20-1.800781%204%20-4%20s%20-1.800781%20-4%20-4%20-4%20z%20m%200%202%20c%201.117188%200%202%200.882812%202%202%20s%20-0.882812%202%20-2%202%20s%20-2%20-0.882812%20-2%20-2%20s%200.882812%20-2%202%20-2%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
21
31
  --icon-user-trash: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%206.5%200%20c%20-1.378906%200%20-2.5%201.121094%20-2.5%202.5%20v%200.5%20h%20-3%20c%20-0.550781%200%20-1%200.449219%20-1%201%20s%200.449219%201%201%201%20h%201%20v%208%20c%200%201.65625%201.34375%203%203%203%20h%206%20c%201.65625%200%203%20-1.34375%203%20-3%20v%20-8%20h%201%20c%200.550781%200%201%20-0.449219%201%20-1%20s%20-0.449219%20-1%20-1%20-1%20h%20-3.023438%20v%20-0.5%20c%200%20-1.378906%20-1.117187%20-2.5%20-2.5%20-2.5%20z%20m%200%202%20h%202.976562%20c%200.289063%200%200.5%200.210938%200.5%200.5%20v%200.5%20h%20-3.976562%20v%20-0.5%20c%200%20-0.289062%200.210938%20-0.5%200.5%20-0.5%20z%20m%20-2.5%203%20h%208%20v%208%20c%200%200.5625%20-0.4375%201%20-1%201%20h%20-6%20c%20-0.5625%200%20-1%20-0.4375%20-1%20-1%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%207%207%20v%205%20c%200%200.277344%20-0.222656%200.5%20-0.5%200.5%20s%20-0.5%20-0.222656%20-0.5%20-0.5%20v%20-5%20c%200%20-0.277344%200.222656%20-0.5%200.5%20-0.5%20s%200.5%200.222656%200.5%200.5%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%2010%207%20v%205%20c%200%200.277344%20-0.222656%200.5%20-0.5%200.5%20s%20-0.5%20-0.222656%20-0.5%20-0.5%20v%20-5%20c%200%20-0.277344%200.222656%20-0.5%200.5%20-0.5%20s%200.5%200.222656%200.5%200.5%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
22
32
  --icon-view-reveal: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%202%20c%20-3.648438%200.003906%20-6.832031%202.476562%20-7.738281%206.007812%20c%200.914062%203.527344%204.097656%205.988282%207.738281%205.992188%20c%203.648438%20-0.003906%206.832031%20-2.476562%207.738281%20-6.011719%20c%20-0.914062%20-3.523437%20-4.097656%20-5.984375%20-7.738281%20-5.988281%20z%20m%200%202%20c%202.210938%200%204%201.789062%204%204%20s%20-1.789062%204%20-4%204%20s%20-4%20-1.789062%20-4%20-4%20s%201.789062%20-4%204%20-4%20z%20m%200%202%20c%20-1.105469%200%20-2%200.894531%20-2%202%20s%200.894531%202%202%202%20s%202%20-0.894531%202%20-2%20s%20-0.894531%20-2%20-2%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
23
33
  --icon-view-conceal: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%201.53125%200.46875%20l%20-1.0625%201.0625%20l%2014%2014%20l%201.0625%20-1.0625%20l%20-2.382812%20-2.382812%20c%201.265624%20-1.0625%202.171874%20-2.496094%202.589843%20-4.097657%20c%20-0.914062%20-3.523437%20-4.097656%20-5.984375%20-7.738281%20-5.988281%20c%20-1.367188%200.011719%20-2.707031%200.371094%20-3.894531%201.042969%20z%20m%206.46875%203.53125%20c%202.210938%200%204%201.789062%204%204%20c%20-0.003906%200.800781%20-0.246094%201.578125%20-0.699219%202.238281%20l%20-1.46875%20-1.46875%20c%200.105469%20-0.242187%200.164063%20-0.503906%200.167969%20-0.769531%20c%200%20-1.105469%20-0.894531%20-2%20-2%20-2%20c%20-0.265625%200.003906%20-0.527344%200.0625%20-0.769531%200.167969%20l%20-1.46875%20-1.46875%20c%200.660156%20-0.453125%201.4375%20-0.695313%202.238281%20-0.699219%20z%20m%20-6.144531%200.917969%20c%20-0.753907%200.898437%20-1.296875%201.957031%20-1.59375%203.09375%20c%200.914062%203.523437%204.097656%205.984375%207.738281%205.988281%20c%200.855469%20-0.007812%201.703125%20-0.152344%202.511719%20-0.425781%20l%20-1.667969%20-1.667969%20c%20-0.277344%200.058594%20-0.5625%200.089844%20-0.84375%200.09375%20c%20-2.210938%200%20-4%20-1.789062%20-4%20-4%20c%200.003906%20-0.28125%200.035156%20-0.566406%200.09375%20-0.84375%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
34
+ --icon-value-increase: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%203%20v%204%20h%20-4%20v%202%20h%204%20v%204%20h%202%20v%20-4%20h%204%20v%20-2%20h%20-4%20v%20-4%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
35
+ --icon-value-decrease: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203%207%20h%2010%20v%202%20h%20-10%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
36
+ --icon-edit-clear: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%202%20c%20-0.832031%200%20-1.558594%200.34375%20-2.292969%200.78125%20s%20-1.464843%201.003906%20-2.128906%201.597656%20c%20-0.660156%200.597656%20-1.253906%201.222656%20-1.707031%201.796875%20c%20-0.226563%200.289063%20-0.417969%200.5625%20-0.570313%200.835938%20c%20-0.152343%200.277343%20-0.300781%200.53125%20-0.300781%200.988281%20s%200.148438%200.710938%200.300781%200.984375%20c%200.152344%200.277344%200.34375%200.550781%200.570313%200.835937%20c%200.453125%200.578126%201.046875%201.203126%201.707031%201.796876%20c%200.664063%200.597656%201.394531%201.164062%202.128906%201.601562%20s%201.460938%200.78125%202.292969%200.78125%20h%206%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-6%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%201%203%20c%200.265625%200%200.519531%200.105469%200.707031%200.292969%20l%201.292969%201.292969%20l%201.292969%20-1.292969%20c%200.1875%20-0.1875%200.441406%20-0.292969%200.707031%20-0.292969%20s%200.519531%200.105469%200.707031%200.292969%20c%200.390625%200.390625%200.390625%201.023437%200%201.414062%20l%20-1.292969%201.292969%20l%201.292969%201.292969%20c%200.390625%200.390625%200.390625%201.023437%200%201.414062%20s%20-1.023437%200.390625%20-1.414062%200%20l%20-1.292969%20-1.292969%20l%20-1.292969%201.292969%20c%20-0.390625%200.390625%20-1.023437%200.390625%20-1.414062%200%20s%20-0.390625%20-1.023437%200%20-1.414062%20l%201.292969%20-1.292969%20l%20-1.292969%20-1.292969%20c%20-0.390625%20-0.390625%20-0.390625%20-1.023437%200%20-1.414062%20c%200.1875%20-0.1875%200.441406%20-0.292969%200.707031%20-0.292969%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
24
37
  --icon-document-edit: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%2012.277344%200.832031%20c%20-0.578125%200.007813%20-1.167969%200.230469%20-1.691406%200.753907%20l%20-9%209%20c%20-0.375%200.375%20-0.585938%200.882812%20-0.585938%201.414062%20v%203%20h%203%20c%200.53125%200%201.039062%20-0.210938%201.414062%20-0.585938%20l%209%20-9%20c%201.789063%20-1.789062%200.082032%20-4.390624%20-1.890624%20-4.570312%20c%20-0.082032%20-0.011719%20-0.164063%20-0.011719%20-0.246094%20-0.011719%20z%20m%20-1.777344%203.605469%20l%201.0625%201.0625%20l%20-7.0625%207.0625%20l%20-1.0625%20-1.0625%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
25
38
  --icon-document-open: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203%201%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%208%20c%200%201.644531%201.355469%203%203%203%20h%208.882812%20c%200.832032%200%201.578126%20-0.402344%202.054688%20-0.9375%20c%200.472656%20-0.53125%200.738281%20-1.167969%200.910156%20-1.800781%20l%200.972656%20-2.609375%20c%200.390626%20-1.449219%20-0.09375%20-2.652344%20-0.820312%20-3.167969%20c%20-0.484375%20-0.34375%20-0.714844%20-0.292969%20-1%20-0.324219%20v%20-1.160156%20c%200%20-0.855469%20-0.558594%20-1.589844%20-1.09375%20-1.828125%20c%20-0.417969%20-0.1875%20-0.808594%20-0.183594%20-0.953125%20-0.171875%20h%20-3.539063%20l%20-1.707031%20-1.707031%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20z%20m%200%202%20h%202.585938%20l%201.707031%201.707031%20c%200.1875%200.1875%200.441406%200.292969%200.707031%200.292969%20h%204%20v%201%20h%20-5%20h%200.039062%20c%20-0.914062%20-0.039062%20-1.746093%200.394531%20-2.1875%200.96875%20c%20-0.714843%201.226562%20-1.160156%202.28125%20-1.800781%203.71875%20c%20-0.171875%200.527344%200.113281%201.09375%200.636719%201.265625%20c%200.527344%200.167969%201.09375%20-0.117187%201.261719%20-0.640625%20c%200.488281%20-1.011719%200.921875%20-1.816406%201.339843%20-2.808594%20c%200.210938%20-0.503906%200.703126%20-0.492187%200.898438%20-0.503906%20h%205.8125%20c%201%200%201.046875%200.703125%200.886719%201.128906%20l%20-0.96875%202.609375%20c%20-0.121094%200.4375%20-0.300781%200.800781%20-0.476563%200.996094%20c%20-0.175781%200.199219%20-0.285156%200.265625%20-0.558594%200.265625%20h%20-8.882812%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-8%20c%200%20-0.570312%200.46875%20-0.792969%201%20-1%20z%20m%209.105469%201.996094%20h%200.003906%20v%200.003906%20h%200.003906%20l%20-0.003906%200.003906%20h%20-0.003906%20v%20-0.003906%20c%20-0.003907%200%20-0.007813%200%20-0.011719%200%20h%20-0.003906%20l%20-0.003906%20-0.003906%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
26
39
  --icon-document-save: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%208.585938%20l%20-1.292969%20-1.292969%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20s%20-0.519531%200.105469%20-0.707031%200.292969%20c%20-0.390625%200.390625%20-0.390625%201.023437%200%201.414062%20l%203%203%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20l%203%20-3%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20s%20-1.023437%20-0.390625%20-1.414062%200%20l%20-1.292969%201.292969%20v%20-8.585938%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20z%20m%20-7%2014%20v%202%20h%2014%20v%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
@@ -43,7 +56,25 @@
43
56
  --icon-window-close: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%204%204%20h%201%20h%200.03125%20c%200.253906%200.011719%200.511719%200.128906%200.6875%200.3125%20l%202.28125%202.28125%20l%202.3125%20-2.28125%20c%200.265625%20-0.230469%200.445312%20-0.304688%200.6875%20-0.3125%20h%201%20v%201%20c%200%200.285156%20-0.035156%200.550781%20-0.25%200.75%20l%20-2.28125%202.28125%20l%202.25%202.25%20c%200.1875%200.1875%200.28125%200.453125%200.28125%200.71875%20v%201%20h%20-1%20c%20-0.265625%200%20-0.53125%20-0.09375%20-0.71875%20-0.28125%20l%20-2.28125%20-2.28125%20l%20-2.28125%202.28125%20c%20-0.1875%200.1875%20-0.453125%200.28125%20-0.71875%200.28125%20h%20-1%20v%20-1%20c%200%20-0.265625%200.09375%20-0.53125%200.28125%20-0.71875%20l%202.28125%20-2.25%20l%20-2.28125%20-2.28125%20c%20-0.210938%20-0.195312%20-0.304688%20-0.46875%20-0.28125%20-0.75%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
44
57
  --icon-window-minimize: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%204%2010.007812%20h%208%20v%201.988282%20h%20-8%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
45
58
  --icon-window-maximize: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203.988281%203.992188%20v%208.011718%20h%208.011719%20v%20-8.011718%20z%20m%202%202%20h%204.011719%20v%204.011718%20h%20-4.011719%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
59
+ --icon-window-restore: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%204.988281%204.992188%20v%206.011718%20h%206.011719%20v%20-6.011718%20z%20m%202%202%20h%202.011719%20v%202.011718%20h%20-2.011719%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
46
60
  --icon-image-missing: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%204.015625%201.03125%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%201%20h%201%20v%20-1%20c%200%20-1.109375%200.890625%20-2%202%20-2%20h%201%20v%20-1%20z%20m%202%200%20v%201%20h%204%20v%20-1%20z%20m%205%200%20v%201%20h%201%20c%201.109375%200%202%200.890625%202%202%20v%201%20h%201%20v%20-1%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%20-5%204%20c%20-0.550781%200%20-1%200.449219%20-1%201%20s%200.449219%201%201%201%20s%201%20-0.449219%201%20-1%20s%20-0.449219%20-1%20-1%20-1%20z%20m%20-5%201%20v%204%20h%201%20v%20-4%20z%20m%2013%200%20v%204%20h%201%20v%20-4%20z%20m%20-4.5%202%20l%20-2%202%20l%20-1.5%20-1%20l%20-2%202%20v%200.5%20c%200%200.5%200.5%200.5%200.5%200.5%20h%207%20s%200.472656%20-0.035156%200.5%20-0.5%20v%20-1%20z%20m%20-8.5%203%20v%201%20c%200%201.644531%201.355469%203%203%203%20h%201%20v%20-1%20h%20-1%20c%20-1.109375%200%20-2%20-0.890625%20-2%20-2%20v%20-1%20z%20m%2013%200%20v%201%20c%200%201.109375%20-0.890625%202%20-2%202%20h%20-1%20v%201%20h%201%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-1%20z%20m%20-8%203%20v%201%20h%204%20v%20-1%20z%20m%200%200'%20fill%3D'currentColor'%20fill-opacity%3D'0.34902'%2F%3E%20%3C%2Fsvg%3E");
61
+ --icon-emoji-recent: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208.484375%200.0195312%20c%20-4.128906%200%20-7.484375%203.3554688%20-7.484375%207.4882808%20c%200%204.128907%203.355469%207.484376%207.484375%207.484376%20c%204.132813%200%207.488281%20-3.355469%207.488281%20-7.484376%20c%200%20-4.132812%20-3.355468%20-7.4882808%20-7.488281%20-7.4882808%20z%20m%200%201.9726568%20c%203.050781%200%205.515625%202.464843%205.515625%205.515624%20c%200%203.046876%20-2.464844%205.511719%20-5.515625%205.511719%20c%20-3.046875%200%20-5.511719%20-2.464843%20-5.511719%20-5.511719%20c%200%20-3.050781%202.464844%20-5.515624%205.511719%20-5.515624%20z%20m%203.011719%202.007812%20c%20-0.035156%200%20-0.070313%200%20-0.105469%200.007812%20c%20-0.097656%200.023438%20-0.183594%200.078126%20-0.25%200.15625%20l%20-2.65625%202.65625%20l%20-1.65625%20-1.65625%20c%20-0.105469%20-0.179687%20-0.3125%20-0.269531%20-0.515625%20-0.234374%20c%20-0.203125%200.039062%20-0.363281%200.199218%20-0.402344%200.402343%20c%20-0.039062%200.203125%200.054688%200.410157%200.230469%200.519531%20l%202%202%20c%200.195313%200.179688%200.496094%200.179688%200.6875%200%20l%203%20-3%20c%200.140625%20-0.140624%200.179687%20-0.351562%200.109375%20-0.535156%20c%20-0.074219%20-0.183594%20-0.246094%20-0.308594%20-0.441406%20-0.316406%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
62
+ --icon-emoji-people: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-4.402344%200%20-8%203.597656%20-8%208%20s%203.597656%208%208%208%20s%208%20-3.597656%208%20-8%20s%20-3.597656%20-8%20-8%20-8%20z%20m%200%201.980469%20c%203.339844%200%206.019531%202.679687%206.019531%206.019531%20s%20-2.679687%206.019531%20-6.019531%206.019531%20s%20-6.019531%20-2.679687%20-6.019531%20-6.019531%20s%202.679687%20-6.019531%206.019531%20-6.019531%20z%20m%20-2%203.019531%20c%20-0.550781%200%20-1%200.449219%20-1%201%20s%200.449219%201%201%201%20s%201%20-0.449219%201%20-1%20s%20-0.449219%20-1%20-1%20-1%20z%20m%204%200%20c%20-0.550781%200%20-1%200.449219%20-1%201%20s%200.449219%201%201%201%20s%201%20-0.449219%201%20-1%20s%20-0.449219%20-1%20-1%20-1%20z%20m%20-5.28125%204.066406%20c%20-0.113281%200.066406%20-0.199219%200.175782%20-0.234375%200.304688%20s%20-0.015625%200.265625%200.050781%200.378906%20c%200.714844%201.238281%202.035156%202%203.464844%202%20s%202.75%20-0.761719%203.464844%20-2%20c%200.066406%20-0.113281%200.085937%20-0.25%200.050781%20-0.378906%20s%20-0.121094%20-0.238282%20-0.234375%20-0.304688%20s%20-0.25%20-0.085937%20-0.378906%20-0.050781%20s%20-0.238282%200.121094%20-0.304688%200.234375%20c%20-0.535156%200.929688%20-1.523437%201.5%20-2.597656%201.5%20s%20-2.0625%20-0.570312%20-2.597656%20-1.5%20c%20-0.066406%20-0.113281%20-0.175782%20-0.199219%20-0.304688%20-0.234375%20s%20-0.265625%20-0.015625%20-0.378906%200.050781%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
63
+ --icon-emoji-body: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%201%207%20v%208%20h%2011%20c%200.4375%200%200.875%20-0.375%201%20-1%20l%201%20-5.96875%20v%20-2.03125%20c%200%20-0.535156%20-0.40625%20-1%20-1%20-1%20h%20-3.898438%20l%200.898438%20-3.5%20c%200.226562%20-0.839844%20-0.433594%20-1.5%20-1%20-1.5%20h%20-1%20l%20-4.042969%207%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
64
+ --icon-emoji-nature: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%206.003906%201%20s%20-3%200%20-3%203%20v%205%20s%200.042969%201.417969%200.027344%202%20c%200%201%20-0.535156%201.414062%20-1.402344%202.121094%20c%20-0.628906%200.488281%20-0.773437%201.308594%20-0.308594%201.699218%20c%200.429688%200.351563%201.164063%200.300782%201.660157%20-0.34375%20l%201.019531%20-1.476562%20c%200.699219%20-1.015625%200.984375%20-1.875%201%20-3%20l%200.003906%20-6%20c%200%20-1%200.996094%20-1%200.996094%20-1%20v%206.574219%20l%203.003906%20-3.074219%20v%20-2.5%20c%200%20-1%200.996094%20-1%200.996094%20-1%20l%200.003906%202.5%20l%201.996094%20-2.035156%20c%200.339844%20-0.3125%200.503906%20-0.464844%201%20-0.464844%20l%200.003906%201%20l%20-4.003906%204%20h%204%20s%200.003906%201%20-1%201%20h%20-4%20l%20-2%202%20c%200%200.425781%200%202.007812%202%202.007812%20l%204.003906%20-0.007812%20s%203%200%202.996094%20-2.992188%20v%20-9.007812%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
65
+ --icon-emoji-food: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%200.984375%20-0.0117188%20c%20-0.550781%200.00781255%20-0.9921875%200.4609378%20-0.984375%201.0117188%20v%204%20s%200.0078125%200.84375%200.574219%201.601562%20c%200.449219%200.59375%201.257812%201.117188%202.425781%201.3125%20v%201.085938%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%205%20c%200%200.550781%200.449219%201%201%201%20h%202%20c%200.550781%200%201%20-0.449219%201%20-1%20v%20-5%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20v%20-1.085938%20c%201.167969%20-0.195312%201.976562%20-0.71875%202.425781%20-1.3125%20c%200.566407%20-0.757812%200.574219%20-1.601562%200.574219%20-1.601562%20v%20-4%20c%200.003906%20-0.359375%20-0.183594%20-0.695312%20-0.496094%20-0.878906%20c%20-0.3125%20-0.1796878%20-0.695312%20-0.1796878%20-1.007812%200%20c%20-0.3125%200.183594%20-0.5%200.519531%20-0.496094%200.878906%20v%203.5%20c%200%200.277344%20-0.222656%200.5%20-0.5%200.5%20s%20-0.5%20-0.222656%20-0.5%20-0.5%20v%20-3.5%20c%200.003906%20-0.269531%20-0.101562%20-0.53125%20-0.292969%20-0.722656%20c%20-0.191406%20-0.1914065%20-0.453125%20-0.2968752%20-0.722656%20-0.2890628%20c%20-0.550781%200.00781255%20-0.992187%200.4609378%20-0.984375%201.0117188%20v%203.5%20c%200%200.277344%20-0.222656%200.5%20-0.5%200.5%20s%20-0.5%20-0.222656%20-0.5%20-0.5%20v%20-3.5%20c%200.003906%20-0.269531%20-0.101562%20-0.53125%20-0.292969%20-0.722656%20c%20-0.191406%20-0.1914065%20-0.453125%20-0.2968752%20-0.722656%20-0.2890628%20z%20m%2012.984375%200.0117188%20c%20-0.253906%200.0078125%20-0.496094%200.113281%20-0.675781%200.292969%20c%20-1.734375%201.734375%20-2.503907%204.160156%20-2.898438%206.136719%20c%20-0.394531%201.976562%20-0.394531%203.570312%20-0.394531%203.570312%20c%200%200.550781%200.449219%201%201%201%20h%201%20v%204%20c%200%200.550781%200.449219%201%201%201%20h%201%20c%200.550781%200%201%20-0.449219%201%20-1%20v%20-14%20c%200%20-0.5625%20-0.464844%20-1.015625%20-1.03125%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
66
+ --icon-emoji-travel: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203.003906%201%20c%20-0.460937%200%20-0.859375%200.3125%20-0.972656%200.757812%20l%20-1%204%20c%20-0.019531%200.078126%20-0.027344%200.160157%20-0.027344%200.242188%20v%200.039062%20c%20-0.566406%200.09375%20-0.99999975%200.5625%20-0.99999975%201.15625%20v%204.613282%20c%200%200.589844%200.43359375%201.058594%200.99999975%201.152344%20v%201.539062%20c%200%200.277344%200.222656%200.5%200.5%200.5%20h%202%20c%200.277344%200%200.5%20-0.222656%200.5%20-0.5%20v%20-1.5%20h%208%20v%201.5%20c%200%200.277344%200.222656%200.5%200.5%200.5%20h%202%20c%200.277344%200%200.5%20-0.222656%200.5%20-0.5%20v%20-1.539062%20c%200.5625%20-0.09375%201%20-0.5625%201%20-1.15625%20v%20-4.609376%20c%200%20-0.59375%20-0.4375%20-1.0625%20-1%20-1.15625%20v%20-0.039062%20c%200%20-0.082031%20-0.011718%20-0.164062%20-0.03125%20-0.242188%20l%20-1%20-4%20c%20-0.109375%20-0.445312%20-0.511718%20-0.757812%20-0.96875%20-0.757812%20z%20m%200.78125%202%20h%208.4375%20l%200.75%203%20h%20-9.9375%20z%20m%20-0.28125%205%20c%200.828125%200%201.5%200.671875%201.5%201.5%20s%20-0.671875%201.5%20-1.5%201.5%20s%20-1.5%20-0.671875%20-1.5%20-1.5%20s%200.671875%20-1.5%201.5%20-1.5%20z%20m%209%200%20c%200.828125%200%201.5%200.671875%201.5%201.5%20s%20-0.671875%201.5%20-1.5%201.5%20s%20-1.5%20-0.671875%20-1.5%20-1.5%20s%200.671875%20-1.5%201.5%20-1.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
67
+ --icon-emoji-activities: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-4.40625%200%20-8%203.59375%20-8%208%20s%203.59375%208%208%208%20s%208%20-3.59375%208%20-8%20s%20-3.59375%20-8%20-8%20-8%20z%20m%200%202%20c%200.039062%200%200.074219%200.003906%200.113281%200.007812%20c%20-0.335937%201.648438%200.167969%203.394532%201.429688%204.601563%20c%201.203125%201.15625%202.875%201.601563%204.453125%201.285156%20c%200%200.035157%200.003906%200.070313%200.003906%200.105469%20c%200%203.324219%20-2.675781%206%20-6%206%20c%20-0.039062%200%20-0.078125%20-0.003906%20-0.113281%20-0.007812%20c%200.320312%20-1.582032%20-0.128907%20-3.257813%20-1.28125%20-4.460938%20c%20-0.722657%20-0.746094%20-1.636719%20-1.234375%20-2.609375%20-1.429688%20c%20-0.246094%20-0.050781%20-0.492188%20-0.082031%20-0.742188%20-0.09375%20c%20-0.414062%20-0.023437%20-0.835937%200.011719%20-1.246094%200.097657%20c%20-0.003906%20-0.035157%20-0.007812%20-0.070313%20-0.007812%20-0.105469%20c%200%20-3.324219%202.675781%20-6%206%20-6%20z%20m%201.113281%200.105469%20c%202.429688%200.453125%204.332031%202.355469%204.78125%204.785156%20c%20-1.289062%200.296875%20-2.671875%20-0.050781%20-3.660156%20-1.003906%20c%20-1.035156%20-0.988281%20-1.433594%20-2.429688%20-1.121094%20-3.78125%20z%20m%20-5.90625%206.898437%20c%200.992188%200.050782%201.953125%200.472656%202.675781%201.222656%20c%200.949219%200.988282%201.304688%202.371094%201.007813%203.667969%20c%20-2.433594%20-0.453125%20-4.335937%20-2.355469%20-4.785156%20-4.789062%20c%200.363281%20-0.082031%200.734375%20-0.121094%201.101562%20-0.101563%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
68
+ --icon-emoji-objects: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%207.992188%200%20c%20-2.832032%200%20-5.289063%202%20-5.871094%204.777344%20c%20-0.527344%202.535156%200.691406%205.035156%202.875%206.328125%20l%200.003906%200.898437%20c%200%200.550782%200.445312%200.996094%201%200.996094%20h%204%20c%200.550781%200%200.996094%20-0.445312%201%20-0.996094%20v%20-0.902344%20c%202.183594%20-1.292968%203.398438%20-3.796874%202.871094%20-6.328124%20c%20-0.582032%20-2.777344%20-3.042969%20-4.773438%20-5.875%20-4.773438%20z%20m%200%202%20c%201.902343%200%203.53125%201.320312%203.917968%203.183594%20c%200.390625%201.859375%20-0.570312%203.722656%20-2.3125%204.484375%20c%20-0.363281%200.15625%20-0.597656%200.515625%20-0.597656%200.914062%20v%200.417969%20h%20-2.003906%20v%20-0.417969%20c%200%20-0.398437%20-0.234375%20-0.753906%20-0.601563%20-0.914062%20c%20-1.738281%20-0.761719%20-2.703125%20-2.625%20-2.316406%20-4.484375%20c%200.390625%20-1.859375%202.015625%20-3.183594%203.914063%20-3.183594%20z%20m%20-1.996094%2012%20v%201%20c%200%200.554688%200.449218%201%201%201%20h%202%20c%200.554687%200%201%20-0.445312%201%20-1%20v%20-1%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%206.644531%206.144531%20c%20-0.195312%200.195313%20-0.195312%200.515625%200%200.710938%20l%201%201%20c%200.191407%200.191406%200.511719%200.191406%200.707031%200%20l%201%20-1%20c%200.191407%20-0.195313%200.191407%20-0.515625%200%20-0.710938%20c%20-0.195312%20-0.191406%20-0.515624%20-0.191406%20-0.707031%200%20l%20-0.648437%200.648438%20l%20-0.644532%20-0.648438%20c%20-0.195312%20-0.191406%20-0.515624%20-0.191406%20-0.707031%200%20z%20m%200%200'%20fill-opacity%3D'0.34902'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
69
+ --icon-emoji-symbols: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%204.5%201%20c%20-0.257812%200%20-0.511719%200.097656%20-0.707031%200.292969%20l%20-2.5%202.5%20c%20-0.390625%200.390625%20-0.390625%201.023437%200%201.414062%20l%202.5%202.5%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20l%202.5%20-2.5%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20l%20-2.5%20-2.5%20c%20-0.195312%20-0.195313%20-0.449219%20-0.292969%20-0.707031%20-0.292969%20z%20m%207.515625%201%20c%20-0.023437%200%20-0.046875%200%20-0.070313%200.003906%20c%20-0.335937%200.015625%20-0.640624%200.203125%20-0.808593%200.496094%20l%20-2.320313%204%20c%20-0.386718%200.664062%200.089844%201.5%200.863282%201.5%20h%204.644531%20c%200.769531%200%201.246093%20-0.835938%200.863281%20-1.5%20l%20-2.320312%20-4%20c%20-0.179688%20-0.308594%20-0.503907%20-0.496094%20-0.851563%20-0.5%20z%20m%20-5.015625%207%20c%20-1.65625%200%20-3%201.34375%20-3%203%20s%201.34375%203%203%203%20s%203%20-1.34375%203%20-3%20s%20-1.34375%20-3%20-3%20-3%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
70
+ --icon-emoji-flags: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203%200%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%2015%20h%202%20v%20-8%20h%202.382812%20l%200.722657%201.449219%20c%200.167969%200.335937%200.515625%200.550781%200.894531%200.550781%20h%205%20c%200.550781%200%201%20-0.449219%201%20-1%20v%20-6%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20h%20-3.382812%20l%20-0.722657%20-1.449219%20c%20-0.167969%20-0.335937%20-0.515625%20-0.550781%20-0.894531%20-0.550781%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
71
+ --icon-edit-find: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%206.5%200%20c%20-3.578125%200%20-6.5%202.921875%20-6.5%206.5%20s%202.921875%206.5%206.5%206.5%20c%201.429688%200%202.753906%20-0.46875%203.828125%20-1.257812%20l%202.945313%202.945312%20c%200.957031%200.9375%202.363281%20-0.5%201.40625%20-1.4375%20l%20-2.929688%20-2.929688%20c%200.785156%20-1.074218%201.25%20-2.394531%201.25%20-3.820312%20c%200%20-3.578125%20-2.921875%20-6.5%20-6.5%20-6.5%20z%20m%200%202%20c%202.496094%200%204.5%202.003906%204.5%204.5%20s%20-2.003906%204.5%20-4.5%204.5%20s%20-4.5%20-2.003906%20-4.5%20-4.5%20s%202.003906%20-4.5%204.5%20-4.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
72
+ --icon-printer: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%205%201%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%201%20h%208%20v%20-1%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20z%20m%20-3%203%20c%20-1.109375%200%20-2%200.890625%20-2%202%20v%204%20c%200%201.109375%200.890625%202%202%202%20v%201%20c%200%201.089844%200.910156%202%202%202%20h%208%20c%201.089844%200%202%20-0.910156%202%20-2%20v%20-1%20c%201.109375%200%202%20-0.890625%202%20-2%20v%20-4%20c%200%20-1.109375%20-0.890625%20-2%20-2%20-2%20z%20m%202%206%20h%208%20v%203%20h%20-8%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
73
+ --icon-face-smile: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Cpath%20d%3D'M8%201a7%207%200%20100%2014A7%207%200%20008%201zM6%205c.559%200%201.031.473%201.031%201.031V7c0%20.558-.472%201-1.03%201-.56%200-1-.442-1-1v-.969C5%205.473%205.44%205%206%205zm4%200c.559%200%201%20.473%201%201.031V7c0%20.558-.441%201-1%201-.558%200-1-.442-1-1v-.969C9%205.473%209.442%205%2010%205zM3%209.07c.997.637%204.017.917%205%20.917.984%200%203.805.051%205-.917v.5c0%20.68-1.744%201.404-5%201.404-3.256%200-5-.872-5-1.404z'%20fill%3D'currentColor'%2F%3E%3C%2Fsvg%3E");
74
+ --icon-dialog-warning: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207.90625%200.09375%20c%20-0.527344%20-0.0273438%20-1.039062%200.28125%20-1.4375%200.96875%20l%20-6.25%2011.59375%20c%20-0.535156%200.964844%200.046875%202.34375%201.09375%202.34375%20h%2013.15625%20c%200.980469%200%201.902344%20-1.160156%201.21875%20-2.34375%20l%20-6.3125%20-11.53125%20c%20-0.398438%20-0.644531%20-0.941406%20-1.003906%20-1.46875%20-1.03125%20z%20m%201.09375%203.90625%20v%205%20c%200.007812%200.527344%20-0.472656%201%20-1%201%20s%20-1.007812%20-0.472656%20-1%20-1%20v%20-5%20z%20m%20-1%207%20c%200.550781%200%201%200.449219%201%201%20s%20-0.449219%201%20-1%201%20s%20-1%20-0.449219%20-1%20-1%20s%200.449219%20-1%201%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
75
+ --icon-pan-end: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%2013%20c%200.265625%200%200.519531%20-0.101562%200.707031%20-0.292969%20l%204%20-4%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20l%20-4.003906%20-4%20c%20-0.390625%20-0.386719%20-1.023437%20-0.386719%20-1.414063%200%20c%20-0.386718%200.394531%20-0.386718%201.027343%200.003907%201.414062%20l%203.292969%203.292969%20l%20-3.292969%203.292969%20c%20-0.390625%200.390625%20-0.390625%201.027343%200%201.414062%20c%200.1875%200.191407%200.441406%200.292969%200.707031%200.292969%20z%20m%200%200'%20fill%3D'currentColor'%20fill-rule%3D'evenodd'%2F%3E%20%3C%2Fsvg%3E");
76
+ --icon-pan-end-rtl: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208.285156%2012.699219%20l%20-3.917968%20-4%20c%20-0.378907%20-0.390625%20-0.378907%20-1.007813%200%20-1.394531%20l%203.917968%20-4%20c%200.382813%20-0.398438%201.015625%20-0.40625%201.414063%20-0.019532%20c%200.394531%200.382813%200.402343%201.015625%200.019531%201.414063%20l%20-3.242188%203.300781%20l%203.242188%203.300781%20c%200.382812%200.398438%200.375%201.03125%20-0.019531%201.417969%20c%20-0.398438%200.382812%20-1.03125%200.375%20-1.414063%20-0.019531%20z%20m%200%200'%20fill%3D'currentColor'%20fill-rule%3D'evenodd'%2F%3E%20%3C%2Fsvg%3E");
77
+ --icon-pan-down: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203.292969%207.707031%20l%204%204%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20l%204%20-4%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20s%20-1.023437%20-0.390625%20-1.414062%200%20l%20-3.292969%203.292969%20l%20-3.292969%20-3.292969%20c%20-0.390625%20-0.390625%20-1.023437%20-0.390625%20-1.414062%200%20s%20-0.390625%201.023437%200%201.414062%20z%20m%200%200'%20fill%3D'currentColor'%20fill-rule%3D'evenodd'%2F%3E%20%3C%2Fsvg%3E");
47
78
  }
48
79
 
49
80
  .adw-icon--go-down {
@@ -66,6 +97,11 @@
66
97
  -webkit-mask-image: var(--icon-go-next);
67
98
  }
68
99
 
100
+ .adw-icon--go-up {
101
+ mask-image: var(--icon-go-up);
102
+ -webkit-mask-image: var(--icon-go-up);
103
+ }
104
+
69
105
  .adw-icon--view-refresh {
70
106
  mask-image: var(--icon-view-refresh);
71
107
  -webkit-mask-image: var(--icon-view-refresh);
@@ -121,6 +157,51 @@
121
157
  -webkit-mask-image: var(--icon-avatar-default);
122
158
  }
123
159
 
160
+ .adw-icon--media-playback-start {
161
+ mask-image: var(--icon-media-playback-start);
162
+ -webkit-mask-image: var(--icon-media-playback-start);
163
+ }
164
+
165
+ .adw-icon--media-playback-pause {
166
+ mask-image: var(--icon-media-playback-pause);
167
+ -webkit-mask-image: var(--icon-media-playback-pause);
168
+ }
169
+
170
+ .adw-icon--media-eject {
171
+ mask-image: var(--icon-media-eject);
172
+ -webkit-mask-image: var(--icon-media-eject);
173
+ }
174
+
175
+ .adw-icon--media-playlist-repeat {
176
+ mask-image: var(--icon-media-playlist-repeat);
177
+ -webkit-mask-image: var(--icon-media-playlist-repeat);
178
+ }
179
+
180
+ .adw-icon--dialog-error {
181
+ mask-image: var(--icon-dialog-error);
182
+ -webkit-mask-image: var(--icon-dialog-error);
183
+ }
184
+
185
+ .adw-icon--audio-volume-muted {
186
+ mask-image: var(--icon-audio-volume-muted);
187
+ -webkit-mask-image: var(--icon-audio-volume-muted);
188
+ }
189
+
190
+ .adw-icon--audio-volume-low {
191
+ mask-image: var(--icon-audio-volume-low);
192
+ -webkit-mask-image: var(--icon-audio-volume-low);
193
+ }
194
+
195
+ .adw-icon--audio-volume-medium {
196
+ mask-image: var(--icon-audio-volume-medium);
197
+ -webkit-mask-image: var(--icon-audio-volume-medium);
198
+ }
199
+
200
+ .adw-icon--audio-volume-high {
201
+ mask-image: var(--icon-audio-volume-high);
202
+ -webkit-mask-image: var(--icon-audio-volume-high);
203
+ }
204
+
124
205
  .adw-icon--camera-photo {
125
206
  mask-image: var(--icon-camera-photo);
126
207
  -webkit-mask-image: var(--icon-camera-photo);
@@ -141,6 +222,21 @@
141
222
  -webkit-mask-image: var(--icon-view-conceal);
142
223
  }
143
224
 
225
+ .adw-icon--value-increase {
226
+ mask-image: var(--icon-value-increase);
227
+ -webkit-mask-image: var(--icon-value-increase);
228
+ }
229
+
230
+ .adw-icon--value-decrease {
231
+ mask-image: var(--icon-value-decrease);
232
+ -webkit-mask-image: var(--icon-value-decrease);
233
+ }
234
+
235
+ .adw-icon--edit-clear {
236
+ mask-image: var(--icon-edit-clear);
237
+ -webkit-mask-image: var(--icon-edit-clear);
238
+ }
239
+
144
240
  .adw-icon--document-edit {
145
241
  mask-image: var(--icon-document-edit);
146
242
  -webkit-mask-image: var(--icon-document-edit);
@@ -251,7 +347,97 @@
251
347
  -webkit-mask-image: var(--icon-window-maximize);
252
348
  }
253
349
 
350
+ .adw-icon--window-restore {
351
+ mask-image: var(--icon-window-restore);
352
+ -webkit-mask-image: var(--icon-window-restore);
353
+ }
354
+
254
355
  .adw-icon--image-missing {
255
356
  mask-image: var(--icon-image-missing);
256
357
  -webkit-mask-image: var(--icon-image-missing);
257
358
  }
359
+
360
+ .adw-icon--emoji-recent {
361
+ mask-image: var(--icon-emoji-recent);
362
+ -webkit-mask-image: var(--icon-emoji-recent);
363
+ }
364
+
365
+ .adw-icon--emoji-people {
366
+ mask-image: var(--icon-emoji-people);
367
+ -webkit-mask-image: var(--icon-emoji-people);
368
+ }
369
+
370
+ .adw-icon--emoji-body {
371
+ mask-image: var(--icon-emoji-body);
372
+ -webkit-mask-image: var(--icon-emoji-body);
373
+ }
374
+
375
+ .adw-icon--emoji-nature {
376
+ mask-image: var(--icon-emoji-nature);
377
+ -webkit-mask-image: var(--icon-emoji-nature);
378
+ }
379
+
380
+ .adw-icon--emoji-food {
381
+ mask-image: var(--icon-emoji-food);
382
+ -webkit-mask-image: var(--icon-emoji-food);
383
+ }
384
+
385
+ .adw-icon--emoji-travel {
386
+ mask-image: var(--icon-emoji-travel);
387
+ -webkit-mask-image: var(--icon-emoji-travel);
388
+ }
389
+
390
+ .adw-icon--emoji-activities {
391
+ mask-image: var(--icon-emoji-activities);
392
+ -webkit-mask-image: var(--icon-emoji-activities);
393
+ }
394
+
395
+ .adw-icon--emoji-objects {
396
+ mask-image: var(--icon-emoji-objects);
397
+ -webkit-mask-image: var(--icon-emoji-objects);
398
+ }
399
+
400
+ .adw-icon--emoji-symbols {
401
+ mask-image: var(--icon-emoji-symbols);
402
+ -webkit-mask-image: var(--icon-emoji-symbols);
403
+ }
404
+
405
+ .adw-icon--emoji-flags {
406
+ mask-image: var(--icon-emoji-flags);
407
+ -webkit-mask-image: var(--icon-emoji-flags);
408
+ }
409
+
410
+ .adw-icon--edit-find {
411
+ mask-image: var(--icon-edit-find);
412
+ -webkit-mask-image: var(--icon-edit-find);
413
+ }
414
+
415
+ .adw-icon--printer {
416
+ mask-image: var(--icon-printer);
417
+ -webkit-mask-image: var(--icon-printer);
418
+ }
419
+
420
+ .adw-icon--face-smile {
421
+ mask-image: var(--icon-face-smile);
422
+ -webkit-mask-image: var(--icon-face-smile);
423
+ }
424
+
425
+ .adw-icon--dialog-warning {
426
+ mask-image: var(--icon-dialog-warning);
427
+ -webkit-mask-image: var(--icon-dialog-warning);
428
+ }
429
+
430
+ .adw-icon--pan-end {
431
+ mask-image: var(--icon-pan-end);
432
+ -webkit-mask-image: var(--icon-pan-end);
433
+ }
434
+
435
+ .adw-icon--pan-end-rtl {
436
+ mask-image: var(--icon-pan-end-rtl);
437
+ -webkit-mask-image: var(--icon-pan-end-rtl);
438
+ }
439
+
440
+ .adw-icon--pan-down {
441
+ mask-image: var(--icon-pan-down);
442
+ -webkit-mask-image: var(--icon-pan-down);
443
+ }
package/scss/_inscription.scss ADDED
@@ -0,0 +1,125 @@
1
+ // _inscription.scss — <gtk-inscription>: a flex row whose two pseudo-elements are `xalign`,
2
+ // and whose four custom properties are the size request the C measures in characters and
3
+ // lines.
4
+ //
5
+ // `GtkInscription`'s CSS NAME IS `label` (gtkinscription.c:780), so libadwaita's whole
6
+ // `label {}` cascade reaches it — which means there is no `inscription` block in
7
+ // `refs/libadwaita/src/stylesheet/` to port and none is invented here. `_labels.scss` already
8
+ // styles every class on this node (`.dimmed`, `.numeric`, `.title-1`), and the element
9
+ // carries the same two of those: the `tnum` in `text-overflow` is the label's own.
10
+ //
11
+ // THE FOUR COUNTS ARE `ch` AND `lh`, NOT PIXELS. `gtk_inscription_measure_width` multiplies
12
+ // `min_chars` by the font's average character width and returns
13
+ // `MAX (min_chars, nat_chars)` for the natural (gtkinscription.c:347-348);
14
+ // `measure_height` does the same over a line height (gtkinscription.c:383-384). CSS `ch` IS
15
+ // the advance width of the `0` glyph — the same "average character" Pango measures — and `lh`
16
+ // IS the line box, which is `line_pixels`. So the element sets these four and this rule
17
+ // applies them; `--gtk-inscription-width` carries the `MAX` because
18
+ // `labelWidthCharsExtent` already encodes it in `@gjsify/adwaita-core`.
19
+ //
20
+ // THE `auto` FALLBACK IS THE ZERO CASE, AND IT IS NOT THE SAME AS `0`. Both measures
21
+ // return NOTHING when the two counts are zero at once (gtkpicture's sibling,
22
+ // gtkinscription.c:344-345, :378-379) — the inscription does not participate in sizing, and
23
+ // its minimum is whatever the widget already had. `min-width: 0ch` would be a very
24
+ // different, much smaller widget, so the element writes `auto` and this rule leaves the
25
+ // declaration off entirely when it sees it.
26
+ //
27
+ // `xalign`'s SPACERS. GTK places the text at `xalign * (width − text width)` inside the
28
+ // allocation (the same `gtk_label_get_layout_location` arithmetic, transcribed for this
29
+ // widget in `gtk-inscription.ts`'s header). Flexbox's `flex-grow` takes a ratio, so
30
+ // splitting the free space between `::before` and `::after` in the ratio
31
+ // `xalign : 1 − xalign` IS that formula. The default is 0 (gtkinscription.c:67, :791), so
32
+ // out of the box `::before` has zero growth and all the free space lands before the text —
33
+ // which is what a caption under a centred icon wants, with no flex rule of its own.
34
+ //
35
+ // `yalign` IS `--gtk-inscription-align-items`, NOT A SECOND SPACER PAIR. CSS gives
36
+ // `align-items` three keywords and no continuum the way `flex-grow` gives `xalign` one, and
37
+ // `labelYalignAlignItems` (`@gjsify/adwaita-core`) maps to the nearest of the three. That
38
+ // is a DECLARED divergence and `_labels.scss`'s header states it at length for
39
+ // `<gtk-label>`; it is the same declaration here and is not re-argued.
40
+ //
41
+ // `white-space: pre` BECAUSE THE STRING IS TEXT AND A NEWLINE IS A NEWLINE. Pango keeps a
42
+ // newline and a run of spaces, and an inscription that does not wrap is as wide as its
43
+ // text. There is no `[wrap]` attribute on this widget — unlike `<gtk-label>`, an inscription
44
+ // always has a box to lay out in, because that is what it is FOR — so `pre-wrap` is the
45
+ // base rule and `white-space: pre` is not needed at all. The wrap-mode rules below change
46
+ // where a line MAY break, which is a different question from whether one exists.
47
+ //
48
+ // `overflow-wrap: anywhere` IS THE DEFAULT HERE, NOT AN OPT-IN. The pspec says so in its own
49
+ // comment (gtkinscription.c:738-740): unlike `GtkLabel`, the default is
50
+ // `PANGO_WRAP_WORD_CHAR`, because an inscription reserves a box of a known character count
51
+ // and a word longer than that box has to break inside it. `word` therefore needs a rule to
52
+ // turn the default OFF, and `char` needs one to break anywhere. This is the reverse of
53
+ // `_labels.scss`, where `word` is the browser's un-overridden behaviour and needs none —
54
+ // a deliberate inversion, and the reason it reads the other way round.
55
+ //
56
+ // `text-overflow` NEEDS A BOX, WHICH IS WHY `overflow` IS NOT `visible`. CSS only ellipsises
57
+ // a block container with a constrained width, so the same `overflow: hidden` `_labels.scss`
58
+ // puts on its clamp is here — unconditionally, because `text-overflow` is a property of
59
+ // this widget with `clip` as its default rather than an ellipsize a label opts into. With
60
+ // `clip` the value `labelEllipsizeOverflowValue` supplies is `clip`, so nothing disappears
61
+ // silently; with any of the three `ellipsize-*` members it is `ellipsis`, the one truncating
62
+ // value CSS has, which is the declared `start`/`middle` divergence
63
+ // `labelEllipsizeOverflowValue`'s own doc comment carries.
64
+ //
65
+ // Reference: refs/gtk/gtk/gtkinscription.c:59-69,338-412,726-777,780
66
+ // Reference: refs/libadwaita/src/stylesheet/widgets/_labels.scss (the `label {}` cascade this
67
+ // widget's CSS name selects)
68
+ // Copyright (c) The GTK Team. LGPLv2.1+.
69
+ // Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.
70
+ // Modifications: Adapted for @gjsify/adwaita-web Web Components.
71
+
72
+ gtk-inscription {
73
+ display: flex;
74
+
75
+ // `gtk_inscription_measure_width`/`_height` in `ch` and `lh`
76
+ // (gtkinscription.c:347-348, :383-384), with the element's `auto` standing for the C's
77
+ // "both counts are zero, this widget does not participate in sizing" case
78
+ // (gtkinscription.c:344-345, :378-379).
79
+ min-width: var(--gtk-inscription-min-ch, auto);
80
+ width: var(--gtk-inscription-width, auto);
81
+ min-height: var(--gtk-inscription-min-lh, auto);
82
+ height: var(--gtk-inscription-height, auto);
83
+
84
+ // `--gtk-inscription-align-items` is `labelYalignAlignItems` — nearest-of-three, the
85
+ // DECLARED divergence `_labels.scss`'s header explains.
86
+ align-items: var(--gtk-inscription-align-items, center);
87
+
88
+ // An inscription always has a box, so it always wraps; `white-space: pre-wrap` keeps a
89
+ // newline and a run of spaces as Pango does while still honouring the wrap below.
90
+ white-space: pre-wrap;
91
+ // CSS ellipsises only inside a box with a constrained width.
92
+ overflow: hidden;
93
+ text-overflow: var(--gtk-inscription-text-overflow, clip);
94
+
95
+ // GTK's `xalign * (width − text width)`, as a `flex-grow` ratio pair.
96
+ &::before,
97
+ &::after {
98
+ content: '';
99
+ flex-shrink: 1;
100
+ flex-basis: 0;
101
+ }
102
+
103
+ &::before {
104
+ flex-grow: var(--gtk-inscription-xalign, 0);
105
+ }
106
+
107
+ &::after {
108
+ flex-grow: calc(1 - var(--gtk-inscription-xalign, 0));
109
+ }
110
+
111
+ // `PANGO_WRAP_WORD_CHAR` is the pspec DEFAULT (gtkinscription.c:738-740), so `anywhere`
112
+ // is the base rule and the other two nicks are the overrides — the reverse of
113
+ // `_labels.scss`, where `word` is the browser's own behaviour.
114
+ overflow-wrap: anywhere;
115
+
116
+ &[wrap-mode='word'] {
117
+ overflow-wrap: normal;
118
+ }
119
+
120
+ // Pango's CHAR is "break anywhere", which is CSS `break-all` — the same mapping
121
+ // `_labels.scss:112-126` states for `<gtk-label>`, from the same two CSS declarations.
122
+ &[wrap-mode='char'] {
123
+ word-break: break-all;
124
+ }
125
+ }
package/scss/_level_bar.scss ADDED
@@ -0,0 +1,190 @@
1
+ // _level_bar.scss — <gtk-level-bar>: the trough, the block, and the four colours the
2
+ // offset classes select.
3
+ //
4
+ // THE GEOMETRY IS libadwaita's, VERBATIM, because this widget has no other styling
5
+ // anywhere: refs/libadwaita/src/stylesheet/widgets/_level-bar.scss is the only
6
+ // stylesheet that touches a `levelbar` node, and it is entirely radii, sizes and
7
+ // block colours.
8
+ //
9
+ // WHAT C SUPPLIES INSTEAD. `levelbar > trough > block` is GTK's node tree
10
+ // (gtklevelbar.c:99-116) — the element writes `.adw-level-bar-trough` and
11
+ // `.adw-level-bar-block` with `.filled` / `.empty` plus the offset's class, because the
12
+ // offsets are a RUNTIME list (`gtk_level_bar_add_offset_value`, gtklevelbar.c:1395-1411)
13
+ // and no stylesheet can enumerate what an application adds. The four colours below are
14
+ // therefore written for the classes GTK itself installs: `low`, `high`, `full`
15
+ // (:1058-1060), and an application's own offset reaches them the same way.
16
+ //
17
+ // CONTINUOUS IS TWO NODES, NOT ONE. GTK allocates the empty level full size and paints
18
+ // the filled one over it (gtklevelbar.c:344-362, :424-461), and the filled node is NOT
19
+ // allocated at all when the value is 0 (:429-430) — which is why this partial positions
20
+ // both absolutely inside the trough instead of flowing them, and why `overflow: hidden`
21
+ // stands in for GTK's rounded clip.
22
+ //
23
+ // Reference: refs/libadwaita/src/stylesheet/widgets/_level-bar.scss:1-93
24
+ // Reference: refs/gtk/gtk/gtklevelbar.c:99-116,285-303,344-362,424-461,467-524
25
+ // Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.
26
+ // Copyright (c) The GTK Team. LGPLv2.1+.
27
+ // Modifications: Adapted for @gjsify/adwaita-web Web Components.
28
+
29
+ // $_levelbar_size (level-bar.scss:1)
30
+ $levelbar-size: 8px;
31
+ // $_levelbar_border_radius (level-bar.scss:2)
32
+ $levelbar-radius: 99px;
33
+
34
+ gtk-level-bar {
35
+ display: flex;
36
+
37
+ // `&:disabled { filter: Opacity(var(--disabled-opacity)) }` (:5-7).
38
+ &[disabled] {
39
+ opacity: var(--disabled-opacity);
40
+ }
41
+
42
+ .adw-level-bar-trough {
43
+ // `> trough { padding: 0 }` (:67-68) — the trough is the whole box, not a padded
44
+ // container around a smaller trough.
45
+ padding: 0;
46
+ position: relative;
47
+ display: flex;
48
+ // The rounded clip `gtk_snapshot_push_rounded_clip` puts on a progress node
49
+ // (gtkprogressbar.c:462-465), and the reason a value past `max-value` is cut off
50
+ // here rather than drawn beyond the end.
51
+ overflow: hidden;
52
+ width: 100%;
53
+ }
54
+
55
+ .adw-level-bar-block {
56
+ position: absolute;
57
+ border-radius: $levelbar-radius;
58
+ }
59
+
60
+ // The unfilled level, which is what `block.empty` paints ($trough_color,
61
+ // level-bar.scss:85-92) — the same 15%-of-currentColor mix the scale trough uses
62
+ // (_scale.scss:1-10) and the 30% one under high contrast.
63
+ .adw-level-bar-block.empty {
64
+ inset: 0;
65
+ background-color: color-mix(in srgb, currentColor 15%, transparent);
66
+
67
+ @media (prefers-contrast: more) {
68
+ background-color: color-mix(in srgb, currentColor 30%, transparent);
69
+ box-shadow: inset 0 0 0 1px var(--border-color);
70
+ }
71
+ }
72
+
73
+ // The block colours (`> trough > block`, :71-93). `&:not(.empty)` is upstream's own
74
+ // selector, kept as written: it is what lets an offset an application invents paint in
75
+ // the accent without a rule of its own.
76
+ .adw-level-bar-block {
77
+ &.low {
78
+ background-color: var(--warning-bg-color);
79
+ }
80
+
81
+ &:not(.empty) {
82
+ background-color: var(--accent-bg-color);
83
+ }
84
+
85
+ &.full {
86
+ background-color: var(--success-bg-color);
87
+ }
88
+
89
+ &.high {
90
+ background-color: var(--accent-bg-color);
91
+ }
92
+ }
93
+
94
+ // `&.horizontal` (:9-35): 8px tall, one filled level in proportion to the interval.
95
+ &.horizontal {
96
+ .adw-level-bar-trough {
97
+ height: $levelbar-size;
98
+ }
99
+
100
+ .adw-level-bar-block {
101
+ min-height: $levelbar-size;
102
+ }
103
+
104
+ .adw-level-bar-block.filled {
105
+ inset-block: 0;
106
+ inset-inline-start: 0;
107
+ // `(cur_value - min_value) / (max_value - min_value)` (gtklevelbar.c:434-435).
108
+ width: calc(var(--level-fraction, 0) * 100%);
109
+ }
110
+
111
+ // `if (inverted) block_area.x += width - block_area.width` (:447-448).
112
+ &[inverted] .adw-level-bar-block.filled {
113
+ inset-inline-start: auto;
114
+ inset-inline-end: 0;
115
+ }
116
+ }
117
+
118
+ // `&.vertical` (:38-64): the same bar across the other axis.
119
+ &.vertical {
120
+ .adw-level-bar-trough {
121
+ height: 100%;
122
+ }
123
+
124
+ .adw-level-bar-block {
125
+ min-width: $levelbar-size;
126
+ }
127
+
128
+ .adw-level-bar-block.filled {
129
+ inset-inline: 0;
130
+ inset-block-start: 0;
131
+ height: calc(var(--level-fraction, 0) * 100%);
132
+ }
133
+
134
+ // `if (inverted) block_area.y += height - block_area.height` (:455-456).
135
+ &[inverted] .adw-level-bar-block.filled {
136
+ inset-block-start: auto;
137
+ inset-block-end: 0;
138
+ }
139
+ }
140
+
141
+ // DISCRETE IS FLOW, NOT ABSOLUTE. GTK lays the blocks out in one run and divides the
142
+ // trough between them (gtklevelbar.c:467-524); libadwaita puts a 2px gap between them
143
+ // and a 26px minimum (:20-35 horizontal, :50-64 vertical), with the outer corners
144
+ // rounded and the inner ones square.
145
+ &.discrete {
146
+ .adw-level-bar-block {
147
+ position: relative;
148
+ inset: auto;
149
+ flex: 1 1 0;
150
+ border-radius: 0;
151
+ }
152
+
153
+ &.horizontal {
154
+ .adw-level-bar-trough {
155
+ gap: 2px;
156
+ }
157
+
158
+ .adw-level-bar-block {
159
+ min-width: 26px;
160
+
161
+ &:first-child {
162
+ border-radius: $levelbar-radius 0 0 $levelbar-radius;
163
+ }
164
+
165
+ &:last-child {
166
+ border-radius: 0 $levelbar-radius $levelbar-radius 0;
167
+ }
168
+ }
169
+ }
170
+
171
+ &.vertical {
172
+ .adw-level-bar-trough {
173
+ flex-direction: column;
174
+ gap: 2px;
175
+ }
176
+
177
+ .adw-level-bar-block {
178
+ min-height: 26px;
179
+
180
+ &:first-child {
181
+ border-radius: $levelbar-radius $levelbar-radius 0 0;
182
+ }
183
+
184
+ &:last-child {
185
+ border-radius: 0 0 $levelbar-radius $levelbar-radius;
186
+ }
187
+ }
188
+ }
189
+ }
190
+ }