@gjsify/adwaita-web 0.40.0 → 0.41.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.
- package/dist/adwaita-web.css +112 -40
- package/dist/adwaita-web.css.map +1 -1
- package/lib/types/elements/adw-carousel.d.ts +48 -0
- package/lib/types/elements/adw-tab-view.d.ts +23 -0
- package/lib/types/elements/adw-toolbar-view.d.ts +8 -0
- package/lib/types/index.d.ts +2 -0
- package/lib/types/scroll-shading.d.ts +56 -0
- package/lib/types/styles.generated.d.ts +1 -1
- package/package.json +6 -6
- package/scss/_carousel.scss +15 -1
- package/scss/_headerbar.scss +35 -6
- package/scss/_icons.generated.scss +18 -0
- package/scss/_scrolling.scss +107 -0
- package/scss/_style_classes.scss +21 -8
- package/scss/_theme.scss +1 -0
- package/scss/_toolbar_view.scss +52 -22
- package/scss/_variables.scss +7 -0
- package/scss/_view_switcher.scss +80 -20
- package/scss/adwaita-skin.scss +1 -0
- package/src/adw-carousel.spec.ts +141 -1
- package/src/adw-header-bar.spec.ts +92 -0
- package/src/adw-tab-view.spec.ts +151 -0
- package/src/bottom-sheet.spec.ts +87 -0
- package/src/chrome.spec.ts +233 -0
- package/src/elements/adw-carousel.ts +121 -4
- package/src/elements/adw-tab-view.ts +63 -3
- package/src/elements/adw-toolbar-view.ts +22 -0
- package/src/index.ts +6 -0
- package/src/scroll-shading.ts +255 -0
- package/src/styles.generated.ts +1 -1
- package/src/view-switcher.spec.ts +149 -0
package/dist/adwaita-web.css
CHANGED
|
@@ -36,6 +36,9 @@
|
|
|
36
36
|
--icon-emblem-system: 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%200.238281%20c%200%200.464844%20-0.378906%200.902344%20-0.820312%201.046875%20c%20-0.023438%200.007813%20-0.042969%200.011719%20-0.0625%200.019532%20c%20-0.445313%200.148437%20-1.007813%200.015624%20-1.28125%20-0.359376%20l%20-0.140626%20-0.195312%20c%20-0.15625%20-0.214844%20-0.390624%20-0.359375%20-0.652343%20-0.398438%20c%20-0.261719%20-0.042968%20-0.53125%200.019532%20-0.742188%200.175782%20c%20-0.449219%200.324218%20-0.550781%200.949218%20-0.222656%201.398437%20l%200.140625%200.199219%20c%200.277344%200.375%200.226562%200.953125%20-0.050781%201.328125%20c%20-0.011719%200.015625%20-0.023438%200.035156%20-0.035157%200.050781%20c%20-0.273437%200.378906%20-0.804687%200.601563%20-1.25%200.457032%20l%20-0.230468%20-0.074219%20c%20-0.523438%20-0.171875%20-1.089844%200.117187%20-1.257813%200.640625%20c%20-0.171875%200.527344%200.113281%201.089844%200.640625%201.261718%20l%200.222656%200.074219%20c%200.445313%200.144531%200.738282%200.636719%200.75%201.101563%20v%200.070312%20c%200.015626%200.464844%20-0.304687%200.960938%20-0.746093%201.105469%20l%20-0.226563%200.070313%20c%20-0.527344%200.171874%20-0.8125%200.738281%20-0.640625%201.261718%20c%200.167969%200.523438%200.734375%200.8125%201.257813%200.640625%20l%200.230468%20-0.074219%20c%200.445313%20-0.144531%200.976563%200.078126%201.25%200.457032%20c%200.011719%200.015625%200.027344%200.035156%200.039063%200.050781%20c%200.277344%200.375%200.324219%200.953125%200.050781%201.328125%20l%20-0.144531%200.203125%20c%20-0.324219%200.445313%20-0.226563%201.070313%200.222656%201.394531%20c%200.445313%200.324219%201.070313%200.226563%201.394531%20-0.21875%20l%200.144532%20-0.199218%20c%200.273437%20-0.378907%200.835937%20-0.507813%201.277344%20-0.359376%20c%200.019531%200.007813%200.042968%200.011719%200.0625%200.019532%20c%200.445312%200.140625%200.820312%200.578125%200.820312%201.046875%20v%200.238281%20c%200%200.550781%200.449219%201%201%201%20s%201%20-0.449219%201%20-1%20v%20-0.238281%20c%200%20-0.46875%200.378906%20-0.90625%200.820312%20-1.046875%20c%200.023438%20-0.007813%200.042969%20-0.015625%200.066407%20-0.023438%20c%200.441406%20-0.144531%201.003906%20-0.015625%201.277343%200.363282%20l%200.144532%200.199218%20c%200.324218%200.445313%200.949218%200.542969%201.394531%200.21875%20c%200.445313%20-0.324218%200.546875%20-0.949218%200.222656%20-1.394531%20l%20-0.148437%20-0.203125%20c%20-0.273438%20-0.375%20-0.226563%20-0.953125%200.050781%20-1.328125%20c%200.015625%20-0.015625%200.027344%20-0.035156%200.039063%20-0.050781%20c%200.273437%20-0.378906%200.804687%20-0.601563%201.25%20-0.457032%20l%200.234374%200.078126%20c%200.523438%200.167968%201.085938%20-0.121094%201.257813%20-0.644532%20c%200.171875%20-0.523437%20-0.117187%20-1.089844%20-0.640625%20-1.257812%20l%20-0.230469%20-0.074219%20c%20-0.445312%20-0.144531%20-0.734375%20-0.640625%20-0.746093%20-1.105469%20c%200%20-0.023437%200%20-0.046875%200%20-0.070312%20c%20-0.015626%20-0.464844%200.300781%20-0.957032%200.746093%20-1.101563%20l%200.230469%20-0.074219%20c%200.523438%20-0.171874%200.8125%20-0.734374%200.640625%20-1.261718%20c%20-0.171875%20-0.523438%20-0.734375%20-0.8125%20-1.257813%20-0.640625%20l%20-0.230468%200.074219%20c%20-0.445313%200.144531%20-0.980469%20-0.078126%20-1.253906%20-0.457032%20c%20-0.011719%20-0.015625%20-0.023438%20-0.035156%20-0.035157%20-0.050781%20c%20-0.277343%20-0.375%20-0.324219%20-0.953125%20-0.050781%20-1.328125%20l%200.144531%20-0.199219%20c%200.324219%20-0.445312%200.226563%20-1.074219%20-0.222656%20-1.398437%20c%20-0.214844%20-0.15625%20-0.480469%20-0.21875%20-0.742187%20-0.179688%20c%20-0.265626%200.042969%20-0.5%200.1875%20-0.652344%200.402344%20l%20-0.144532%200.195312%20c%20-0.273437%200.378907%20-0.835937%200.507813%20-1.28125%200.363282%20c%20-0.019531%20-0.007813%20-0.039062%20-0.015625%20-0.0625%20-0.023438%20c%20-0.441406%20-0.140625%20-0.820312%20-0.578125%20-0.820312%20-1.046875%20v%20-0.238281%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20z%20m%200%204%20c%200.871094%200%201.675781%200.273438%202.332031%200.742188%20c%200.003907%200.007812%200.011719%200.015624%200.019531%200.023437%20c%200.011719%200.003906%200.019532%200.007813%200.03125%200.015625%20c%200.660157%200.484375%201.160157%201.171875%201.421876%201.976562%20v%200.007813%20s%200.003906%200.003906%200.003906%200.007813%20c%200.292968%200.851562%200.15625%201.65625%200%202.457031%20c%200%200%20-0.003906%200.003906%20-0.003906%200.007812%20v%200.003907%20c%20-0.261719%200.800781%20-0.757813%201.488281%20-1.414063%201.976562%20c%20-0.015625%200.003906%20-0.027344%200.011719%20-0.039063%200.019531%20c%20-0.007812%200.003907%20-0.015624%200.011719%20-0.019531%200.019531%20c%20-0.65625%200.46875%20-1.460937%200.742188%20-2.332031%200.742188%20c%20-0.855469%200%20-1.644531%20-0.265625%20-2.289062%20-0.714844%20c%20-0.019532%20-0.015625%20-0.042969%20-0.035156%20-0.0625%20-0.046875%20c%20-0.011719%20-0.007812%20-0.023438%20-0.015625%20-0.035157%20-0.019531%20c%20-0.652343%20-0.484375%20-1.148437%20-1.160156%20-1.40625%20-1.945312%20c%20-0.003906%20-0.015626%20-0.007812%20-0.023438%20-0.011719%20-0.035157%20c%20-0.003906%20-0.007812%20-0.007812%20-0.015625%20-0.011718%20-0.019531%20c%20-0.285156%20-0.847656%20-0.148438%20-1.644531%200%20-2.4375%20c%200.003906%20-0.007812%200.007812%20-0.011719%200.011718%20-0.019531%20c%200.003907%20-0.011719%200.007813%20-0.023438%200.011719%20-0.039063%20c%200.261719%20-0.785156%200.757813%20-1.460937%201.414063%20-1.945312%20c%200.007812%20-0.003906%200.019531%20-0.007813%200.027344%20-0.015625%20c%200.019531%20-0.011719%200.042968%20-0.03125%200.058593%20-0.046875%20c%200.648438%20-0.449219%201.4375%20-0.714844%202.292969%20-0.714844%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
|
|
37
37
|
--icon-preferences-system: 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%2013.855469%200%20l%20-1.539063%201.4375%20c%20-0.453125%200.421875%20-0.53125%201.148438%20-0.269531%201.707031%20l%20-5.886719%205.996094%20c%20-0.011718%200%20-0.019531%200%20-0.03125%200%20c%20-0.257812%20-0.128906%20-0.550781%20-0.183594%20-0.839844%20-0.148437%20c%20-0.328124%200.046874%20-0.632812%200.199218%20-0.867187%200.441406%20l%20-3.945313%203.996094%20c%20-0.3906245%200.375%20-0.5468745%200.933593%20-0.4062495%201.457031%20c%200.1406255%200.523437%200.5546875%200.929687%201.0820315%201.058593%20c%200.527344%200.132813%201.082031%20-0.03125%201.453125%20-0.425781%20l%203.945312%20-3.996093%20c%200.472657%20-0.453126%200.59375%20-1.15625%200.296875%20-1.738282%20l%205.890625%20-5.964844%20c%200.558594%200.25%201.273438%200.148438%201.707031%20-0.289062%20l%201.414063%20-1.5625%20z%20m%20-10.308594%200.0898438%20c%20-0.398437%200%20-0.785156%200.0937502%20-1.140625%200.2187502%20l%201.882812%201.878906%20c%200.390626%200.382812%200.390626%201%200%201.386719%20l%20-0.710937%200.707031%20c%20-0.386719%200.386719%20-1%200.386719%20-1.390625%200%20l%20-1.882812%20-1.878906%20c%20-0.125%200.355468%20-0.2187505%200.742187%20-0.2187505%201.140625%20c%200%201.90625%201.5507815%203.453125%203.4609375%203.453125%20c%200.402344%200%200.789063%20-0.09375%201.144531%20-0.21875%20l%201.175782%201.171875%20h%200.058593%20l%202.070313%20-2.0625%20l%20-1.203125%20-1.203125%20c%200.125%20-0.359375%200.214843%20-0.742188%200.214843%20-1.140625%20c%200%20-1.90625%20-1.546874%20-3.4531252%20-3.460937%20-3.4531252%20z%20m%206.550781%207.8906252%20l%20-2.070312%202.066406%20c%200.011718%200.027344%200.023437%200.058594%200.03125%200.089844%20l%201.144531%201.140625%20c%20-0.125%200.355468%20-0.21875%200.742187%20-0.21875%201.140625%20c%200%201.902343%201.550781%203.449219%203.460937%203.449219%20c%200.433594%200%200.855469%20-0.101563%201.238282%20-0.246094%20l%20-2.007813%20-2%20c%20-0.386719%20-0.386719%20-0.386719%20-1.035156%200%20-1.417969%20l%200.679688%20-0.679687%20c%200.195312%20-0.191407%200.457031%20-0.308594%200.710937%20-0.308594%20s%200.515625%200.117187%200.710938%200.308594%20l%201.945312%201.941406%20c%200.105469%20-0.328125%200.183594%20-0.683594%200.183594%20-1.046875%20c%200%20-1.90625%20-1.546875%20-3.453125%20-3.460938%20-3.453125%20c%20-0.398437%200%20-0.785156%200.09375%20-1.140624%200.21875%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
|
|
38
38
|
--icon-application-x-executable: 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.015625%200.015625%20c%20-0.769531%200%20-1.539063%200.292969%20-2.121094%200.875%20l%20-5.003906%205.003906%20c%20-1.164063%201.164063%20-1.164063%203.078125%200%204.242188%20l%205.003906%205.003906%20c%201.164063%201.164063%203.078125%201.164063%204.242188%200%20l%205.007812%20-5.003906%20c%201.164063%20-1.164063%201.164063%20-3.078125%200%20-4.242188%20l%20-5.007812%20-5.003906%20c%20-0.582031%20-0.582031%20-1.351563%20-0.875%20-2.121094%20-0.875%20z%20m%200.101563%201.988281%20c%200.210937%200.023438%200.414062%200.117188%200.585937%200.28125%20l%20-0.339844%200.113282%20c%20-0.074219%20-0.136719%20-0.15625%20-0.269532%20-0.246093%20-0.394532%20z%20m%20-1.570313%201.058594%20c%200.300781%200.421875%200.464844%200.929688%200.46875%201.453125%20c%200%201.378906%20-1.121094%202.5%20-2.5%202.5%20c%20-0.523437%20-0.003906%20-1.03125%20-0.171875%20-1.449219%20-0.472656%20z%20m%203.441406%200.503906%20l%203.742188%203.742188%20c%200.402343%200.402344%200.402343%201.011718%200%201.414062%20l%20-0.253907%200.25%20c%20-0.039062%20-0.046875%20-0.074218%20-0.09375%20-0.117187%20-0.140625%20l%200.621094%20-0.855469%20l%20-0.808594%20-0.585937%20l%20-0.621094%200.851563%20c%20-0.167969%20-0.078126%20-0.347656%20-0.136719%20-0.535156%20-0.175782%20v%20-1.050781%20h%20-1%20v%201.050781%20c%20-0.183594%200.039063%20-0.363281%200.097656%20-0.53125%200.175782%20l%20-0.621094%20-0.851563%20l%20-0.804687%200.585937%20l%200.617187%200.855469%20c%20-0.125%200.136719%20-0.238281%200.289063%20-0.332031%200.453125%20l%20-1%20-0.324218%20l%20-0.308594%200.949218%20l%201%200.324219%20c%20-0.011718%200.09375%20-0.019531%200.1875%20-0.019531%200.28125%20s%200.007813%200.1875%200.019531%200.28125%20l%20-1%200.324219%20l%200.308594%200.949218%20l%201%20-0.324218%20c%200.09375%200.164062%200.207031%200.316406%200.332031%200.453125%20l%20-0.617187%200.855469%20l%200.195312%200.140624%20l%20-0.53125%200.53125%20c%20-0.402344%200.40625%20-1.011718%200.40625%20-1.414062%200%20l%20-4.902344%20-4.902343%20l%200.027344%20-0.039063%20l%200.210937%20-0.289062%20c%200.328125%200.152344%200.679688%200.269531%201.046875%200.339844%20v%201.179687%20h%201.648438%20v%20-1.179687%20c%200.363281%20-0.070313%200.714844%20-0.1875%201.046875%20-0.339844%20l%200.207031%200.289062%20l%200.484375%200.667969%20l%201.335937%20-0.972656%20l%20-0.484374%20-0.667969%20l%20-0.210938%20-0.289062%20c%200.25%20-0.269532%200.46875%20-0.566407%200.648438%20-0.890626%20l%200.339843%200.113282%20l%200.785157%200.253906%20l%200.507812%20-1.566406%20l%20-0.785156%20-0.257813%20l%20-0.335938%20-0.109375%20c%200.019532%20-0.179687%200.035156%20-0.363281%200.035156%20-0.550781%20s%20-0.015624%20-0.371094%20-0.035156%20-0.550781%20l%200.335938%20-0.109375%20l%200.785156%20-0.257813%20z%20m%201.527344%205.449219%20c%200.527344%200%200.984375%200.265625%201.25%200.667969%20l%20-2.078125%202.082031%20c%20-0.40625%20-0.269531%20-0.671875%20-0.722656%20-0.671875%20-1.25%20c%200%20-0.835937%200.667969%20-1.5%201.5%20-1.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3Cpath%20d%3D'm%204.039062%20-18.988281%20c%20-1.449218%200%20-2.679687%201.046875%20-2.964843%202.421875%20c%20-0.019531%200.097656%20-0.035157%200.199218%20-0.046875%200.300781%20c%20-0.007813%200.101563%20-0.015625%200.203125%20-0.015625%200.304687%20v%207.910157%20c%200%201.660156%201.367187%203.027343%203.027343%203.027343%20h%207.949219%20c%201.660157%200%203.027344%20-1.367187%203.027344%20-3.027343%20v%20-7.910157%20c%200%20-0.105468%20-0.003906%20-0.207031%20-0.015625%20-0.304687%20c%20-0.011719%20-0.101563%20-0.027344%20-0.203125%20-0.046875%20-0.300781%20c%20-0.285156%20-1.375%20-1.511719%20-2.421875%20-2.964844%20-2.421875%20z%20m%200%202.003906%20h%202.976563%20v%203%20h%20-2.976563%20c%20-0.585937%200%20-1.027343%20-0.441406%20-1.027343%20-1.027344%20v%20-0.949219%20c%200.003906%20-0.035156%200.003906%20-0.070312%200.007812%20-0.105468%20c%200.003907%20-0.035156%200.007813%20-0.070313%200.011719%20-0.105469%20c%200.007812%20-0.035156%200.019531%20-0.066406%200.027344%20-0.097656%20c%200.125%20-0.421875%200.503906%20-0.714844%200.980468%20-0.714844%20z%20m%204.976563%200%20h%202.972656%20c%200.585938%200%201.023438%200.4375%201.027344%201.023437%20v%200.949219%20c%200%200.585938%20-0.441406%201.027344%20-1.027344%201.027344%20h%20-2.972656%20z%20m%204%203.71875%20v%205.214844%20c%200%200.585937%20-0.441406%201.027343%20-1.027344%201.027343%20h%20-7.949219%20c%20-0.585937%200%20-1.027343%20-0.441406%20-1.027343%20-1.027343%20v%20-5.175781%20c%200.324219%200.148437%200.671875%200.246093%201.027343%200.246093%20h%202.976563%20v%203.035157%20l%202%200.992187%20v%20-4.027344%20h%202.972656%20c%200.34375%200%200.695313%20-0.113281%201.027344%20-0.285156%20z%20m%20-5%2033.28125%20c%20-0.851563%200%20-1.699219%200.328125%20-2.351563%200.976563%20l%20-4.671874%204.671874%20c%20-1.300782%201.300782%20-1.300782%203.402344%200%204.703126%20l%204.671874%204.671874%20c%201.300782%201.300782%203.402344%201.300782%204.699219%200%20l%204.675781%20-4.671874%20c%201.300782%20-1.300782%201.300782%20-3.402344%200%20-4.703126%20l%20-4.675781%20-4.671874%20c%20-0.648437%20-0.648438%20-1.496093%20-0.976563%20-2.347656%20-0.976563%20z%20m%200%201.984375%20c%200.335937%200%200.675781%200.132812%200.941406%200.402344%20l%203.03125%203.027344%20c%20-0.066406%200.039062%20-0.136719%200.070312%20-0.210937%200.09375%20c%20-0.019532%200.003906%20-0.039063%200.011718%20-0.0625%200.015624%20c%20-0.441406%200.148438%20-1.003906%200.019532%20-1.277344%20-0.359374%20l%20-0.140625%20-0.195313%20c%20-0.15625%20-0.210937%20-0.390625%20-0.355469%20-0.652344%20-0.398437%20c%20-0.066406%20-0.011719%20-0.132812%20-0.015626%20-0.199219%20-0.011719%20c%20-0.195312%200.007812%20-0.382812%200.074219%20-0.542968%200.191406%20c%20-0.449219%200.324219%20-0.550782%200.949219%20-0.226563%201.394531%20l%200.144531%200.199219%20c%200.273438%200.378906%200.226563%200.953125%20-0.050781%201.332031%20c%20-0.011719%200.015625%20-0.023437%200.03125%20-0.035156%200.050782%20c%20-0.273437%200.378906%20-0.808594%200.597656%20-1.253906%200.453124%20l%20-0.226563%20-0.074218%20c%20-0.523437%20-0.167969%20-1.089844%200.117187%20-1.257812%200.644531%20c%20-0.171875%200.523437%200.113281%201.089844%200.636718%201.261719%20l%200.226563%200.070312%20c%200.445313%200.144532%200.738281%200.640625%200.746094%201.105469%20c%200.003906%200.023437%200.003906%200.042969%200.003906%200.066406%20c%200.015625%200.464844%20-0.304687%200.960938%20-0.75%201.105469%20l%20-0.226563%200.074219%20c%20-0.179687%200.058593%20-0.332031%200.164062%20-0.445312%200.296875%20l%20-3.785156%20-3.785156%20c%20-0.535156%20-0.535157%20-0.535156%20-1.355469%200%20-1.890626%20l%204.667968%20-4.667968%20c%200.269532%20-0.269532%200.609376%20-0.402344%200.945313%20-0.402344%20z%20m%205.585937%205.234375%20c%200.058594%200%200.117188%200.003906%200.175782%200.007813%20c%200.382812%200.523437%200.335937%201.234374%20-0.144532%201.71875%20l%20-3.753906%203.75%20c%20-0.027344%20-0.066407%20-0.050781%20-0.136719%20-0.070312%20-0.203126%20c%20-0.003906%20-0.011718%20-0.007813%20-0.023437%20-0.011719%20-0.035156%20c%20-0.003906%20-0.007812%20-0.007813%20-0.011718%20-0.011719%20-0.019531%20c%20-0.285156%20-0.84375%20-0.152344%20-1.644531%200%20-2.4375%20c%200.003906%20-0.003906%200.007813%20-0.007813%200.011719%20-0.015625%20c%200.003906%20-0.011719%200.007813%20-0.027344%200.011719%20-0.039062%20c%200.261718%20-0.789063%200.757812%20-1.464844%201.410156%20-1.945313%20c%200.011719%20-0.003906%200.023438%20-0.011719%200.03125%20-0.015625%20c%200.019531%20-0.015625%200.042969%20-0.03125%200.058594%20-0.046875%20c%200.648437%20-0.453125%201.4375%20-0.71875%202.292968%20-0.71875%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
|
|
39
|
+
--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");
|
|
40
|
+
--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");
|
|
41
|
+
--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");
|
|
39
42
|
--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");
|
|
40
43
|
}
|
|
41
44
|
|
|
@@ -219,6 +222,21 @@
|
|
|
219
222
|
-webkit-mask-image: var(--icon-application-x-executable);
|
|
220
223
|
}
|
|
221
224
|
|
|
225
|
+
.adw-icon--window-close {
|
|
226
|
+
mask-image: var(--icon-window-close);
|
|
227
|
+
-webkit-mask-image: var(--icon-window-close);
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
.adw-icon--window-minimize {
|
|
231
|
+
mask-image: var(--icon-window-minimize);
|
|
232
|
+
-webkit-mask-image: var(--icon-window-minimize);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.adw-icon--window-maximize {
|
|
236
|
+
mask-image: var(--icon-window-maximize);
|
|
237
|
+
-webkit-mask-image: var(--icon-window-maximize);
|
|
238
|
+
}
|
|
239
|
+
|
|
222
240
|
.adw-icon--image-missing {
|
|
223
241
|
mask-image: var(--icon-image-missing);
|
|
224
242
|
-webkit-mask-image: var(--icon-image-missing);
|
|
@@ -233,6 +251,7 @@
|
|
|
233
251
|
--headerbar-fg-color: rgba(0, 0, 6, 0.8);
|
|
234
252
|
--headerbar-shade-color: rgba(0, 0, 6, 0.12);
|
|
235
253
|
--separator-color: rgba(0, 0, 6, 0.1);
|
|
254
|
+
--shade-color: rgba(0, 0, 6, 0.07);
|
|
236
255
|
--sidebar-bg-color: #ebebed;
|
|
237
256
|
--sidebar-fg-color: rgba(0, 0, 6, 0.8);
|
|
238
257
|
--sidebar-backdrop-color: #f2f2f4;
|
|
@@ -311,6 +330,7 @@
|
|
|
311
330
|
--headerbar-fg-color: #ffffff;
|
|
312
331
|
--headerbar-shade-color: rgba(0, 0, 6, 0.36);
|
|
313
332
|
--separator-color: rgba(255, 255, 255, 0.08);
|
|
333
|
+
--shade-color: rgba(0, 0, 6, 0.25);
|
|
314
334
|
--sidebar-bg-color: #2e2e32;
|
|
315
335
|
--sidebar-fg-color: #ffffff;
|
|
316
336
|
--sidebar-backdrop-color: #28282c;
|
|
@@ -357,6 +377,7 @@
|
|
|
357
377
|
--headerbar-fg-color: #ffffff;
|
|
358
378
|
--headerbar-shade-color: rgba(0, 0, 6, 0.36);
|
|
359
379
|
--separator-color: rgba(255, 255, 255, 0.08);
|
|
380
|
+
--shade-color: rgba(0, 0, 6, 0.25);
|
|
360
381
|
--sidebar-bg-color: #2e2e32;
|
|
361
382
|
--sidebar-fg-color: #ffffff;
|
|
362
383
|
--sidebar-backdrop-color: #28282c;
|
|
@@ -403,6 +424,7 @@
|
|
|
403
424
|
--headerbar-fg-color: rgba(0, 0, 6, 0.8);
|
|
404
425
|
--headerbar-shade-color: rgba(0, 0, 6, 0.12);
|
|
405
426
|
--separator-color: rgba(0, 0, 6, 0.1);
|
|
427
|
+
--shade-color: rgba(0, 0, 6, 0.07);
|
|
406
428
|
--sidebar-bg-color: #ebebed;
|
|
407
429
|
--sidebar-fg-color: rgba(0, 0, 6, 0.8);
|
|
408
430
|
--sidebar-backdrop-color: #f2f2f4;
|
|
@@ -1226,25 +1248,25 @@ adw-card,
|
|
|
1226
1248
|
/************************
|
|
1227
1249
|
* Undershoot indicators *
|
|
1228
1250
|
************************/
|
|
1229
|
-
.undershoot-top:not(adw-toolbar-view) {
|
|
1251
|
+
.undershoot-top:not(adw-toolbar-view):not(.adw-scroll-shaded) {
|
|
1230
1252
|
box-shadow: inset 0 6px 6px -6px color-mix(in srgb, currentColor 6%, transparent);
|
|
1231
1253
|
}
|
|
1232
1254
|
|
|
1233
|
-
.undershoot-bottom:not(adw-toolbar-view) {
|
|
1255
|
+
.undershoot-bottom:not(adw-toolbar-view):not(.adw-scroll-shaded) {
|
|
1234
1256
|
box-shadow: inset 0 -6px 6px -6px color-mix(in srgb, currentColor 6%, transparent);
|
|
1235
1257
|
}
|
|
1236
1258
|
|
|
1237
|
-
.undershoot-start:dir(ltr) {
|
|
1259
|
+
.undershoot-start:not(.adw-scroll-shaded):dir(ltr) {
|
|
1238
1260
|
box-shadow: inset 6px 0 6px -6px color-mix(in srgb, currentColor 6%, transparent);
|
|
1239
1261
|
}
|
|
1240
|
-
.undershoot-start:dir(rtl) {
|
|
1262
|
+
.undershoot-start:not(.adw-scroll-shaded):dir(rtl) {
|
|
1241
1263
|
box-shadow: inset -6px 0 6px -6px color-mix(in srgb, currentColor 6%, transparent);
|
|
1242
1264
|
}
|
|
1243
1265
|
|
|
1244
|
-
.undershoot-end:dir(ltr) {
|
|
1266
|
+
.undershoot-end:not(.adw-scroll-shaded):dir(ltr) {
|
|
1245
1267
|
box-shadow: inset -6px 0 6px -6px color-mix(in srgb, currentColor 6%, transparent);
|
|
1246
1268
|
}
|
|
1247
|
-
.undershoot-end:dir(rtl) {
|
|
1269
|
+
.undershoot-end:not(.adw-scroll-shaded):dir(rtl) {
|
|
1248
1270
|
box-shadow: inset 6px 0 6px -6px color-mix(in srgb, currentColor 6%, transparent);
|
|
1249
1271
|
}
|
|
1250
1272
|
|
|
@@ -1263,7 +1285,8 @@ adw-window {
|
|
|
1263
1285
|
}
|
|
1264
1286
|
|
|
1265
1287
|
adw-header-bar {
|
|
1266
|
-
display:
|
|
1288
|
+
display: grid;
|
|
1289
|
+
grid-template-columns: 1fr minmax(0, auto) 1fr;
|
|
1267
1290
|
align-items: center;
|
|
1268
1291
|
min-height: 47px;
|
|
1269
1292
|
padding: 0 6px;
|
|
@@ -1273,7 +1296,6 @@ adw-header-bar {
|
|
|
1273
1296
|
flex-shrink: 0;
|
|
1274
1297
|
}
|
|
1275
1298
|
adw-header-bar .adw-header-bar-center {
|
|
1276
|
-
flex: 1;
|
|
1277
1299
|
display: flex;
|
|
1278
1300
|
justify-content: center;
|
|
1279
1301
|
min-width: 0;
|
|
@@ -1286,19 +1308,19 @@ adw-header-bar .adw-header-bar-title {
|
|
|
1286
1308
|
text-overflow: ellipsis;
|
|
1287
1309
|
}
|
|
1288
1310
|
adw-header-bar .adw-header-bar-start {
|
|
1311
|
+
justify-self: start;
|
|
1289
1312
|
display: flex;
|
|
1290
1313
|
align-items: center;
|
|
1291
1314
|
padding: 0 6px;
|
|
1292
1315
|
gap: 4px;
|
|
1293
|
-
flex-shrink: 0;
|
|
1294
1316
|
}
|
|
1295
1317
|
adw-header-bar .adw-header-bar-end {
|
|
1318
|
+
justify-self: end;
|
|
1296
1319
|
display: flex;
|
|
1297
1320
|
align-items: center;
|
|
1298
1321
|
justify-content: flex-end;
|
|
1299
1322
|
padding: 0 6px;
|
|
1300
1323
|
gap: 4px;
|
|
1301
|
-
flex-shrink: 0;
|
|
1302
1324
|
}
|
|
1303
1325
|
adw-header-bar .adw-header-btn {
|
|
1304
1326
|
position: relative;
|
|
@@ -3215,6 +3237,9 @@ adw-toolbar-view .adw-toolbar-view-content {
|
|
|
3215
3237
|
flex-direction: column;
|
|
3216
3238
|
background-color: var(--window-bg-color);
|
|
3217
3239
|
}
|
|
3240
|
+
adw-toolbar-view .adw-toolbar-view-content > :only-child {
|
|
3241
|
+
flex: 1 1 auto;
|
|
3242
|
+
}
|
|
3218
3243
|
adw-toolbar-view .adw-toolbar-view-top.raised,
|
|
3219
3244
|
adw-toolbar-view .adw-toolbar-view-bottom.raised {
|
|
3220
3245
|
background-color: var(--headerbar-bg-color);
|
|
@@ -3232,22 +3257,11 @@ adw-toolbar-view .adw-toolbar-view-bottom.raised {
|
|
|
3232
3257
|
adw-toolbar-view .adw-toolbar-view-bottom.raised.border {
|
|
3233
3258
|
box-shadow: 0 -1px var(--headerbar-shade-color);
|
|
3234
3259
|
}
|
|
3235
|
-
adw-toolbar-view
|
|
3236
|
-
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
pointer-events: none;
|
|
3241
|
-
}
|
|
3242
|
-
adw-toolbar-view.undershoot-top .adw-toolbar-view-content::before {
|
|
3243
|
-
top: 0;
|
|
3244
|
-
margin-bottom: -6px;
|
|
3245
|
-
background: linear-gradient(to bottom, var(--headerbar-shade-color), transparent);
|
|
3246
|
-
}
|
|
3247
|
-
adw-toolbar-view.undershoot-bottom .adw-toolbar-view-content::after {
|
|
3248
|
-
bottom: 0;
|
|
3249
|
-
margin-top: -6px;
|
|
3250
|
-
background: linear-gradient(to top, var(--headerbar-shade-color), transparent);
|
|
3260
|
+
adw-toolbar-view .adw-toolbar-view-top:not(.raised) adw-header-bar,
|
|
3261
|
+
adw-toolbar-view .adw-toolbar-view-bottom:not(.raised) adw-header-bar {
|
|
3262
|
+
background: none;
|
|
3263
|
+
color: inherit;
|
|
3264
|
+
box-shadow: none;
|
|
3251
3265
|
}
|
|
3252
3266
|
|
|
3253
3267
|
adw-toolbar-view[extend-content-to-top-edge] > .adw-toolbar-view-top,
|
|
@@ -3265,6 +3279,59 @@ adw-toolbar-view[extend-content-to-bottom-edge] > .adw-toolbar-view-bottom {
|
|
|
3265
3279
|
bottom: 0;
|
|
3266
3280
|
}
|
|
3267
3281
|
|
|
3282
|
+
.adw-scroll-shaded::before, .adw-scroll-shaded::after {
|
|
3283
|
+
content: "";
|
|
3284
|
+
display: block;
|
|
3285
|
+
position: sticky;
|
|
3286
|
+
z-index: 1;
|
|
3287
|
+
flex-shrink: 0;
|
|
3288
|
+
pointer-events: none;
|
|
3289
|
+
height: 0;
|
|
3290
|
+
background: none;
|
|
3291
|
+
box-shadow: none;
|
|
3292
|
+
}
|
|
3293
|
+
.adw-scroll-shaded::before {
|
|
3294
|
+
top: 0;
|
|
3295
|
+
}
|
|
3296
|
+
.adw-scroll-shaded::after {
|
|
3297
|
+
bottom: 0;
|
|
3298
|
+
}
|
|
3299
|
+
.adw-scroll-shaded.undershoot-top::before {
|
|
3300
|
+
height: 40px;
|
|
3301
|
+
margin-bottom: -40px;
|
|
3302
|
+
box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent);
|
|
3303
|
+
background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px);
|
|
3304
|
+
}
|
|
3305
|
+
.adw-scroll-shaded.undershoot-bottom::after {
|
|
3306
|
+
height: 40px;
|
|
3307
|
+
margin-top: -40px;
|
|
3308
|
+
box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent);
|
|
3309
|
+
background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px);
|
|
3310
|
+
}
|
|
3311
|
+
.adw-scroll-shaded.overshoot-top::before, .adw-scroll-shaded.overshoot-bottom::after {
|
|
3312
|
+
height: var(--adw-overshoot, 0px);
|
|
3313
|
+
background-repeat: no-repeat;
|
|
3314
|
+
box-shadow: none;
|
|
3315
|
+
transition: height 200ms ease-out, opacity 200ms ease-out;
|
|
3316
|
+
}
|
|
3317
|
+
.adw-scroll-shaded.overshoot-top::before {
|
|
3318
|
+
margin-bottom: calc(var(--adw-overshoot, 0px) * -1);
|
|
3319
|
+
background-image: radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 12%, transparent) 85%, transparent), radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 5%, transparent), transparent);
|
|
3320
|
+
background-size: 100% 3%, 100% 50%;
|
|
3321
|
+
background-position: top;
|
|
3322
|
+
}
|
|
3323
|
+
.adw-scroll-shaded.overshoot-bottom::after {
|
|
3324
|
+
margin-top: calc(var(--adw-overshoot, 0px) * -1);
|
|
3325
|
+
background-image: radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 12%, transparent) 85%, transparent), radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 5%, transparent), transparent);
|
|
3326
|
+
background-size: 100% 3%, 100% 50%;
|
|
3327
|
+
background-position: bottom;
|
|
3328
|
+
}
|
|
3329
|
+
@media (prefers-reduced-motion: reduce) {
|
|
3330
|
+
.adw-scroll-shaded.overshoot-top::before, .adw-scroll-shaded.overshoot-bottom::after {
|
|
3331
|
+
transition: none;
|
|
3332
|
+
}
|
|
3333
|
+
}
|
|
3334
|
+
|
|
3268
3335
|
adw-wrap-box {
|
|
3269
3336
|
display: flex;
|
|
3270
3337
|
flex-direction: row;
|
|
@@ -3486,11 +3553,12 @@ adw-carousel .adw-carousel-track::-webkit-scrollbar {
|
|
|
3486
3553
|
}
|
|
3487
3554
|
adw-carousel .adw-carousel-page {
|
|
3488
3555
|
flex: 0 0 100%;
|
|
3556
|
+
min-width: 0;
|
|
3489
3557
|
box-sizing: border-box;
|
|
3490
3558
|
display: flex;
|
|
3491
3559
|
align-items: center;
|
|
3492
3560
|
justify-content: center;
|
|
3493
|
-
scroll-snap-align:
|
|
3561
|
+
scroll-snap-align: center;
|
|
3494
3562
|
scroll-snap-stop: always;
|
|
3495
3563
|
}
|
|
3496
3564
|
|
|
@@ -3769,6 +3837,7 @@ adw-view-switcher .adw-view-switcher-button {
|
|
|
3769
3837
|
box-sizing: border-box;
|
|
3770
3838
|
display: inline-flex;
|
|
3771
3839
|
flex: 1 1 0;
|
|
3840
|
+
min-width: 0;
|
|
3772
3841
|
align-items: center;
|
|
3773
3842
|
justify-content: center;
|
|
3774
3843
|
margin: 0;
|
|
@@ -3795,6 +3864,7 @@ adw-view-switcher .adw-view-switcher-button .adw-icon {
|
|
|
3795
3864
|
flex: none;
|
|
3796
3865
|
}
|
|
3797
3866
|
adw-view-switcher .adw-view-switcher-button .adw-view-switcher-label {
|
|
3867
|
+
min-width: 0;
|
|
3798
3868
|
white-space: nowrap;
|
|
3799
3869
|
overflow: hidden;
|
|
3800
3870
|
text-overflow: ellipsis;
|
|
@@ -3825,21 +3895,23 @@ adw-view-switcher .adw-view-switcher-button .adw-view-switcher-indicator.needs-a
|
|
|
3825
3895
|
border-radius: 3px;
|
|
3826
3896
|
}
|
|
3827
3897
|
adw-view-switcher .adw-view-switcher-button:hover {
|
|
3828
|
-
background-color:
|
|
3898
|
+
background-color: color-mix(in srgb, currentColor 7%, transparent);
|
|
3829
3899
|
}
|
|
3830
3900
|
adw-view-switcher .adw-view-switcher-button:active {
|
|
3831
|
-
background-color:
|
|
3901
|
+
background-color: color-mix(in srgb, currentColor 16%, transparent);
|
|
3832
3902
|
}
|
|
3833
3903
|
adw-view-switcher .adw-view-switcher-button:focus-visible {
|
|
3834
3904
|
outline: 2px solid var(--accent-color);
|
|
3835
3905
|
outline-offset: -2px;
|
|
3836
3906
|
}
|
|
3837
3907
|
adw-view-switcher .adw-view-switcher-button.active {
|
|
3838
|
-
background-color:
|
|
3839
|
-
color: var(--window-fg-color);
|
|
3908
|
+
background-color: color-mix(in srgb, currentColor 10%, transparent);
|
|
3840
3909
|
}
|
|
3841
3910
|
adw-view-switcher .adw-view-switcher-button.active:hover {
|
|
3842
|
-
background-color:
|
|
3911
|
+
background-color: color-mix(in srgb, currentColor 13%, transparent);
|
|
3912
|
+
}
|
|
3913
|
+
adw-view-switcher .adw-view-switcher-button.active:active {
|
|
3914
|
+
background-color: color-mix(in srgb, currentColor 19%, transparent);
|
|
3843
3915
|
}
|
|
3844
3916
|
adw-view-switcher.wide .adw-view-switcher-button {
|
|
3845
3917
|
flex-direction: row;
|
|
@@ -3851,8 +3923,7 @@ adw-view-switcher.narrow .adw-view-switcher-bar {
|
|
|
3851
3923
|
adw-view-switcher.narrow .adw-view-switcher-button {
|
|
3852
3924
|
flex-direction: column;
|
|
3853
3925
|
gap: 1px;
|
|
3854
|
-
padding
|
|
3855
|
-
padding-bottom: 2px;
|
|
3926
|
+
padding: 4px 3px 2px;
|
|
3856
3927
|
font-size: 0.75rem;
|
|
3857
3928
|
}
|
|
3858
3929
|
adw-view-switcher.narrow .adw-view-switcher-button .adw-view-switcher-label {
|
|
@@ -3860,18 +3931,19 @@ adw-view-switcher.narrow .adw-view-switcher-button .adw-view-switcher-label {
|
|
|
3860
3931
|
line-height: 18px;
|
|
3861
3932
|
}
|
|
3862
3933
|
adw-view-switcher .adw-view-switcher-content {
|
|
3934
|
+
display: flex;
|
|
3935
|
+
flex-direction: column;
|
|
3863
3936
|
flex: 1 1 auto;
|
|
3864
|
-
|
|
3865
|
-
padding: var(--spacing-m);
|
|
3866
|
-
background-color: var(--view-bg-color);
|
|
3867
|
-
border: 1px solid var(--separator-color);
|
|
3868
|
-
border-radius: var(--card-radius);
|
|
3937
|
+
min-height: 0;
|
|
3869
3938
|
}
|
|
3870
3939
|
adw-view-switcher .adw-view-switcher-page {
|
|
3871
3940
|
display: none;
|
|
3872
3941
|
}
|
|
3873
3942
|
adw-view-switcher .adw-view-switcher-page.active-view {
|
|
3874
|
-
display:
|
|
3943
|
+
display: flex;
|
|
3944
|
+
flex-direction: column;
|
|
3945
|
+
flex: 1 1 auto;
|
|
3946
|
+
min-height: 0;
|
|
3875
3947
|
}
|
|
3876
3948
|
|
|
3877
3949
|
adw-inline-view-switcher {
|