@schukai/monster 4.149.0 → 4.150.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 (79) hide show
  1. package/package.json +1 -1
  2. package/source/components/accessibility/stylesheet/locale-picker.mjs +4 -4
  3. package/source/components/content/stylesheet/viewer.mjs +4 -4
  4. package/source/components/data/stylesheet/kpi-tile.mjs +4 -4
  5. package/source/components/data/stylesheet/metric-graph.mjs +4 -4
  6. package/source/components/data/stylesheet/metric.mjs +4 -4
  7. package/source/components/datatable/pagination.mjs +120 -21
  8. package/source/components/datatable/style/column-bar.pcss +4 -1
  9. package/source/components/datatable/style/datatable.pcss +12 -3
  10. package/source/components/datatable/style/embedded-pagination.pcss +47 -26
  11. package/source/components/datatable/style/filter-controls-defaults.pcss +4 -1
  12. package/source/components/datatable/stylesheet/change-button.mjs +4 -4
  13. package/source/components/datatable/stylesheet/column-bar.mjs +7 -5
  14. package/source/components/datatable/stylesheet/dataset.mjs +4 -4
  15. package/source/components/datatable/stylesheet/datatable.mjs +15 -7
  16. package/source/components/datatable/stylesheet/embedded-pagination.mjs +15 -1
  17. package/source/components/datatable/stylesheet/filter-controls-defaults.mjs +5 -1
  18. package/source/components/datatable/stylesheet/filter-select.mjs +4 -4
  19. package/source/components/datatable/stylesheet/filter.mjs +4 -4
  20. package/source/components/datatable/stylesheet/pagination.mjs +5 -5
  21. package/source/components/datatable/stylesheet/save-button.mjs +4 -4
  22. package/source/components/datatable/stylesheet/status.mjs +4 -4
  23. package/source/components/form/style/checklist.pcss +4 -1
  24. package/source/components/form/style/choice-cards.pcss +16 -4
  25. package/source/components/form/style/digits.pcss +4 -1
  26. package/source/components/form/style/field-layout.pcss +4 -1
  27. package/source/components/form/style/mixin/field-set-layout.pcss +8 -2
  28. package/source/components/form/style/select.pcss +12 -3
  29. package/source/components/form/style/toggle-switch.pcss +8 -0
  30. package/source/components/form/style/variant-select.pcss +8 -2
  31. package/source/components/form/stylesheet/button-bar.mjs +4 -4
  32. package/source/components/form/stylesheet/button.mjs +27 -21
  33. package/source/components/form/stylesheet/checklist.mjs +3 -1
  34. package/source/components/form/stylesheet/choice-cards.mjs +9 -1
  35. package/source/components/form/stylesheet/control-bar.mjs +4 -4
  36. package/source/components/form/stylesheet/digits.mjs +5 -1
  37. package/source/components/form/stylesheet/field-layout.mjs +5 -1
  38. package/source/components/form/stylesheet/field-set.mjs +5 -1
  39. package/source/components/form/stylesheet/form.mjs +3 -1
  40. package/source/components/form/stylesheet/input-group.mjs +3 -1
  41. package/source/components/form/stylesheet/login.mjs +3 -1
  42. package/source/components/form/stylesheet/popper-button.mjs +7 -5
  43. package/source/components/form/stylesheet/register-wizard.mjs +3 -1
  44. package/source/components/form/stylesheet/repeat-field-set-items.mjs +3 -1
  45. package/source/components/form/stylesheet/select.mjs +7 -1
  46. package/source/components/form/stylesheet/toggle-switch.mjs +5 -1
  47. package/source/components/form/stylesheet/variant-select.mjs +5 -1
  48. package/source/components/host/stylesheet/call-button.mjs +4 -4
  49. package/source/components/host/stylesheet/host.mjs +3 -1
  50. package/source/components/host/stylesheet/toggle-button.mjs +4 -4
  51. package/source/components/layout/style/tabs.pcss +16 -4
  52. package/source/components/layout/style/vertical-tabs.pcss +4 -1
  53. package/source/components/layout/stylesheet/collapse.mjs +4 -4
  54. package/source/components/layout/stylesheet/details.mjs +4 -4
  55. package/source/components/layout/stylesheet/overlay.mjs +3 -1
  56. package/source/components/layout/stylesheet/tabs.mjs +12 -4
  57. package/source/components/layout/stylesheet/vertical-tabs.mjs +3 -1
  58. package/source/components/state/stylesheet/state.mjs +1 -1
  59. package/source/components/style/button.css +4 -4
  60. package/source/components/style/form.css +3 -1
  61. package/source/components/style/form.pcss +18 -5
  62. package/source/components/style/mixin/button.pcss +2 -1
  63. package/source/components/style/theme-modern.css +2 -2
  64. package/source/components/style/theme-modern.pcss +4 -4
  65. package/source/components/stylesheet/button.mjs +4 -4
  66. package/source/components/stylesheet/form.mjs +3 -1
  67. package/source/components/stylesheet/theme-modern.mjs +2 -2
  68. package/source/components/time/stylesheet/day.mjs +4 -4
  69. package/source/components/time/stylesheet/month-calendar.mjs +4 -4
  70. package/source/components/time/timeline/stylesheet/appointment.mjs +4 -4
  71. package/source/components/time/timeline/stylesheet/segment.mjs +4 -4
  72. package/source/components/tree-menu/style/tree-menu.pcss +12 -1
  73. package/source/components/tree-menu/stylesheet/tree-menu.mjs +7 -1
  74. package/test/cases/components/datatable/mobile-layout.mjs +58 -7
  75. package/test/cases/components/datatable/pagination.mjs +79 -0
  76. package/test/cases/components/style/button-sizing.mjs +31 -0
  77. package/test/cases/components/style/form-controls.mjs +13 -0
  78. package/test/cases/components/style/theme-accent.mjs +137 -0
  79. package/test/cases/components/style/theme-modern.mjs +10 -1
@@ -27,7 +27,7 @@ try {
27
27
  @layer columnbar {
28
28
  :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}button{background-color:var(
29
29
  --monster-button-background-color,var(--monster-bg-color-primary-1)
30
- );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
30
+ );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
31
31
  --monster-button-border-radius,var(--monster-border-radius)
32
32
  );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
33
33
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
46
+ )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
47
47
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
48
48
  );padding:var(
49
49
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
62
+ )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
78
+ )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -93,7 +93,9 @@ try {
93
93
  --monster-column-toggle-target-block-size,var(--monster-column-toggle-target-size,24px)
94
94
  );padding:0;width:var(
95
95
  --monster-column-toggle-target-inline-size,var(--monster-column-toggle-target-size,16px)
96
- )}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-hidden:before,:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-visible:before{background-color:var(--monster-bg-color-primary-4);content:\"\";display:block;height:8px;margin:auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:8px 8px;mask-size:8px 8px;width:8px}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-visible:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3C/svg%3E\")}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-hidden:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E\")}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-hidden:focus-visible,:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-visible:focus-visible{outline-offset:0}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) :focus,:is(:is([data-monster-role=control] [data-monster-role=dots]) li) :hover{background-clip:border-box}:is([data-monster-role=control] [data-monster-role=dots]) .dots-overflow-hidden{display:none}:is([data-monster-role=control] [data-monster-role=dots]) .dots-overflow-indicator{align-items:center;color:var(--monster-color-primary-1);display:flex;font-size:.75rem;line-height:1;padding:0 2px;white-space:nowrap}[data-monster-role=control] [data-monster-role=settings-layer]{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4);padding:1rem;border-radius:4px;z-index:var(--monster-z-index-popover);display:none}.visible:is([data-monster-role=control] [data-monster-role=settings-layer]){display:block}:is([data-monster-role=control] [data-monster-role=settings-layer]) label{display:flex;align-items:center;justify-content:flex-start;margin:0;min-height:var(--monster-column-settings-target-size,24px);padding:0;cursor:pointer}:is(:is([data-monster-role=control] [data-monster-role=settings-layer]) label) input{accent-color:var(--monster-bg-color-primary-4);margin:0 .5rem 0 0}:is([data-monster-role=control] [data-monster-role=settings-layer]) [data-monster-role=settings-popup-list]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:.1rem 1rem}[data-monster-role=control] a[data-monster-role=settings-button]{display:flex;align-items:center;color:var(--monster-color-primary-1);background:none;white-space:nowrap}:is([data-monster-role=control] a[data-monster-role=settings-button]):after{content:\"\";display:block;width:20px;height:16px;margin:2px 3px 0 5px;padding-top:4px;background-color:var(--monster-color-primary-1);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1zM10 15V1H6v14zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1zM10 15V1H6v14zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11z'/%3E%3C/svg%3E\");-webkit-mask-size:cover;mask-size:cover}[data-monster-role=control]:hover{color:var(--monster-color-primary-1)}.hidden[data-monster-role=control]{display:none}@media (pointer:coarse){:is([data-monster-role=control] [data-monster-role=dots] li) .is-hidden,:is([data-monster-role=control] [data-monster-role=dots] li) .is-visible{min-height:24px;min-width:24px}}:host(.small){--monster-datatable-utility-action-size:2.25rem;height:var(--monster-datatable-utility-action-size);min-width:var(--monster-datatable-utility-action-size);width:var(--monster-datatable-utility-action-size)}:host(.small) [data-monster-role=control]{align-items:stretch;flex-direction:column;gap:0;min-width:var(--monster-datatable-utility-action-size);width:var(--monster-datatable-utility-action-size)}:is(:host(.small) [data-monster-role=control]) [data-monster-role=dots]{display:none}:is(:host(.small) [data-monster-role=control]) a[data-monster-role=settings-button]{align-items:center;background-color:var(--monster-theme-control-bg-color);border:1px solid var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);box-sizing:border-box;color:var(--monster-theme-control-color);font-size:0;height:var(--monster-datatable-utility-action-size);justify-content:center;min-height:var(--monster-datatable-utility-action-size);min-width:var(--monster-datatable-utility-action-size);padding:0;text-align:center;text-decoration:none;width:var(--monster-datatable-utility-action-size)}:is(:host(.small) [data-monster-role=control]) a[data-monster-role=settings-button]:after{margin:0}:is(:host(.small) [data-monster-role=control]) a[data-monster-role=settings-button]:hover{background-color:var(--monster-theme-control-hover-bg-color);color:var(--monster-theme-control-hover-color)}@media (pointer:coarse){:host(.small){--monster-datatable-utility-action-size:var(--monster-control-min-block-size,44px)}}
96
+ )}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-hidden:before,:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-visible:before{background-color:var(--monster-bg-color-primary-4);content:\"\";display:block;height:8px;margin:auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:8px 8px;mask-size:8px 8px;width:8px}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-visible:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3C/svg%3E\")}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-hidden:before{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E\")}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-hidden:focus-visible,:is(:is([data-monster-role=control] [data-monster-role=dots]) li) .is-visible:focus-visible{outline-offset:0}:is(:is([data-monster-role=control] [data-monster-role=dots]) li) :focus,:is(:is([data-monster-role=control] [data-monster-role=dots]) li) :hover{background-clip:border-box}:is([data-monster-role=control] [data-monster-role=dots]) .dots-overflow-hidden{display:none}:is([data-monster-role=control] [data-monster-role=dots]) .dots-overflow-indicator{align-items:center;color:var(--monster-color-primary-1);display:flex;font-size:.75rem;line-height:1;padding:0 2px;white-space:nowrap}[data-monster-role=control] [data-monster-role=settings-layer]{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4);padding:1rem;border-radius:4px;z-index:var(--monster-z-index-popover);display:none}.visible:is([data-monster-role=control] [data-monster-role=settings-layer]){display:block}:is([data-monster-role=control] [data-monster-role=settings-layer]) label{display:flex;align-items:center;justify-content:flex-start;margin:0;min-height:var(--monster-column-settings-target-size,24px);padding:0;cursor:pointer}:is(:is([data-monster-role=control] [data-monster-role=settings-layer]) label) input{accent-color:var(
97
+ --monster-theme-accent,var(--monster-bg-color-primary-4)
98
+ );margin:0 .5rem 0 0}:is([data-monster-role=control] [data-monster-role=settings-layer]) [data-monster-role=settings-popup-list]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:.1rem 1rem}[data-monster-role=control] a[data-monster-role=settings-button]{display:flex;align-items:center;color:var(--monster-color-primary-1);background:none;white-space:nowrap}:is([data-monster-role=control] a[data-monster-role=settings-button]):after{content:\"\";display:block;width:20px;height:16px;margin:2px 3px 0 5px;padding-top:4px;background-color:var(--monster-color-primary-1);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1zM10 15V1H6v14zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1zM10 15V1H6v14zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11z'/%3E%3C/svg%3E\");-webkit-mask-size:cover;mask-size:cover}[data-monster-role=control]:hover{color:var(--monster-color-primary-1)}.hidden[data-monster-role=control]{display:none}@media (pointer:coarse){:is([data-monster-role=control] [data-monster-role=dots] li) .is-hidden,:is([data-monster-role=control] [data-monster-role=dots] li) .is-visible{min-height:24px;min-width:24px}}:host(.small){--monster-datatable-utility-action-size:2.25rem;height:var(--monster-datatable-utility-action-size);min-width:var(--monster-datatable-utility-action-size);width:var(--monster-datatable-utility-action-size)}:host(.small) [data-monster-role=control]{align-items:stretch;flex-direction:column;gap:0;min-width:var(--monster-datatable-utility-action-size);width:var(--monster-datatable-utility-action-size)}:is(:host(.small) [data-monster-role=control]) [data-monster-role=dots]{display:none}:is(:host(.small) [data-monster-role=control]) a[data-monster-role=settings-button]{align-items:center;background-color:var(--monster-theme-control-bg-color);border:1px solid var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);box-sizing:border-box;color:var(--monster-theme-control-color);font-size:0;height:var(--monster-datatable-utility-action-size);justify-content:center;min-height:var(--monster-datatable-utility-action-size);min-width:var(--monster-datatable-utility-action-size);padding:0;text-align:center;text-decoration:none;width:var(--monster-datatable-utility-action-size)}:is(:host(.small) [data-monster-role=control]) a[data-monster-role=settings-button]:after{margin:0}:is(:host(.small) [data-monster-role=control]) a[data-monster-role=settings-button]:hover{background-color:var(--monster-theme-control-hover-bg-color);color:var(--monster-theme-control-hover-color)}@media (pointer:coarse){:host(.small){--monster-datatable-utility-action-size:var(--monster-control-min-block-size,44px)}}
97
99
  }`,
98
100
  0,
99
101
  );
@@ -27,7 +27,7 @@ try {
27
27
  @layer dataset {
28
28
  :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}button{background-color:var(
29
29
  --monster-button-background-color,var(--monster-bg-color-primary-1)
30
- );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
30
+ );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
31
31
  --monster-button-border-radius,var(--monster-border-radius)
32
32
  );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
33
33
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
46
+ )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
47
47
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
48
48
  );padding:var(
49
49
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
62
+ )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
78
+ )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)