@schukai/monster 4.154.1 → 4.154.3
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/CHANGELOG.md +1400 -19
- package/package.json +1 -1
- package/source/components/accessibility/locale-picker.mjs +6 -6
- package/source/components/accessibility/locale-select.mjs +1 -1
- package/source/components/content/camera-capture.mjs +3 -3
- package/source/components/content/copy.mjs +1 -1
- package/source/components/content/fetch-box.mjs +1 -1
- package/source/components/content/image-editor.mjs +2 -4
- package/source/components/content/viewer/html.mjs +2 -2
- package/source/components/content/viewer/message.mjs +3 -3
- package/source/components/content/viewer/sanitize-html.mjs +1 -1
- package/source/components/data/kpi-tile.mjs +5 -5
- package/source/components/data/metric-graph.mjs +2 -2
- package/source/components/data/metric.mjs +1 -1
- package/source/components/datatable/change-button.mjs +1 -1
- package/source/components/datatable/columnbar.mjs +2 -2
- package/source/components/datatable/datasource/rest.mjs +2 -4
- package/source/components/datatable/datatable.mjs +3 -3
- package/source/components/datatable/filter/date-presets.mjs +1 -1
- package/source/components/datatable/filter/input.mjs +1 -1
- package/source/components/datatable/filter/range.mjs +1 -1
- package/source/components/datatable/filter/settings.mjs +1 -3
- package/source/components/datatable/filter/text-operator.mjs +1 -1
- package/source/components/datatable/filter.mjs +1 -1
- package/source/components/datatable/pagination.mjs +2 -4
- package/source/components/datatable/status.mjs +1 -1
- package/source/components/files/file-manager.mjs +1 -1
- package/source/components/form/action-button.mjs +1 -1
- package/source/components/form/api-bar.mjs +1 -1
- package/source/components/form/buy-box.mjs +1 -1
- package/source/components/form/cart-control.mjs +1 -1
- package/source/components/form/checklist.mjs +1 -1
- package/source/components/form/digits.mjs +4 -4
- package/source/components/form/dropzone.mjs +1 -1
- package/source/components/form/field-set.mjs +1 -1
- package/source/components/form/input-group.mjs +1 -1
- package/source/components/form/login.mjs +15 -15
- package/source/components/form/password.mjs +1 -1
- package/source/components/form/popper.mjs +1 -0
- package/source/components/form/repeat-field-set.mjs +1 -1
- package/source/components/form/select-link.mjs +3 -0
- package/source/components/form/select.mjs +33 -33
- package/source/components/form/sheet.mjs +3 -0
- package/source/components/form/tabs.mjs +1 -0
- package/source/components/form/toggle-switch.mjs +1 -1
- package/source/components/form/util/fetch.mjs +3 -3
- package/source/components/form/variant-select.mjs +1 -1
- package/source/components/form/wizard.mjs +1 -3
- package/source/components/host/collapse.mjs +1 -0
- package/source/components/host/config-manager.mjs +2 -2
- package/source/components/host/details.mjs +1 -0
- package/source/components/host/host.mjs +2 -2
- package/source/components/host/overlay.mjs +1 -0
- package/source/components/host/viewer.mjs +1 -0
- package/source/components/layout/board.mjs +1 -1
- package/source/components/layout/collapse.mjs +2 -2
- package/source/components/layout/details.mjs +1 -1
- package/source/components/layout/full-screen.mjs +2 -2
- package/source/components/layout/popper.mjs +1 -1
- package/source/components/layout/style/tabs.pcss +4 -1
- package/source/components/layout/stylesheet/tabs.mjs +9 -3
- package/source/components/layout/tabs.mjs +5 -8
- package/source/components/layout/utils/attach-tabs-hash-sync.mjs +1 -1
- package/source/components/layout/vertical-tabs.mjs +5 -8
- package/source/components/navigation/site-navigation.mjs +3 -3
- package/source/components/navigation/table-of-content.mjs +1 -1
- package/source/components/navigation/wizard-navigation.mjs +9 -11
- package/source/components/notify/monitor-attribute-errors.mjs +1 -1
- package/source/components/time/day.mjs +1 -1
- package/source/components/time/month-calendar.mjs +8 -8
- package/source/components/time/timeline/appointment.mjs +1 -1
- package/source/components/time/timeline/segment.mjs +1 -1
- package/source/components/tree-menu/tree-menu.mjs +0 -1
- package/source/data/datasource/dom.mjs +1 -0
- package/source/dom/customelement.mjs +13 -13
- package/source/dom/sanitize-html.mjs +1 -1
- package/source/i18n/internal.mjs +2 -2
- package/source/i18n/providers/embed.mjs +1 -1
- package/source/i18n/time-ago.mjs +1 -1
- package/source/text/formatter.mjs +1 -0
- package/source/types/dataurl.mjs +1 -0
- package/source/types/has.mjs +1 -1
- package/source/types/is.mjs +2 -2
- package/source/types/mediatype.mjs +1 -0
- package/source/types/observer.mjs +6 -6
- package/source/types/observerlist.mjs +1 -0
- package/source/types/proxyobserver.mjs +1 -0
- package/source/types/stack.mjs +1 -0
- package/source/types/tokenlist.mjs +1 -0
- package/source/types/uuid.mjs +1 -0
- package/source/util/accessiblecolor.mjs +2 -2
- package/source/util/comparator.mjs +3 -3
- package/source/util/deadmansswitch.mjs +3 -4
- package/source/util/processing.mjs +1 -1
- package/test/cases/components/datatable/drag-scroll.mjs +10 -0
- package/test/cases/components/layout/tabs.mjs +2 -0
|
@@ -352,7 +352,10 @@ nav[data-monster-role=nav] > [data-monster-role=popper] {
|
|
|
352
352
|
|
|
353
353
|
[data-monster-role=nav] button [part=icon][data-monster-icon-mode=mask] {
|
|
354
354
|
display: inline-block;
|
|
355
|
-
background-color:
|
|
355
|
+
background-color: var(
|
|
356
|
+
--monster-tabs-icon-color,
|
|
357
|
+
var(--monster-color-red-4)
|
|
358
|
+
);
|
|
356
359
|
mask-image: var(--monster-tab-icon-mask-image);
|
|
357
360
|
mask-position: center;
|
|
358
361
|
mask-repeat: no-repeat;
|
|
@@ -25,7 +25,11 @@ try {
|
|
|
25
25
|
TabsStyleSheet.insertRule(
|
|
26
26
|
`
|
|
27
27
|
@layer tabs {
|
|
28
|
-
:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\",\"Courier New\",\"Roboto Mono\",\"Source Code Pro\",\"Fira Mono\",monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(var(--monster-font-size-min),calc(var(--monster-font-size-min) + 0.1vw),var(--monster-font-size-max))}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi,1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi,1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}.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}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-theme-control-container-1,.monster-theme-control-row-1{border:1px solid var(--monster-theme-control-border-color)}.monster-theme-control-container-1,.monster-theme-control-element,.monster-theme-control-row-1{background-color:var(--monster-theme-control-bg-color);color:var(--monster-theme-control-color)}.monster-theme-control-background{background-color:var(--monster-theme-control-bg-color)}.monster-theme-background-inherit{background-color:inherit!important}.monster-theme-on{color:var(--monster-theme-on-color);background-color:var(--monster-theme-on-bg-color)}.monster-theme-off{color:var(--monster-theme-off-color);background-color:var(--monster-theme-off-bg-color)}div[data-monster-role=popper]{box-sizing:border-box;display:none;padding:1.1em;z-index:var(--monster-z-index-modal);background:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);border-radius:var(--monster-border-radius);border-width:var(--monster-border-width);border-style:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);box-shadow:var(--monster-box-shadow-1)}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2);height:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2);background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{visibility:visible;content:\"\";transform:rotate(45deg);box-sizing:border-box}div[data-popper-placement^=top]>[data-popper-arrow]{bottom:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=top]>[data-popper-arrow]:before{border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:transparent}div[data-popper-placement^=bottom]>[data-popper-arrow]{top:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=bottom]>[data-popper-arrow]:before{border-right:transparent;border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-bottom:transparent}div[data-popper-placement^=left]>[data-popper-arrow]{right:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=left]>[data-popper-arrow]:before{border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-bottom:transparent}div[data-popper-placement^=right]>[data-popper-arrow]{left:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=right]>[data-popper-arrow]:before{border-right:transparent;border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:transparent}[data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;color:var(--monster-color-primary-4);background-color:var(--monster-bg-color-primary-4)}.monster-badge-primary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-badge-secondary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-badge-tertiary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-badge-destructive-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-badge-success-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-badge-warning-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-badge-error-pill{padding:.25em .6em;border-radius:10rem}[data-monster-role=nav] button.hidden{display:none}nav[data-monster-role=nav]{overflow:hidden;display:flex;align-items:var(--monster-tabs-nav-align-items,flex-end);flex-direction:row;flex-wrap:nowrap;box-sizing:border-box;gap:var(--monster-tabs-nav-gap,0);justify-content:var(--monster-tabs-nav-justify-content,flex-start);margin-bottom:var(--monster-tabs-nav-margin-block-end,.75rem);padding:var(--monster-tabs-nav-padding,0);background-color:var(
|
|
28
|
+
:after,:before,:root{--monster-font-family:-apple-system, BlinkMacSystemFont, \"Quicksand\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\", \"Courier New\", \"Roboto Mono\", \"Source Code Pro\", \"Fira Mono\", monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(
|
|
29
|
+
var(--monster-font-size-min),
|
|
30
|
+
calc(var(--monster-font-size-min) + 0.1vw),
|
|
31
|
+
var(--monster-font-size-max)
|
|
32
|
+
)}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi, 1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi, 1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}.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}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-theme-control-container-1,.monster-theme-control-row-1{border:1px solid var(--monster-theme-control-border-color)}.monster-theme-control-container-1,.monster-theme-control-element,.monster-theme-control-row-1{background-color:var(--monster-theme-control-bg-color);color:var(--monster-theme-control-color)}.monster-theme-control-background{background-color:var(--monster-theme-control-bg-color)}.monster-theme-background-inherit{background-color:inherit!important}.monster-theme-on{color:var(--monster-theme-on-color);background-color:var(--monster-theme-on-bg-color)}.monster-theme-off{color:var(--monster-theme-off-color);background-color:var(--monster-theme-off-bg-color)}div[data-monster-role=popper]{box-sizing:border-box;display:none;padding:1.1em;z-index:var(--monster-z-index-modal);background:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);border-radius:var(--monster-border-radius);border-width:var(--monster-border-width);border-style:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);box-shadow:var(--monster-box-shadow-1)}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2);height:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2);background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{visibility:visible;content:\"\";transform:rotate(45deg);box-sizing:border-box}div[data-popper-placement^=top]>[data-popper-arrow]{bottom:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=top]>[data-popper-arrow]:before{border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:transparent}div[data-popper-placement^=bottom]>[data-popper-arrow]{top:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=bottom]>[data-popper-arrow]:before{border-right:transparent;border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-bottom:transparent}div[data-popper-placement^=left]>[data-popper-arrow]{right:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=left]>[data-popper-arrow]:before{border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-bottom:transparent}div[data-popper-placement^=right]>[data-popper-arrow]{left:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=right]>[data-popper-arrow]:before{border-right:transparent;border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:transparent}[data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;color:var(--monster-color-primary-4);background-color:var(--monster-bg-color-primary-4)}.monster-badge-primary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-badge-secondary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-badge-tertiary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-badge-destructive-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-badge-success-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-badge-warning-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-badge-error-pill{padding:.25em .6em;border-radius:10rem}[data-monster-role=nav] button.hidden{display:none}nav[data-monster-role=nav]{overflow:hidden;display:flex;align-items:var(--monster-tabs-nav-align-items,flex-end);flex-direction:row;flex-wrap:nowrap;box-sizing:border-box;gap:var(--monster-tabs-nav-gap,0);justify-content:var(--monster-tabs-nav-justify-content,flex-start);margin-bottom:var(--monster-tabs-nav-margin-block-end,.75rem);padding:var(--monster-tabs-nav-padding,0);background-color:var(
|
|
29
33
|
--monster-tabs-nav-background-color,transparent
|
|
30
34
|
);border-width:var(
|
|
31
35
|
--monster-tabs-nav-border-width,0 0 thin
|
|
@@ -49,7 +53,7 @@ try {
|
|
|
49
53
|
--monster-action-menu-border-radius,var(--monster-border-radius)
|
|
50
54
|
);box-shadow:var(
|
|
51
55
|
--monster-action-menu-box-shadow,var(--monster-box-shadow-1)
|
|
52
|
-
)}[data-monster-role=popper-nav]{display:flex;flex-direction:column;gap:var(--monster-action-menu-gap,0);min-inline-size:100%}[data-monster-role=nav] button .remove-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:16px;background-position:100% 100%;background-repeat:no-repeat;width:16px;min-height:16px;order:2;height:16px;background-color:var(--monster-bg-color-primary-4);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg
|
|
56
|
+
)}[data-monster-role=popper-nav]{display:flex;flex-direction:column;gap:var(--monster-action-menu-gap,0);min-inline-size:100%}[data-monster-role=nav] button .remove-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:16px;background-position:100% 100%;background-repeat:no-repeat;width:16px;min-height:16px;order:2;height:16px;background-color:var(--monster-bg-color-primary-4);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4.646%204.646a.5.5%200%200%201%20.708%200L8%207.293l2.646-2.647a.5.5%200%200%201%20.708.708L8.707%208l2.647%202.646a.5.5%200%200%201-.708.708L8%208.707l-2.646%202.647a.5.5%200%200%201-.708-.708L7.293%208%204.646%205.354a.5.5%200%200%201%200-.708%22%2F%3E%3C%2Fsvg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4.646%204.646a.5.5%200%200%201%20.708%200L8%207.293l2.646-2.647a.5.5%200%200%201%20.708.708L8.707%208l2.647%202.646a.5.5%200%200%201-.708.708L8%208.707l-2.646%202.647a.5.5%200%200%201-.708-.708L7.293%208%204.646%205.354a.5.5%200%200%201%200-.708%22%2F%3E%3C%2Fsvg%3E\");flex-wrap:nowrap}[data-monster-role=nav] button span{display:flex;align-items:center;white-space:pre;font-family:var(--monster-font-family);font-size:1rem;line-height:1.4;font-weight:400}[data-monster-role=nav] button [part=error]{margin-left:.35rem}[data-monster-role=nav] button [part=error],[data-monster-role=nav] button [part=error] .monster-tab-error-icon{display:inline-flex;align-items:center;line-height:1}[data-monster-role=nav] button [part=error] .monster-tab-error-icon svg{width:1.1em;height:1.1em}[data-monster-role=nav] button [part=error]:empty{display:none}[data-monster-role=nav] button{outline:none;cursor:pointer;font-weight:var(--monster-tabs-button-font-weight,400);line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--monster-tabs-button-background-color,transparent);border-width:var(--monster-tabs-button-border-width,0);border-style:var(
|
|
53
57
|
--monster-tabs-button-border-style,var(--monster-border-style)
|
|
54
58
|
);border-color:var(
|
|
55
59
|
--monster-tabs-button-border-color,var(--monster-bg-color-primary-4)
|
|
@@ -97,7 +101,9 @@ try {
|
|
|
97
101
|
--monster-tabs-overflow-switch-hover-background-color,var(--monster-tabs-button-hover-background-color,inherit)
|
|
98
102
|
);border-color:var(
|
|
99
103
|
--monster-tabs-overflow-switch-border-color,transparent
|
|
100
|
-
)}[data-monster-role=nav] button[data-monster-role=switch]:before{display:none}[data-monster-role=nav] button [part=icon]{width:1.3rem;height:1.3rem;margin-left:.4rem;flex:0 0 auto}[data-monster-role=nav] button [part=icon][data-monster-icon-mode=mask]{display:inline-block;background-color:
|
|
104
|
+
)}[data-monster-role=nav] button[data-monster-role=switch]:before{display:none}[data-monster-role=nav] button [part=icon]{width:1.3rem;height:1.3rem;margin-left:.4rem;flex:0 0 auto}[data-monster-role=nav] button [part=icon][data-monster-icon-mode=mask]{display:inline-block;background-color:var(
|
|
105
|
+
--monster-tabs-icon-color,var(--monster-color-red-4)
|
|
106
|
+
);-webkit-mask-image:var(--monster-tab-icon-mask-image);mask-image:var(--monster-tab-icon-mask-image);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}::slotted(:not([slot]):not(.active)){display:none}::slotted(*){align-self:center}::slotted([slot]){border-width:var(
|
|
101
107
|
--monster-tabs-slot-border-width,0 0 var(--monster-border-width)
|
|
102
108
|
);border-style:var(
|
|
103
109
|
--monster-tabs-slot-border-style,var(--monster-border-style)
|
|
@@ -432,7 +432,7 @@ class Tabs extends CustomElement {
|
|
|
432
432
|
/**
|
|
433
433
|
* This method is called internal and should not be called directly.
|
|
434
434
|
* @param tabId
|
|
435
|
-
* @
|
|
435
|
+
* @return {Tabs}
|
|
436
436
|
*/
|
|
437
437
|
removeTab(tabId) {
|
|
438
438
|
const tabs = getAllTabPanels.call(this);
|
|
@@ -452,7 +452,7 @@ class Tabs extends CustomElement {
|
|
|
452
452
|
|
|
453
453
|
/**
|
|
454
454
|
* This method is called internal and should not be called directly.
|
|
455
|
-
* @
|
|
455
|
+
* @return {[]}
|
|
456
456
|
*/
|
|
457
457
|
getTabs() {
|
|
458
458
|
return getAllTabPanels.call(this).filter((node) => isTabAvailable(node));
|
|
@@ -461,11 +461,8 @@ class Tabs extends CustomElement {
|
|
|
461
461
|
/**
|
|
462
462
|
* This method is called internal and should not be called directly.
|
|
463
463
|
* @param content
|
|
464
|
-
* @param active
|
|
465
|
-
* @
|
|
466
|
-
* @param tabId
|
|
467
|
-
* @param removable
|
|
468
|
-
* @returns {Tabs}
|
|
464
|
+
* @param {object} options Options for active state, label, tab ID and removability.
|
|
465
|
+
* @return {Tabs}
|
|
469
466
|
*/
|
|
470
467
|
addTab(
|
|
471
468
|
content,
|
|
@@ -679,7 +676,7 @@ class Tabs extends CustomElement {
|
|
|
679
676
|
|
|
680
677
|
/**
|
|
681
678
|
* @private
|
|
682
|
-
* @
|
|
679
|
+
* @return {object}
|
|
683
680
|
*/
|
|
684
681
|
function getTranslations() {
|
|
685
682
|
const locale = getLocaleOfDocument();
|
|
@@ -31,7 +31,7 @@ export function attachTabsHashSync(
|
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
* Reads active and all tab IDs from the URL hash.
|
|
34
|
-
* @
|
|
34
|
+
* @return {{activeTabId: string|null, allTabIds: string[]}}
|
|
35
35
|
*/
|
|
36
36
|
function getTabStateFromHash() {
|
|
37
37
|
const hashObj = parseBracketedKeyValueHash(location.hash);
|
|
@@ -291,7 +291,7 @@ class VerticalTabs extends CustomElement {
|
|
|
291
291
|
/**
|
|
292
292
|
* This method is called internal and should not be called directly.
|
|
293
293
|
* @param tabId
|
|
294
|
-
* @
|
|
294
|
+
* @return {VerticalTabs}
|
|
295
295
|
*/
|
|
296
296
|
removeTab(tabId) {
|
|
297
297
|
const tabs = this.getTabs();
|
|
@@ -311,7 +311,7 @@ class VerticalTabs extends CustomElement {
|
|
|
311
311
|
|
|
312
312
|
/**
|
|
313
313
|
* This method is called internal and should not be called directly.
|
|
314
|
-
* @
|
|
314
|
+
* @return {[]}
|
|
315
315
|
*/
|
|
316
316
|
getTabs() {
|
|
317
317
|
const nodes = getSlottedElements.call(this);
|
|
@@ -327,11 +327,8 @@ class VerticalTabs extends CustomElement {
|
|
|
327
327
|
/**
|
|
328
328
|
* This method is called internal and should not be called directly.
|
|
329
329
|
* @param content
|
|
330
|
-
* @param active
|
|
331
|
-
* @
|
|
332
|
-
* @param tabId
|
|
333
|
-
* @param removable
|
|
334
|
-
* @returns {VerticalTabs}
|
|
330
|
+
* @param {object} options Options for active state, label, tab ID and removability.
|
|
331
|
+
* @return {VerticalTabs}
|
|
335
332
|
*/
|
|
336
333
|
addTab(
|
|
337
334
|
content,
|
|
@@ -487,7 +484,7 @@ class VerticalTabs extends CustomElement {
|
|
|
487
484
|
|
|
488
485
|
/**
|
|
489
486
|
* @private
|
|
490
|
-
* @
|
|
487
|
+
* @return {object}
|
|
491
488
|
*/
|
|
492
489
|
function getTranslations() {
|
|
493
490
|
const locale = getLocaleOfDocument();
|
|
@@ -598,7 +598,7 @@ function setupSubmenu(parentLi, context = "visible", level = 1) {
|
|
|
598
598
|
* for styling and handling active states.
|
|
599
599
|
* @private
|
|
600
600
|
* @param {HTMLLIElement} item The original list item to clone.
|
|
601
|
-
* @
|
|
601
|
+
* @return {HTMLLIElement} The cloned and configured list item.
|
|
602
602
|
*/
|
|
603
603
|
function cloneNavItem(item) {
|
|
604
604
|
const liClone = item.cloneNode(true);
|
|
@@ -893,7 +893,7 @@ function populateTabs() {
|
|
|
893
893
|
* A simple template literal tag function for clarity.
|
|
894
894
|
* @private
|
|
895
895
|
* @param {TemplateStringsArray} strings
|
|
896
|
-
* @
|
|
896
|
+
* @return {string} The combined string.
|
|
897
897
|
*/
|
|
898
898
|
function html(strings) {
|
|
899
899
|
return strings.join("");
|
|
@@ -902,7 +902,7 @@ function html(strings) {
|
|
|
902
902
|
/**
|
|
903
903
|
* Returns the HTML template for the component's shadow DOM.
|
|
904
904
|
* @private
|
|
905
|
-
* @
|
|
905
|
+
* @return {string} The HTML template string.
|
|
906
906
|
*/
|
|
907
907
|
function getTemplate() {
|
|
908
908
|
return html`<div data-monster-role="control" part="control">
|
|
@@ -300,7 +300,7 @@ function removeNavigationScrollBinding() {
|
|
|
300
300
|
/**
|
|
301
301
|
* @private
|
|
302
302
|
* @param element
|
|
303
|
-
* @
|
|
303
|
+
* @return {number|number|*|number}
|
|
304
304
|
*/
|
|
305
305
|
function getScrollHeight(element) {
|
|
306
306
|
if (element instanceof ShadowRoot) {
|
|
@@ -86,9 +86,8 @@ class WizardNavigation extends CustomElement {
|
|
|
86
86
|
/**
|
|
87
87
|
* Navigates to the specified main step if the transition logic allows it.
|
|
88
88
|
* @param {number} index The index of the target step.
|
|
89
|
-
* @param {object} [options={}]
|
|
90
|
-
* @
|
|
91
|
-
* @returns {Promise<void>}
|
|
89
|
+
* @param {object} [options={}] Set `force` to skip the `beforeStepChange` callback.
|
|
90
|
+
* @return {Promise<void>}
|
|
92
91
|
* @fires monster-wizard-step-changed
|
|
93
92
|
*/
|
|
94
93
|
async goToStep(index, options = {}) {
|
|
@@ -175,9 +174,8 @@ class WizardNavigation extends CustomElement {
|
|
|
175
174
|
* Activates a specific main step and sub-step.
|
|
176
175
|
* @param {number} mainIndex The index of the main step.
|
|
177
176
|
* @param {number} subIndex The index of the sub-step.
|
|
178
|
-
* @param {object} [options={}]
|
|
179
|
-
* @
|
|
180
|
-
* @returns {Promise<void>}
|
|
177
|
+
* @param {object} [options={}] Set `force` to skip the `beforeStepChange` callback.
|
|
178
|
+
* @return {Promise<void>}
|
|
181
179
|
* @fires monster-wizard-substep-changed
|
|
182
180
|
*/
|
|
183
181
|
async activate(mainIndex, subIndex, options = {}) {
|
|
@@ -232,7 +230,7 @@ class WizardNavigation extends CustomElement {
|
|
|
232
230
|
|
|
233
231
|
/**
|
|
234
232
|
* Navigates to the next step or sub-step in sequence.
|
|
235
|
-
* @
|
|
233
|
+
* @return {Promise<void>}
|
|
236
234
|
*/
|
|
237
235
|
async next() {
|
|
238
236
|
const mainIndex = this[currentStepIndexSymbol];
|
|
@@ -261,7 +259,7 @@ class WizardNavigation extends CustomElement {
|
|
|
261
259
|
|
|
262
260
|
/**
|
|
263
261
|
* Navigates to the previous step or sub-step in sequence.
|
|
264
|
-
* @
|
|
262
|
+
* @return {Promise<void>}
|
|
265
263
|
*/
|
|
266
264
|
async previous() {
|
|
267
265
|
const mainIndex = this[currentStepIndexSymbol];
|
|
@@ -286,7 +284,7 @@ class WizardNavigation extends CustomElement {
|
|
|
286
284
|
|
|
287
285
|
/**
|
|
288
286
|
* Marks the current step as completed and automatically navigates to the next step.
|
|
289
|
-
* @
|
|
287
|
+
* @return {Promise<void>}
|
|
290
288
|
*/
|
|
291
289
|
async completeAndNext() {
|
|
292
290
|
const currentIndex = this[currentStepIndexSymbol];
|
|
@@ -341,7 +339,7 @@ class WizardNavigation extends CustomElement {
|
|
|
341
339
|
|
|
342
340
|
/**
|
|
343
341
|
* Gets the index of the currently active main step.
|
|
344
|
-
* @
|
|
342
|
+
* @return {number} The index of the current step, or -1 if none is active.
|
|
345
343
|
*/
|
|
346
344
|
getCurrentStepIndex() {
|
|
347
345
|
return this[currentStepIndexSymbol];
|
|
@@ -349,7 +347,7 @@ class WizardNavigation extends CustomElement {
|
|
|
349
347
|
|
|
350
348
|
/**
|
|
351
349
|
* Gets the index of the currently active sub-step within the main step.
|
|
352
|
-
* @
|
|
350
|
+
* @return {number} The index of the current sub-step, or -1 if none is active.
|
|
353
351
|
*/
|
|
354
352
|
getCurrentSubStepIndex() {
|
|
355
353
|
return this[currentSubStepIndexSymbol];
|
|
@@ -52,7 +52,7 @@ const mutationObserversSymbol = Symbol("mutationObservers");
|
|
|
52
52
|
class MonitorAttributeErrors extends CustomElement {
|
|
53
53
|
/**
|
|
54
54
|
* This method is called by the `instanceof` operator.
|
|
55
|
-
* @
|
|
55
|
+
* @return {symbol}
|
|
56
56
|
*/
|
|
57
57
|
static get [instanceSymbol]() {
|
|
58
58
|
return Symbol.for(
|
|
@@ -80,7 +80,7 @@ const boundDaysSymbol = Symbol("boundDays");
|
|
|
80
80
|
class MonthCalendar extends CustomElement {
|
|
81
81
|
/**
|
|
82
82
|
* This method is called by the `instanceof` operator.
|
|
83
|
-
* @
|
|
83
|
+
* @return {symbol}
|
|
84
84
|
*/
|
|
85
85
|
static get [instanceSymbol]() {
|
|
86
86
|
return Symbol.for("@schukai/monster/components/time/calendar@@instance");
|
|
@@ -216,7 +216,7 @@ class MonthCalendar extends CustomElement {
|
|
|
216
216
|
|
|
217
217
|
/**
|
|
218
218
|
* @private
|
|
219
|
-
* @
|
|
219
|
+
* @return {object}
|
|
220
220
|
*/
|
|
221
221
|
function getTranslations() {
|
|
222
222
|
const locale = getLocaleOfDocument();
|
|
@@ -312,7 +312,7 @@ function getTranslations() {
|
|
|
312
312
|
* @param {Date} appointmentStart - Start date of the appointment.
|
|
313
313
|
* @param {Date} appointmentEnd - End date of the appointment (inclusive).
|
|
314
314
|
* @param {Date} calendarGridStart - The first day of the calendar grid (e.g., the Monday from generateCalendarData()).
|
|
315
|
-
* @
|
|
315
|
+
* @return {number[]} Array indicating how many days the appointment spans per row.
|
|
316
316
|
*
|
|
317
317
|
* Example:
|
|
318
318
|
* - Appointment: 01.03.2025 (Saturday) to 01.03.2025:
|
|
@@ -360,7 +360,7 @@ function getAppointmentRowsUsingCalendar(
|
|
|
360
360
|
/**
|
|
361
361
|
* @private
|
|
362
362
|
* @param format
|
|
363
|
-
* @
|
|
363
|
+
* @return {*[]}
|
|
364
364
|
*/
|
|
365
365
|
function getWeekdays(format = "long") {
|
|
366
366
|
// Intl needs the language tag. Handing it the Locale instance makes
|
|
@@ -393,7 +393,7 @@ function getWeekdays(format = "long") {
|
|
|
393
393
|
* {"columns":7,"label":"03/11/2025 - 04/05/2025","start":"2025-03-24","startIndex":28},
|
|
394
394
|
* {"columns":6,"label":"03/11/2025 - 04/05/2025","start":"2025-03-31","startIndex":35}
|
|
395
395
|
* ]
|
|
396
|
-
* @
|
|
396
|
+
* @return {Array} The segments with assigned "line" property
|
|
397
397
|
*/
|
|
398
398
|
function assignLinesToSegments(segments) {
|
|
399
399
|
const groups = {};
|
|
@@ -747,7 +747,7 @@ function placeAppointments() {
|
|
|
747
747
|
|
|
748
748
|
/**
|
|
749
749
|
* @private
|
|
750
|
-
* @
|
|
750
|
+
* @return {{maxHeaderHeight: number, maxFooterHeight: number}}
|
|
751
751
|
*/
|
|
752
752
|
function calcHeaderAndFooterHeight() {
|
|
753
753
|
let maxHeaderHeight = 0;
|
|
@@ -812,7 +812,7 @@ function calcHeaderAndFooterHeight() {
|
|
|
812
812
|
* Generates two arrays: one for the calendar grid (42 days) and one for the weekday headers (7 days).
|
|
813
813
|
* The grid always starts on the Monday of the week that contains the first of the given month.
|
|
814
814
|
*
|
|
815
|
-
* @
|
|
815
|
+
* @return {Object} An object containing:
|
|
816
816
|
* - calendarDays: Array of 42 objects, each representing a day.
|
|
817
817
|
* - calendarWeekdays: Array of seven objects, each representing a weekday header.
|
|
818
818
|
*/
|
|
@@ -945,7 +945,7 @@ function refreshCalendar() {
|
|
|
945
945
|
* @param {Array} appointments - Array of appointment objects. Expected properties: "startDate" and "endDate".
|
|
946
946
|
* @param {Date|string} start - Calendar start date.
|
|
947
947
|
* @param {Date|string} end - Calendar end date.
|
|
948
|
-
* @
|
|
948
|
+
* @return {Object} A map in the format { "YYYY-MM-DD": [appointment1, appointment2, ...] }
|
|
949
949
|
*/
|
|
950
950
|
function getAppointmentsPerDay(appointments, start, end) {
|
|
951
951
|
const appointmentsMap = {};
|
|
@@ -41,7 +41,7 @@ const controlElementSymbol = Symbol("calendarElement");
|
|
|
41
41
|
class Appointment extends CustomElement {
|
|
42
42
|
/**
|
|
43
43
|
* This method is called by the `instanceof` operator.
|
|
44
|
-
* @
|
|
44
|
+
* @return {symbol}
|
|
45
45
|
*/
|
|
46
46
|
static get [instanceSymbol]() {
|
|
47
47
|
return Symbol.for(
|
|
@@ -54,7 +54,7 @@ const controlElementSymbol = Symbol("calendarElement");
|
|
|
54
54
|
class Segment extends CustomElement {
|
|
55
55
|
/**
|
|
56
56
|
* This method is called by the `instanceof` operator.
|
|
57
|
-
* @
|
|
57
|
+
* @return {symbol}
|
|
58
58
|
*/
|
|
59
59
|
static get [instanceSymbol]() {
|
|
60
60
|
return Symbol.for(
|
|
@@ -313,7 +313,7 @@ class CustomElement extends HTMLElement {
|
|
|
313
313
|
/**
|
|
314
314
|
* Returns whether the host element is currently visible.
|
|
315
315
|
*
|
|
316
|
-
* @
|
|
316
|
+
* @return {boolean}
|
|
317
317
|
*/
|
|
318
318
|
get visible() {
|
|
319
319
|
return !this.hidden;
|
|
@@ -322,7 +322,7 @@ class CustomElement extends HTMLElement {
|
|
|
322
322
|
/**
|
|
323
323
|
* Alias for the current host visibility state.
|
|
324
324
|
*
|
|
325
|
-
* @
|
|
325
|
+
* @return {boolean}
|
|
326
326
|
*/
|
|
327
327
|
get isVisible() {
|
|
328
328
|
return this.visible;
|
|
@@ -333,7 +333,7 @@ class CustomElement extends HTMLElement {
|
|
|
333
333
|
* Unlike the defaults that expect an object, the customization is a Map.
|
|
334
334
|
* This also allows overwriting individual values in a deeper structure
|
|
335
335
|
* without having to redefine the entire structure and thus changing the defaults.
|
|
336
|
-
* @
|
|
336
|
+
* @return {Map}
|
|
337
337
|
*/
|
|
338
338
|
get customization() {
|
|
339
339
|
return new Map();
|
|
@@ -587,7 +587,7 @@ class CustomElement extends HTMLElement {
|
|
|
587
587
|
/**
|
|
588
588
|
* Shows the host element.
|
|
589
589
|
*
|
|
590
|
-
* @
|
|
590
|
+
* @return {CustomElement}
|
|
591
591
|
*/
|
|
592
592
|
show() {
|
|
593
593
|
return this.setVisible(true);
|
|
@@ -596,7 +596,7 @@ class CustomElement extends HTMLElement {
|
|
|
596
596
|
/**
|
|
597
597
|
* Hides the host element.
|
|
598
598
|
*
|
|
599
|
-
* @
|
|
599
|
+
* @return {CustomElement}
|
|
600
600
|
*/
|
|
601
601
|
hide() {
|
|
602
602
|
return this.setVisible(false);
|
|
@@ -606,7 +606,7 @@ class CustomElement extends HTMLElement {
|
|
|
606
606
|
* Sets the host visibility.
|
|
607
607
|
*
|
|
608
608
|
* @param {boolean} visible
|
|
609
|
-
* @
|
|
609
|
+
* @return {CustomElement}
|
|
610
610
|
*/
|
|
611
611
|
setVisible(visible) {
|
|
612
612
|
if (visible) {
|
|
@@ -622,7 +622,7 @@ class CustomElement extends HTMLElement {
|
|
|
622
622
|
* Toggles the host visibility.
|
|
623
623
|
*
|
|
624
624
|
* @param {boolean} [force]
|
|
625
|
-
* @
|
|
625
|
+
* @return {CustomElement}
|
|
626
626
|
*/
|
|
627
627
|
toggleVisibility(force) {
|
|
628
628
|
if (typeof force === "boolean") {
|
|
@@ -1720,7 +1720,7 @@ function getManagedShadowRoot() {
|
|
|
1720
1720
|
/**
|
|
1721
1721
|
* @private
|
|
1722
1722
|
* @param html
|
|
1723
|
-
* @
|
|
1723
|
+
* @return {*|string}
|
|
1724
1724
|
*/
|
|
1725
1725
|
function substituteI18n(html) {
|
|
1726
1726
|
if (!this.getOption("templateFormatter.i18n", false)) {
|
|
@@ -1761,7 +1761,7 @@ function initHtmlContent() {
|
|
|
1761
1761
|
|
|
1762
1762
|
/**
|
|
1763
1763
|
* @private
|
|
1764
|
-
* @
|
|
1764
|
+
* @return {void}
|
|
1765
1765
|
*/
|
|
1766
1766
|
function syncVisibilityState() {
|
|
1767
1767
|
const visible = !this.hidden;
|
|
@@ -1787,7 +1787,7 @@ function syncVisibilityState() {
|
|
|
1787
1787
|
|
|
1788
1788
|
/**
|
|
1789
1789
|
* @private
|
|
1790
|
-
* @
|
|
1790
|
+
* @return {void}
|
|
1791
1791
|
*/
|
|
1792
1792
|
function blurFocusedElement() {
|
|
1793
1793
|
const shadowRoot = getManagedShadowRoot.call(this);
|
|
@@ -1814,7 +1814,7 @@ function blurFocusedElement() {
|
|
|
1814
1814
|
/**
|
|
1815
1815
|
* @private
|
|
1816
1816
|
* @param {boolean} visible
|
|
1817
|
-
* @
|
|
1817
|
+
* @return {void}
|
|
1818
1818
|
*/
|
|
1819
1819
|
function dispatchVisibilityChangedEvent(visible) {
|
|
1820
1820
|
this.dispatchEvent(
|
|
@@ -1889,7 +1889,7 @@ function initCSSStylesheet() {
|
|
|
1889
1889
|
|
|
1890
1890
|
/**
|
|
1891
1891
|
* @private
|
|
1892
|
-
* @
|
|
1892
|
+
* @return {CSSStyleSheet}
|
|
1893
1893
|
*/
|
|
1894
1894
|
function getHostVisibilityStyleSheet() {
|
|
1895
1895
|
if (hostVisibilityStyleSheet instanceof CSSStyleSheet) {
|
|
@@ -1907,7 +1907,7 @@ function getHostVisibilityStyleSheet() {
|
|
|
1907
1907
|
/**
|
|
1908
1908
|
* @private
|
|
1909
1909
|
* @param {ShadowRoot} shadowRoot
|
|
1910
|
-
* @
|
|
1910
|
+
* @return {void}
|
|
1911
1911
|
*/
|
|
1912
1912
|
function appendVisibilityHostStyle(shadowRoot) {
|
|
1913
1913
|
if (!(shadowRoot instanceof ShadowRoot)) {
|