@fusion.dev/helix 0.182.0 → 0.182.2
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/custom-elements.json +7900 -5780
- package/dist/accordion/item/accordion-item.css.js +1 -4
- package/dist/accordion/item/accordion-item.js +1 -6
- package/dist/accordion/root/accordion-root.css.js +1 -2
- package/dist/accordion/root/accordion-root.js +1 -6
- package/dist/announcement/root/announcement-root.css.js +1 -25
- package/dist/announcement/root/announcement-root.js +1 -6
- package/dist/app-header/root/app-header-root.css.js +1 -9
- package/dist/app-header/root/app-header-root.js +1 -6
- package/dist/area-chart/root/area-chart-root.css.js +1 -8
- package/dist/area-chart/root/area-chart-root.js +1 -6
- package/dist/aura/root/aura-root.css.js +1 -10
- package/dist/aura/root/aura-root.js +1 -6
- package/dist/avatar/group/avatar-group.css.js +1 -15
- package/dist/avatar/group/avatar-group.js +1 -6
- package/dist/avatar/root/avatar-root.css.js +1 -1
- package/dist/avatar/root/avatar-root.js +1 -6
- package/dist/badge/root/badge-root.css.js +1 -21
- package/dist/badge/root/badge-root.js +1 -6
- package/dist/bar-chart/root/bar-chart-root.css.js +1 -19
- package/dist/bar-chart/root/bar-chart-root.js +1 -6
- package/dist/blockquote/root/blockquote-root.css.js +1 -2
- package/dist/blockquote/root/blockquote-root.js +1 -6
- package/dist/breadcrumbs/breadcrumb/breadcrumb.css.js +1 -25
- package/dist/breadcrumbs/breadcrumb/breadcrumb.js +1 -6
- package/dist/breadcrumbs/root/breadcrumbs-root.css.js +1 -7
- package/dist/breadcrumbs/root/breadcrumbs-root.js +1 -6
- package/dist/button/root/button-root.css.js +1 -46
- package/dist/button/root/button-root.js +1 -6
- package/dist/button-group/root/button-group-root.css.js +1 -11
- package/dist/button-group/root/button-group-root.js +1 -6
- package/dist/callout/root/callout-root.css.js +1 -10
- package/dist/callout/root/callout-root.js +1 -6
- package/dist/canvas/edge/canvas-edge.js +1 -6
- package/dist/canvas/node/canvas-node.css.js +1 -12
- package/dist/canvas/node/canvas-node.js +1 -6
- package/dist/canvas/root/canvas-root.css.js +1 -15
- package/dist/canvas/root/canvas-root.js +1 -6
- package/dist/card/root/card-root.css.js +1 -8
- package/dist/card/root/card-root.js +1 -6
- package/dist/carousel/root/carousel-root.css.js +1 -42
- package/dist/carousel/root/carousel-root.js +1 -6
- package/dist/chat/composer/chat-composer.css.js +1 -5
- package/dist/chat/composer/chat-composer.js +1 -6
- package/dist/chat/message/chat-message.css.js +1 -11
- package/dist/chat/message/chat-message.js +1 -6
- package/dist/chat/root/chat-root.css.js +1 -13
- package/dist/chat/root/chat-root.js +1 -6
- package/dist/chat/typing.css.js +1 -24
- package/dist/checkbox/root/checkbox-root.css.js +1 -16
- package/dist/checkbox/root/checkbox-root.js +1 -6
- package/dist/checkbox-group/root/checkbox-group-root.css.js +1 -1
- package/dist/checkbox-group/root/checkbox-group-root.js +1 -6
- package/dist/code/root/code-root.css.js +1 -7
- package/dist/code/root/code-root.js +1 -6
- package/dist/code-block/root/code-block-root.css.js +1 -62
- package/dist/code-block/root/code-block-root.js +1 -6
- package/dist/color-input/root/color-input-root.css.js +1 -13
- package/dist/color-input/root/color-input-root.js +1 -6
- package/dist/color-picker/root/color-picker-root.css.js +1 -75
- package/dist/color-picker/root/color-picker-root.js +1 -6
- package/dist/combobox/root/combobox-root.css.js +1 -11
- package/dist/combobox/root/combobox-root.js +1 -6
- package/dist/command/root/command-root.css.js +1 -3
- package/dist/command/root/command-root.js +1 -6
- package/dist/copy-button/root/copy-button-root.css.js +1 -5
- package/dist/copy-button/root/copy-button-root.js +1 -6
- package/dist/data-table/root/data-table-root.css.js +1 -52
- package/dist/data-table/root/data-table-root.js +1 -6
- package/dist/date-input/root/date-input-root.css.js +1 -19
- package/dist/date-input/root/date-input-root.js +1 -6
- package/dist/date-picker/root/date-picker-root.css.js +1 -37
- package/dist/date-picker/root/date-picker-root.js +1 -6
- package/dist/description-list/item/description-list-item.css.js +1 -1
- package/dist/description-list/item/description-list-item.js +1 -6
- package/dist/description-list/root/description-list-root.css.js +1 -2
- package/dist/description-list/root/description-list-root.js +1 -6
- package/dist/dialog/root/dialog-root.css.js +1 -15
- package/dist/dialog/root/dialog-root.js +1 -6
- package/dist/divider/root/divider-root.css.js +1 -9
- package/dist/divider/root/divider-root.js +1 -6
- package/dist/donut-chart/root/donut-chart-root.css.js +1 -20
- package/dist/donut-chart/root/donut-chart-root.js +1 -6
- package/dist/drawer/root/drawer-root.css.js +1 -22
- package/dist/drawer/root/drawer-root.js +1 -6
- package/dist/drilldown/item/drilldown-item.css.js +1 -6
- package/dist/drilldown/item/drilldown-item.js +1 -6
- package/dist/drilldown/root/drilldown-root.css.js +1 -8
- package/dist/drilldown/root/drilldown-root.js +1 -6
- package/dist/empty/root/empty-root.css.js +1 -2
- package/dist/empty/root/empty-root.js +1 -6
- package/dist/file-input/root/file-input-root.css.js +1 -9
- package/dist/file-input/root/file-input-root.js +1 -6
- package/dist/filter-input/chip/filter-chip.css.js +1 -2
- package/dist/filter-input/chip/filter-chip.js +1 -6
- package/dist/filter-input/field/filter-field.css.js +1 -1
- package/dist/filter-input/field/filter-field.js +1 -6
- package/dist/filter-input/menu/filter-menu.css.js +1 -1
- package/dist/filter-input/menu/filter-menu.js +1 -6
- package/dist/filter-input/operator/filter-operator.css.js +1 -1
- package/dist/filter-input/operator/filter-operator.js +1 -6
- package/dist/filter-input/root/filter-input-root.css.js +1 -8
- package/dist/filter-input/root/filter-input-root.js +1 -6
- package/dist/flex/root/flex-root.css.js +1 -6
- package/dist/flex/root/flex-root.js +1 -6
- package/dist/format-date/root/format-date-root.css.js +1 -1
- package/dist/format-date/root/format-date-root.js +1 -6
- package/dist/graph/root/graph-root.css.js +1 -23
- package/dist/graph/root/graph-root.js +1 -6
- package/dist/grid/root/grid-root.css.js +1 -1
- package/dist/grid/root/grid-root.js +1 -6
- package/dist/heatmap/root/heatmap-root.css.js +1 -22
- package/dist/heatmap/root/heatmap-root.js +1 -6
- package/dist/icon/root/icon-root.css.js +1 -8
- package/dist/icon/root/icon-root.js +1 -6
- package/dist/icon-button/root/icon-button-root.css.js +1 -97
- package/dist/icon-button/root/icon-button-root.js +1 -6
- package/dist/image/root/image-root.css.js +1 -7
- package/dist/image/root/image-root.js +1 -6
- package/dist/input/root/input-root.css.js +1 -7
- package/dist/input/root/input-root.js +1 -6
- package/dist/kbd/root/kbd-root.css.js +1 -3
- package/dist/kbd/root/kbd-root.js +1 -6
- package/dist/legend/root/legend-root.css.js +1 -15
- package/dist/legend/root/legend-root.js +1 -6
- package/dist/lightbox/item/lightbox-item.css.js +1 -1
- package/dist/lightbox/item/lightbox-item.js +1 -6
- package/dist/lightbox/root/lightbox-root.css.js +1 -50
- package/dist/lightbox/root/lightbox-root.js +1 -6
- package/dist/line-chart/root/line-chart-root.css.js +1 -7
- package/dist/line-chart/root/line-chart-root.js +1 -6
- package/dist/list/item/list-item.css.js +1 -4
- package/dist/list/item/list-item.js +1 -6
- package/dist/list/root/list-root.css.js +1 -5
- package/dist/list/root/list-root.js +1 -6
- package/dist/listbox/reorder/listbox-drag-preview.css.js +1 -2
- package/dist/listbox/reorder/listbox-reorder.css.js +1 -3
- package/dist/listbox/root/listbox-root.css.js +1 -7
- package/dist/listbox/root/listbox-root.js +1 -6
- package/dist/loader/root/loader-root.css.js +1 -5
- package/dist/loader/root/loader-root.js +1 -6
- package/dist/map/area/map-area.css.js +1 -1
- package/dist/map/area/map-area.js +1 -6
- package/dist/map/buildings/map-buildings.css.js +1 -1
- package/dist/map/buildings/map-buildings.js +1 -6
- package/dist/map/contours/map-contours.css.js +1 -4
- package/dist/map/contours/map-contours.js +1 -6
- package/dist/map/landcover/map-landcover.css.js +1 -1
- package/dist/map/landcover/map-landcover.js +1 -6
- package/dist/map/marker/map-marker.css.js +1 -31
- package/dist/map/marker/map-marker.js +1 -6
- package/dist/map/points/map-points.css.js +1 -1
- package/dist/map/points/map-points.js +1 -6
- package/dist/map/position/map-position.css.js +1 -21
- package/dist/map/position/map-position.js +1 -6
- package/dist/map/raster/map-raster.css.js +1 -1
- package/dist/map/raster/map-raster.js +1 -6
- package/dist/map/root/map-root.css.js +1 -23
- package/dist/map/root/map-root.js +1 -6
- package/dist/map/route/map-route.css.js +1 -1
- package/dist/map/route/map-route.js +1 -6
- package/dist/map/terrain/map-terrain.css.js +1 -7
- package/dist/map/terrain/map-terrain.js +1 -6
- package/dist/megamenu/root/megamenu-root.css.js +1 -21
- package/dist/megamenu/root/megamenu-root.js +1 -6
- package/dist/menu/item/menu-item.css.js +1 -17
- package/dist/menu/item/menu-item.js +1 -6
- package/dist/menu/root/menu-root.css.js +1 -1
- package/dist/menu/root/menu-root.js +1 -6
- package/dist/menu/section/menu-section.css.js +1 -1
- package/dist/menu/section/menu-section.js +1 -6
- package/dist/meter/root/meter-root.css.js +1 -30
- package/dist/meter/root/meter-root.js +1 -6
- package/dist/navigation/root/navigation-root.css.js +1 -10
- package/dist/navigation/root/navigation-root.js +1 -6
- package/dist/notifications/group/notification-group.css.js +1 -1
- package/dist/notifications/group/notification-group.js +1 -6
- package/dist/notifications/notification/notification.css.js +1 -30
- package/dist/notifications/notification/notification.js +1 -6
- package/dist/notifications/root/notifications-root.css.js +1 -9
- package/dist/notifications/root/notifications-root.js +1 -6
- package/dist/number-input/root/number-input-root.css.js +1 -13
- package/dist/number-input/root/number-input-root.js +1 -6
- package/dist/object-inspector/root/object-inspector-root.css.js +1 -23
- package/dist/object-inspector/root/object-inspector-root.js +1 -6
- package/dist/option/group/option-group.css.js +1 -1
- package/dist/option/group/option-group.js +1 -6
- package/dist/option/root/option-root.css.js +1 -9
- package/dist/option/root/option-root.js +1 -6
- package/dist/option/separator/option-separator.css.js +1 -2
- package/dist/option/separator/option-separator.js +1 -6
- package/dist/orb/root/orb-root.css.js +1 -1
- package/dist/orb/root/orb-root.js +1 -6
- package/dist/outline/root/outline-root.css.js +1 -41
- package/dist/outline/root/outline-root.js +1 -6
- package/dist/pagination/root/pagination-root.css.js +1 -36
- package/dist/pagination/root/pagination-root.js +1 -6
- package/dist/pagination/size/pagination-size.css.js +1 -1
- package/dist/pagination/size/pagination-size.js +1 -6
- package/dist/pagination/summary/pagination-summary.css.js +1 -1
- package/dist/pagination/summary/pagination-summary.js +1 -6
- package/dist/pin-input/root/pin-input-root.css.js +1 -2
- package/dist/pin-input/root/pin-input-root.js +1 -6
- package/dist/popover/root/popover-root.css.js +1 -10
- package/dist/popover/root/popover-root.js +1 -6
- package/dist/progress/root/progress-root.css.js +1 -25
- package/dist/progress/root/progress-root.js +1 -6
- package/dist/qr-code/root/qr-code-root.css.js +1 -1
- package/dist/qr-code/root/qr-code-root.js +1 -6
- package/dist/quote/root/quote-root.css.js +1 -1
- package/dist/quote/root/quote-root.js +1 -6
- package/dist/radio/group/radio-group.css.js +1 -1
- package/dist/radio/group/radio-group.js +1 -6
- package/dist/radio/root/radio-root.css.js +1 -9
- package/dist/radio/root/radio-root.js +1 -6
- package/dist/rating/root/rating-root.css.js +1 -13
- package/dist/rating/root/rating-root.js +1 -6
- package/dist/sandbox/preview/sandbox-preview.css.js +1 -4
- package/dist/sandbox/preview/sandbox-preview.js +1 -6
- package/dist/sandbox/root/sandbox-root.css.js +1 -3
- package/dist/sandbox/root/sandbox-root.js +1 -6
- package/dist/sandbox/source/sandbox-source.css.js +1 -4
- package/dist/sandbox/source/sandbox-source.js +1 -6
- package/dist/sandbox/status-bar/sandbox-status-bar.css.js +1 -1
- package/dist/sandbox/status-bar/sandbox-status-bar.js +1 -6
- package/dist/sandbox/terminal/sandbox-terminal.css.js +1 -5
- package/dist/sandbox/terminal/sandbox-terminal.js +1 -6
- package/dist/sandbox/toolbar/sandbox-toolbar.css.js +1 -1
- package/dist/sandbox/toolbar/sandbox-toolbar.js +1 -6
- package/dist/scatter-chart/root/scatter-chart-root.css.js +1 -16
- package/dist/scatter-chart/root/scatter-chart-root.js +1 -6
- package/dist/scroll-area/root/scroll-area-root.css.js +1 -37
- package/dist/scroll-area/root/scroll-area-root.js +1 -6
- package/dist/select/root/select-root.css.js +1 -8
- package/dist/select/root/select-root.js +1 -6
- package/dist/shared/chart/series.css.js +1 -1
- package/dist/shared/chart/status.css.js +1 -2
- package/dist/shared/chart/terminus.css.js +1 -1
- package/dist/shared/chart/tooltip.css.js +1 -1
- package/dist/shared/collection/state.css.js +1 -2
- package/dist/shared/field/field-frame.css.js +1 -5
- package/dist/shared/field/field-inline.css.js +1 -2
- package/dist/shared/field/field-segments.css.js +1 -1
- package/dist/shared/field/field-stacked.css.js +1 -1
- package/dist/shared/field/field.css.js +1 -3
- package/dist/shared/floating/entrance.css.js +1 -7
- package/dist/shared/floating/panel.css.js +1 -2
- package/dist/shared/glyph/glyph.css.js +1 -1
- package/dist/shared/live/live.css.js +1 -1
- package/dist/shared/mixin-control-surface/mixin-control-surface.js +1 -6
- package/dist/shared/tags/tags.css.js +1 -1
- package/dist/shared/viewport/viewport.css.js +1 -20
- package/dist/skeleton/root/skeleton-root.css.js +1 -23
- package/dist/skeleton/root/skeleton-root.js +1 -6
- package/dist/skip-link/root/skip-link-root.css.js +1 -2
- package/dist/skip-link/root/skip-link-root.js +1 -6
- package/dist/slider/root/slider-root.css.js +1 -83
- package/dist/slider/root/slider-root.js +1 -6
- package/dist/sparkline/root/sparkline-root.css.js +1 -16
- package/dist/sparkline/root/sparkline-root.js +1 -6
- package/dist/speed-dial/group/speed-dial-group.css.js +1 -1
- package/dist/speed-dial/group/speed-dial-group.js +1 -6
- package/dist/speed-dial/item/speed-dial-item.css.js +1 -7
- package/dist/speed-dial/item/speed-dial-item.js +1 -6
- package/dist/speed-dial/root/speed-dial-root.css.js +1 -5
- package/dist/speed-dial/root/speed-dial-root.js +1 -6
- package/dist/splitter/root/splitter-root.css.js +1 -29
- package/dist/splitter/root/splitter-root.js +1 -6
- package/dist/stat/group/stat-group.css.js +1 -1
- package/dist/stat/group/stat-group.js +1 -6
- package/dist/stat/root/stat-root.css.js +1 -3
- package/dist/stat/root/stat-root.js +1 -6
- package/dist/steps/root/steps-root.css.js +1 -33
- package/dist/steps/root/steps-root.js +1 -6
- package/dist/steps/step/step.css.js +1 -7
- package/dist/steps/step/step.js +1 -6
- package/dist/strands/root/strands-root.css.js +1 -7
- package/dist/strands/root/strands-root.js +1 -6
- package/dist/strands/stop/strands-stop.css.js +1 -1
- package/dist/strands/stop/strands-stop.js +1 -6
- package/dist/switch/root/switch-root.css.js +1 -3
- package/dist/switch/root/switch-root.js +1 -6
- package/dist/table/cell/table-cell.css.js +1 -1
- package/dist/table/cell/table-cell.js +1 -6
- package/dist/table/column/table-column.css.js +1 -10
- package/dist/table/column/table-column.js +1 -6
- package/dist/table/root/table-root.css.js +1 -10
- package/dist/table/root/table-root.js +1 -6
- package/dist/table/row/table-row.css.js +1 -24
- package/dist/table/row/table-row.js +1 -6
- package/dist/tabs/panel/tab-panel.css.js +1 -4
- package/dist/tabs/panel/tab-panel.js +1 -6
- package/dist/tabs/root/tabs-root.css.js +1 -22
- package/dist/tabs/root/tabs-root.js +1 -6
- package/dist/tabs/tab/tab.css.js +1 -12
- package/dist/tabs/tab/tab.js +1 -6
- package/dist/tag/group/tag-group.css.js +1 -1
- package/dist/tag/group/tag-group.js +1 -6
- package/dist/tag/root/tag-root.css.js +1 -1
- package/dist/tag/root/tag-root.js +1 -6
- package/dist/text/root/text-root.css.js +1 -30
- package/dist/text/root/text-root.js +1 -6
- package/dist/textarea/root/textarea-root.css.js +1 -4
- package/dist/textarea/root/textarea-root.js +1 -6
- package/dist/time-input/root/time-input-root.css.js +1 -18
- package/dist/time-input/root/time-input-root.js +1 -6
- package/dist/time-picker/root/time-picker-root.css.js +1 -22
- package/dist/time-picker/root/time-picker-root.js +1 -6
- package/dist/timeline/group/timeline-group.css.js +1 -1
- package/dist/timeline/group/timeline-group.js +1 -6
- package/dist/timeline/item/timeline-item.css.js +1 -11
- package/dist/timeline/item/timeline-item.js +1 -6
- package/dist/timeline/root/timeline-root.css.js +1 -1
- package/dist/timeline/root/timeline-root.js +1 -6
- package/dist/toast/item/toast-item.css.js +1 -25
- package/dist/toast/item/toast-item.js +1 -6
- package/dist/toast/root/toast-root.css.js +1 -1
- package/dist/toast/root/toast-root.js +1 -6
- package/dist/toggle/group/toggle-group.css.js +1 -13
- package/dist/toggle/group/toggle-group.js +1 -6
- package/dist/toggle/root/toggle-root.css.js +1 -1
- package/dist/toggle/root/toggle-root.js +1 -6
- package/dist/toolbar/root/toolbar-root.css.js +1 -1
- package/dist/toolbar/root/toolbar-root.js +1 -6
- package/dist/tooltip/root/tooltip-root.css.js +1 -8
- package/dist/tooltip/root/tooltip-root.js +1 -6
- package/dist/tour/root/tour-root.css.js +1 -5
- package/dist/tour/root/tour-root.js +1 -6
- package/dist/tour/stop/tour-stop.css.js +1 -2
- package/dist/tour/stop/tour-stop.js +1 -6
- package/dist/tree/item/tree-item.css.js +1 -26
- package/dist/tree/item/tree-item.js +1 -6
- package/dist/tree/root/tree-root.css.js +1 -2
- package/dist/tree/root/tree-root.js +1 -6
- package/dist/trend/root/trend-root.css.js +1 -5
- package/dist/trend/root/trend-root.js +1 -6
- package/dist/video/root/video-root.css.js +1 -28
- package/dist/video/root/video-root.js +1 -6
- package/dist/video-playlist/item/video-playlist-item.css.js +1 -15
- package/dist/video-playlist/item/video-playlist-item.js +1 -6
- package/dist/video-playlist/menu/video-playlist-menu.css.js +1 -1
- package/dist/video-playlist/menu/video-playlist-menu.js +1 -6
- package/dist/video-playlist/root/video-playlist-root.css.js +1 -1
- package/dist/video-playlist/root/video-playlist-root.js +1 -6
- package/dist/virtual-list/reorder/virtual-list-reorder.css.js +1 -11
- package/dist/virtual-list/root/virtual-list-root.css.js +1 -10
- package/dist/virtual-list/root/virtual-list-root.js +1 -6
- package/lint.json +1 -1
- package/package.json +7 -6
- package/types/jsx.d.ts +214 -204
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs)
|
|
2
|
+
export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs)}[part="items"] {display: flex;flex-direction: column;gap: var(--radio-group-gap, var(--helix-space-xs))}:host([orientation="horizontal"]) [part="items"] {column-gap: var(--radio-group-gap, var(--helix-space-md));flex-direction: row;flex-wrap: wrap}:host(:state(invalid)) [part="items"] {--radio-border-color: var(--helix-color-danger)}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement } from '@fusion.dev/helix-core';
|
|
8
3
|
import { HelixHeadlessRadioGroup } from '@fusion.dev/helix-headless/radio';
|
|
9
4
|
import { styles as fieldStyles } from '../../shared/field/field.css.js';
|
|
@@ -1,10 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--_radio-size: var(--radio-size, var(--helix-size-checkbox));display: block
|
|
3
|
-
background-color var(--helix-duration-fast) var(--helix-easing-standard),
|
|
4
|
-
border-color var(--helix-duration-fast) var(--helix-easing-standard);}:host([separation="filled"]) [part="item"] {border-color: transparent;}:host(:not([disabled]):is([separation="filled"], [separation="outlined"])) [part="item"]:hover {border-color: var(--helix-color-foreground-muted);}:host(:is([separation="filled"], [separation="outlined"]):state(selected)) [part="item"] {background-color: var(--helix-color-surface-raised);border-color: var(--helix-color-primary);box-shadow: 0 0 0 var(--helix-border-thick) var(--helix-color-primary);}:host(:is([separation="filled"], [separation="outlined"])) [part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host(:is([separation="filled"], [separation="outlined"]))
|
|
5
|
-
[part="item"]:focus-visible
|
|
6
|
-
[part="box"] {outline: none;}:host(:is([separation="filled"], [separation="outlined"])) [part="label"] {font-size: var(--helix-text-md);line-height: var(--helix-leading-normal);}:host(:is([separation="filled"], [separation="outlined"])) [part="box"] {font-size: var(--helix-text-md);line-height: var(--helix-leading-normal);margin-block-start: calc((1lh - var(--_radio-size)) / 2);}:host(:is([separation="filled"], [separation="outlined"])[hide-control]) [part="box"] {display: none;}:host([variant="chip"]) [part="box"] {display: none;}:host([variant="chip"]) [part="item"] {--_radio-chip-lift: 2px;align-items: center;background-color: var(--helix-color-surface-sunken);block-size: var(--radio-chip-size, var(--helix-size-control));border-radius: var(--helix-radii-full);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--radio-chip-size, var(--helix-size-control));justify-content: center;padding: 0;transition:
|
|
7
|
-
background-color var(--helix-duration-fast) var(--helix-easing-standard),
|
|
8
|
-
box-shadow var(--helix-duration-fast) var(--helix-easing-standard),
|
|
9
|
-
translate var(--helix-duration-fast) var(--helix-easing-standard);}:host([variant="chip"]:state(selected)) [part="item"] {background-color: var(--helix-color-surface-inverse);box-shadow: var(--helix-shadow-md);color: var(--helix-color-foreground-inverse);translate: 0 calc(var(--_radio-chip-lift) * -1);}:host(:not([disabled])[variant="chip"]) [part="item"]:hover {translate: 0 calc(var(--_radio-chip-lift) / -2);}:host([variant="chip"]) [part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([variant="chip"]) [part="label"] {clip-path: inset(50%);block-size: 1px;inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap;}@media (prefers-reduced-motion: reduce) {:host([variant="chip"]) [part="item"] {transition: none;}:host([variant="chip"]:state(selected)) [part="item"],
|
|
10
|
-
:host(:not([disabled])[variant="chip"]) [part="item"]:hover {translate: none;}}@media print {:host {box-shadow: none;print-color-adjust: exact;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {--_radio-size: var(--radio-size, var(--helix-size-checkbox));display: block}[part="item"] {all: unset;align-items: center;box-sizing: border-box;cursor: pointer;display: inline-flex;gap: var(--helix-space-xs)}:host([disabled]) [part="item"] {cursor: default}:host([disabled]) {opacity: 0.5}[part="box"] {background-color: var(--radio-background-color, var(--helix-color-background));block-size: var(--_radio-size);border: var(--helix-border-thin) solid var(--radio-border-color, var(--helix-color-border));border-radius: var(--helix-radii-full);display: grid;flex: 0 0 auto;inline-size: var(--_radio-size);place-items: center;transition: border-color var(--helix-duration-fast) var(--helix-easing-standard)}:host(:not([disabled])) [part="item"]:hover [part="box"] {border-color: var(--radio-border-color, var(--helix-color-foreground-muted))}:host(:state(selected)) [part="box"] {border-color: var(--radio-border-color, var(--helix-color-foreground))}[part="box"]::after {background-color: var(--radio-mark-color, var(--helix-color-foreground));block-size: calc(var(--_radio-size) * 0.4);border-radius: var(--helix-radii-full);content: "";inline-size: calc(var(--_radio-size) * 0.4);scale: 0;transition: scale var(--helix-duration-fast) var(--helix-easing-emphasized)}:host(:state(selected)) [part="box"]::after {scale: 1}:host(:state(has-indicator)) [part="box"]::after {content: none}slot[name="indicator"]::slotted(*) {block-size: var(--radio-indicator-size, calc(var(--_radio-size) * 0.75));color: var(--radio-mark-color, var(--helix-color-foreground));inline-size: var(--radio-indicator-size, calc(var(--_radio-size) * 0.75));scale: 0;transition: scale var(--helix-duration-fast) var(--helix-easing-emphasized)}:host(:state(selected)) slot[name="indicator"]::slotted(*) {scale: 1}[part="item"]:focus-visible [part="box"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="label"] {color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-tight)}:host(:is([separation="filled"], [separation="outlined"])) {display: block}:host(:is([separation="filled"], [separation="outlined"])) [part="item"] {align-items: start;background-color: var(--radio-card-background-color, var(--helix-color-surface));border: var(--helix-border-thin) solid var(--radio-card-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);display: flex;gap: var(--helix-space-sm);inline-size: 100%;padding: var(--radio-card-padding, var(--helix-space-md));transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), border-color var(--helix-duration-fast) var(--helix-easing-standard)}:host([separation="filled"]) [part="item"] {border-color: transparent}:host(:not([disabled]):is([separation="filled"], [separation="outlined"])) [part="item"]:hover {border-color: var(--helix-color-foreground-muted)}:host(:is([separation="filled"], [separation="outlined"]):state(selected)) [part="item"] {background-color: var(--helix-color-surface-raised);border-color: var(--helix-color-primary);box-shadow: 0 0 0 var(--helix-border-thick) var(--helix-color-primary)}:host(:is([separation="filled"], [separation="outlined"])) [part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host(:is([separation="filled"], [separation="outlined"])) [part="item"]:focus-visible [part="box"] {outline: none}:host(:is([separation="filled"], [separation="outlined"])) [part="label"] {font-size: var(--helix-text-md);line-height: var(--helix-leading-normal)}:host(:is([separation="filled"], [separation="outlined"])) [part="box"] {font-size: var(--helix-text-md);line-height: var(--helix-leading-normal);margin-block-start: calc((1lh - var(--_radio-size)) / 2)}:host(:is([separation="filled"], [separation="outlined"])[hide-control]) [part="box"] {display: none}:host([variant="chip"]) [part="box"] {display: none}:host([variant="chip"]) [part="item"] {--_radio-chip-lift: 2px;align-items: center;background-color: var(--helix-color-surface-sunken);block-size: var(--radio-chip-size, var(--helix-size-control));border-radius: var(--helix-radii-full);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--radio-chip-size, var(--helix-size-control));justify-content: center;padding: 0;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), box-shadow var(--helix-duration-fast) var(--helix-easing-standard), translate var(--helix-duration-fast) var(--helix-easing-standard)}:host([variant="chip"]:state(selected)) [part="item"] {background-color: var(--helix-color-surface-inverse);box-shadow: var(--helix-shadow-md);color: var(--helix-color-foreground-inverse);translate: 0 calc(var(--_radio-chip-lift) * -1)}:host(:not([disabled])[variant="chip"]) [part="item"]:hover {translate: 0 calc(var(--_radio-chip-lift) / -2)}:host([variant="chip"]) [part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([variant="chip"]) [part="label"] {clip-path: inset(50%);block-size: 1px;inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap}@media (prefers-reduced-motion: reduce) {:host([variant="chip"]) [part="item"] {transition: none}:host([variant="chip"]:state(selected)) [part="item"], :host(:not([disabled])[variant="chip"]) [part="item"]:hover {translate: none}}@media print {:host {box-shadow: none;print-color-adjust: exact}}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement } from '@fusion.dev/helix-core';
|
|
8
3
|
import { HelixHeadlessRadio } from '@fusion.dev/helix-headless/radio';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,14 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--_rating-mark-size: var(--rating-size, var(--helix-size-icon-md));--_rating-mark-gap: var(--rating-gap, var(--helix-space-2xs));display: inline-flex;flex-direction: column;gap: var(--helix-space-2xs)
|
|
3
|
-
[part="fill"] {display: inline-flex;gap: var(--_rating-mark-gap);}[part="track"] {color: var(--rating-empty-color, var(--helix-color-border));}[part="fill"] {color: var(--rating-color, var(--helix-color-warning));inline-size: calc(
|
|
4
|
-
var(--rating-full, 0) *
|
|
5
|
-
(var(--_rating-mark-size) + var(--_rating-mark-gap)) +
|
|
6
|
-
var(--rating-part, 0) *
|
|
7
|
-
var(--_rating-mark-size)
|
|
8
|
-
);inset-block: 0;inset-inline-start: 0;overflow: hidden;position: absolute;}[part="mark"] {--_rating-star: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.4l6.5-.9z"/></svg>');background-color: currentcolor;block-size: var(--_rating-mark-size);flex: 0 0 auto;inline-size: var(--_rating-mark-size);mask-image: var(--rating-mark, var(--_rating-star));mask-position: center;mask-repeat: no-repeat;mask-size: contain;}[part="option"] {all: unset;box-sizing: border-box;cursor: pointer;inset-block: 0;position: absolute;}[part="option"] {--_rating-pitch: calc((100% + var(--_rating-mark-gap)) / var(--rating-steps, 1));inline-size: var(--_rating-pitch);inset-inline-start: calc(
|
|
9
|
-
(var(--rating-step, 1) - 1) *
|
|
10
|
-
var(--_rating-pitch) -
|
|
11
|
-
var(--_rating-mark-gap) /
|
|
12
|
-
2
|
|
13
|
-
);}[part="value"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-sm);font-variant-numeric: tabular-nums;line-height: 1;}:host([shape="dots"]) {--_rating-mark-size: var(--rating-size, var(--helix-size-icon-sm));}:host([shape="dots"]) [part="mark"] {border-radius: var(--helix-radii-full);mask-image: none;}[part="option"]:focus-visible {border-radius: var(--helix-radii-sm);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host(:disabled) [part="option"] {cursor: not-allowed;}:host(:disabled) [part="marks"] {opacity: 0.5;}:host([readonly]) [part="marks"] {cursor: default;}[data-slotted] [part="mark"] {background-color: transparent;mask-image: none;}@media print {:host {print-color-adjust: exact;}}@media (forced-colors: active) {[part="track"],
|
|
14
|
-
[part="fill"] {forced-color-adjust: none;}[part="track"] {color: GrayText;}[part="fill"] {color: Highlight;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {--_rating-mark-size: var(--rating-size, var(--helix-size-icon-md));--_rating-mark-gap: var(--rating-gap, var(--helix-space-2xs));display: inline-flex;flex-direction: column;gap: var(--helix-space-2xs)}[part="field"] {align-items: center;display: inline-flex;gap: var(--helix-space-xs)}[part="marks"] {display: inline-flex;position: relative;touch-action: pan-y}[part="track"], [part="fill"] {display: inline-flex;gap: var(--_rating-mark-gap)}[part="track"] {color: var(--rating-empty-color, var(--helix-color-border))}[part="fill"] {color: var(--rating-color, var(--helix-color-warning));inline-size: calc(var(--rating-full, 0) * (var(--_rating-mark-size) + var(--_rating-mark-gap)) + var(--rating-part, 0) * var(--_rating-mark-size));inset-block: 0;inset-inline-start: 0;overflow: hidden;position: absolute}[part="mark"] {--_rating-star: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5L2.6 9.4l6.5-.9z"/></svg>');background-color: currentcolor;block-size: var(--_rating-mark-size);flex: 0 0 auto;inline-size: var(--_rating-mark-size);mask-image: var(--rating-mark, var(--_rating-star));mask-position: center;mask-repeat: no-repeat;mask-size: contain}[part="option"] {all: unset;box-sizing: border-box;cursor: pointer;inset-block: 0;position: absolute}[part="option"] {--_rating-pitch: calc((100% + var(--_rating-mark-gap)) / var(--rating-steps, 1));inline-size: var(--_rating-pitch);inset-inline-start: calc((var(--rating-step, 1) - 1) * var(--_rating-pitch) - var(--_rating-mark-gap) / 2)}[part="value"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-sm);font-variant-numeric: tabular-nums;line-height: 1}:host([shape="dots"]) {--_rating-mark-size: var(--rating-size, var(--helix-size-icon-sm))}:host([shape="dots"]) [part="mark"] {border-radius: var(--helix-radii-full);mask-image: none}[part="option"]:focus-visible {border-radius: var(--helix-radii-sm);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host(:disabled) [part="option"] {cursor: not-allowed}:host(:disabled) [part="marks"] {opacity: 0.5}:host([readonly]) [part="marks"] {cursor: default}[data-slotted] [part="mark"] {background-color: transparent;mask-image: none}@media print {:host {print-color-adjust: exact}}@media (forced-colors: active) {[part="track"], [part="fill"] {forced-color-adjust: none}[part="track"] {color: GrayText}[part="fill"] {color: Highlight}}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement } from '@fusion.dev/helix-core';
|
|
8
3
|
import { HelixHeadlessRating } from '@fusion.dev/helix-headless/rating';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,5 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: block;min-block-size: 0;position: relative
|
|
3
|
-
[part="open"] {background-color: var(--helix-color-surface);border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground);cursor: pointer;font: inherit;padding: var(--helix-space-2xs) var(--helix-space-xs);}[part="reload"]:hover,
|
|
4
|
-
[part="open"]:hover {background-color: var(--helix-color-surface-sunken);}[part="reload"]:focus-visible,
|
|
5
|
-
[part="open"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: block;min-block-size: 0;position: relative}[part="frame"] {background-color: var(--helix-color-background);block-size: 100%;border: none;display: block;inline-size: 100%}[part="error"] {background-color: var(--helix-color-background);box-sizing: border-box;color: var(--helix-color-danger);font-family: var(--helix-font-mono);font-size: var(--helix-text-xs);inset: 0;line-height: var(--helix-leading-normal);margin: var(--helix-space-none);overflow: auto;padding: var(--helix-space-md);position: absolute;white-space: pre-wrap;word-break: break-word}[part="controls"] {display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-2xs);inset-block-end: var(--helix-space-xs);inset-inline-end: var(--helix-space-xs);position: absolute}[part="reload"], [part="open"] {background-color: var(--helix-color-surface);border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground);cursor: pointer;font: inherit;padding: var(--helix-space-2xs) var(--helix-space-xs)}[part="reload"]:hover, [part="open"]:hover {background-color: var(--helix-color-surface-sunken)}[part="reload"]:focus-visible, [part="open"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}`);
|
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
1
|
var HelixSandboxPreview_1;
|
|
2
|
+
import { __decorate } from "tslib";
|
|
8
3
|
import { customElement, DelayController, HelixConsoleEvent, HelixElement, HelixResizeEvent, words, } from '@fusion.dev/helix-core';
|
|
9
4
|
const SETTLE = 120;
|
|
10
5
|
import { html, nothing } from 'lit';
|
|
@@ -1,4 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {background-color: var(--helix-color-background);display: grid;grid-template-rows: auto minmax(0, 1fr) auto;min-block-size: var(--sandbox-min-block-size, 20rem);overflow: hidden
|
|
3
|
-
[part="panes"] {--splitter-color: var(--sandbox-separator-color, var(--helix-color-border));--splitter-target: calc(var(--sandbox-grab, var(--helix-space-2xs)) * 2);min-block-size: 0;min-inline-size: 0;}[part="panes"] {block-size: 100%;}[part="body"]:not([data-panel])::part(corner),
|
|
4
|
-
[part="body"]:not([data-panel])::part(separator) {display: none;}[part="pane"] {block-size: 100%;min-block-size: 0;min-inline-size: 0;overflow: hidden;}[part="pane"][data-files] {display: grid;grid-template-rows: auto minmax(0, 1fr);}[part="files"] {border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);overflow-x: auto;}[part~="file"] {background-color: transparent;border: none;border-block-end: var(--helix-border-thick) solid transparent;color: var(--helix-color-foreground-muted);cursor: pointer;font: inherit;padding: var(--helix-space-xs) var(--helix-space-sm);white-space: nowrap;}[part~="file"]:hover {color: var(--helix-color-foreground);}[part~="file"][aria-selected="true"] {border-block-end-color: var(--helix-color-accent);color: var(--helix-color-foreground);}[part~="file-modified"]::after {background-color: currentcolor;block-size: var(--helix-space-xs);border-radius: var(--helix-radii-full);content: "";display: inline-block;inline-size: var(--helix-space-xs);margin-inline-start: var(--helix-space-xs);vertical-align: middle;}[part~="file"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[data-files] > [role="tabpanel"] {min-block-size: 0;}::slotted([hidden]) {display: none;}[part="panel"] {block-size: 100%;min-block-size: 0;overflow: hidden;}::slotted([slot="panel"]) {block-size: 100%;min-block-size: 0;}::slotted(helix-sandbox-preview) {background-color: var(--helix-color-background);block-size: 100%;color: var(--helix-color-foreground);display: block;}@media print {:host {display: none;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {background-color: var(--helix-color-background);display: grid;grid-template-rows: auto minmax(0, 1fr) auto;min-block-size: var(--sandbox-min-block-size, 20rem);overflow: hidden}::slotted([slot="toolbar"]) {grid-row: 1}[part="body"] {grid-row: 2}::slotted([slot="status"]) {grid-row: 3}[part="body"], [part="panes"] {--splitter-color: var(--sandbox-separator-color, var(--helix-color-border));--splitter-target: calc(var(--sandbox-grab, var(--helix-space-2xs)) * 2);min-block-size: 0;min-inline-size: 0}[part="panes"] {block-size: 100%}[part="body"]:not([data-panel])::part(corner), [part="body"]:not([data-panel])::part(separator) {display: none}[part="pane"] {block-size: 100%;min-block-size: 0;min-inline-size: 0;overflow: hidden}[part="pane"][data-files] {display: grid;grid-template-rows: auto minmax(0, 1fr)}[part="files"] {border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);overflow-x: auto}[part~="file"] {background-color: transparent;border: none;border-block-end: var(--helix-border-thick) solid transparent;color: var(--helix-color-foreground-muted);cursor: pointer;font: inherit;padding: var(--helix-space-xs) var(--helix-space-sm);white-space: nowrap}[part~="file"]:hover {color: var(--helix-color-foreground)}[part~="file"][aria-selected="true"] {border-block-end-color: var(--helix-color-accent);color: var(--helix-color-foreground)}[part~="file-modified"]::after {background-color: currentcolor;block-size: var(--helix-space-xs);border-radius: var(--helix-radii-full);content: "";display: inline-block;inline-size: var(--helix-space-xs);margin-inline-start: var(--helix-space-xs);vertical-align: middle}[part~="file"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[data-files] > [role="tabpanel"] {min-block-size: 0}::slotted([hidden]) {display: none}[part="panel"] {block-size: 100%;min-block-size: 0;overflow: hidden}::slotted([slot="panel"]) {block-size: 100%;min-block-size: 0}::slotted(helix-sandbox-preview) {background-color: var(--helix-color-background);block-size: 100%;color: var(--helix-color-foreground);display: block}@media print {:host {display: none}}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { auditName, customElement, DelayController, formatWords, HelixBeforePanelResizeEvent, HelixBeforeSplitEvent, HelixElement, HelixPanelResizeEvent, HelixSplitEvent, inlineStep, requestChange, requestValue, words, } from '@fusion.dev/helix-core';
|
|
8
3
|
import '../../splitter/index.js';
|
|
9
4
|
import { html, nothing } from 'lit';
|
|
@@ -1,5 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: block;block-size: 100%;}[part="highlight"],
|
|
3
|
-
[part="source"] {border: none;color: var(--helix-color-foreground-muted);font-family: var(--helix-font-mono);font-size: max(var(--helix-text-field-min), var(--helix-text-xs));inline-size: 100%;line-height: var(--helix-leading-normal);min-block-size: var(--sandbox-source-min-block-size, 12rem);padding: var(--helix-space-sm);tab-size: 2;}[part="source"] {background-color: var(--sandbox-source-background-color, var(--helix-color-background));block-size: 100%;display: block;resize: none;}[part="source"]:focus-visible {background-color: var(--helix-color-surface);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="field"] {background-color: var(--sandbox-source-background-color, var(--helix-color-background));block-size: 100%;display: grid;grid-template-rows: minmax(max-content, auto);overflow: auto;}[part="field"]:focus-within {background-color: var(--helix-color-surface);}[part="field"]:has(> [part="source"]:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="field"] > [part] {grid-area: 1 / 1;letter-spacing: normal;margin: 0;overflow-wrap: break-word;white-space: pre-wrap;}[part="field"] > [part="source"],
|
|
4
|
-
[part="field"] > [part="source"]:focus-visible {-webkit-text-fill-color: transparent;align-self: stretch;background-color: transparent;block-size: auto;caret-color: var(--helix-color-foreground);color: transparent;outline: none;overflow: hidden;}:host([line-numbers]) [part="field"] > [part] {padding-inline-start: calc(var(--helix-space-sm) * 3 + var(--_sandbox-source-gutter, 1ch));}:host([line-numbers]) [part="highlight"] {counter-reset: line;}[part="line"] {counter-increment: line;display: block;min-block-size: 1lh;position: relative;}[part="line"]::before {color: var(--sandbox-source-line-number-color, var(--helix-color-foreground-subtle));content: counter(line);inset-inline-end: calc(100% + var(--helix-space-sm) * 2);position: absolute;text-align: end;}[data-kind="callable"] {color: var(--sandbox-source-callable-color, var(--helix-color-syntax-callable));}[data-kind="comment"] {color: var(--sandbox-source-comment-color, var(--helix-color-syntax-comment));}[data-kind="constant"] {color: var(--sandbox-source-constant-color, var(--helix-color-syntax-constant));}[data-kind="invalid"] {color: var(--sandbox-source-invalid-color, var(--helix-color-syntax-invalid));}[data-kind="keyword"] {color: var(--sandbox-source-keyword-color, var(--helix-color-syntax-keyword));}[data-kind="name"] {color: var(--sandbox-source-name-color, var(--helix-color-syntax-name));}[data-kind="string"] {color: var(--sandbox-source-string-color, var(--helix-color-syntax-string));}[data-kind="tag"] {color: var(--sandbox-source-tag-color, var(--helix-color-syntax-tag));}[part="field"]:focus-within [part~="bracket"] {background-color: var(--sandbox-source-bracket-color, var(--helix-color-accent-subtle));border-radius: var(--helix-radii-sm);}[part="field"]:focus-within [part~="bracket-unmatched"] {background-color: transparent;color: var(--sandbox-source-invalid-color, var(--helix-color-syntax-invalid));}[part="field"] {position: relative;}[part="completions"] {background-color: var(--helix-color-surface-overlay);border: var(--sandbox-source-completions-border-width, var(--helix-border-floating)) solid
|
|
5
|
-
var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--sandbox-source-completions-shadow, var(--helix-shadow-floating));font-family: var(--helix-font-mono);font-size: max(var(--helix-text-field-min), var(--helix-text-xs));max-block-size: 12rem;min-inline-size: 8rem;overflow-y: auto;padding: var(--helix-space-2xs);position: absolute;z-index: 1;}[part~="completion"] {border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground);cursor: pointer;padding: var(--helix-space-2xs) var(--helix-space-xs);white-space: nowrap;}[part~="completion-active"] {background-color: var(--helix-color-accent-surface);}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: block;block-size: 100%}[part="highlight"], [part="source"] {border: none;color: var(--helix-color-foreground-muted);font-family: var(--helix-font-mono);font-size: max(var(--helix-text-field-min), var(--helix-text-xs));inline-size: 100%;line-height: var(--helix-leading-normal);min-block-size: var(--sandbox-source-min-block-size, 12rem);padding: var(--helix-space-sm);tab-size: 2}[part="source"] {background-color: var(--sandbox-source-background-color, var(--helix-color-background));block-size: 100%;display: block;resize: none}[part="source"]:focus-visible {background-color: var(--helix-color-surface);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="field"] {background-color: var(--sandbox-source-background-color, var(--helix-color-background));block-size: 100%;display: grid;grid-template-rows: minmax(max-content, auto);overflow: auto}[part="field"]:focus-within {background-color: var(--helix-color-surface)}[part="field"]:has(> [part="source"]:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="field"] > [part] {grid-area: 1 / 1;letter-spacing: normal;margin: 0;overflow-wrap: break-word;white-space: pre-wrap}[part="field"] > [part="source"], [part="field"] > [part="source"]:focus-visible {-webkit-text-fill-color: transparent;align-self: stretch;background-color: transparent;block-size: auto;caret-color: var(--helix-color-foreground);color: transparent;outline: none;overflow: hidden}:host([line-numbers]) [part="field"] > [part] {padding-inline-start: calc(var(--helix-space-sm) * 3 + var(--_sandbox-source-gutter, 1ch))}:host([line-numbers]) [part="highlight"] {counter-reset: line}[part="line"] {counter-increment: line;display: block;min-block-size: 1lh;position: relative}[part="line"]::before {color: var(--sandbox-source-line-number-color, var(--helix-color-foreground-subtle));content: counter(line);inset-inline-end: calc(100% + var(--helix-space-sm) * 2);position: absolute;text-align: end}[data-kind="callable"] {color: var(--sandbox-source-callable-color, var(--helix-color-syntax-callable))}[data-kind="comment"] {color: var(--sandbox-source-comment-color, var(--helix-color-syntax-comment))}[data-kind="constant"] {color: var(--sandbox-source-constant-color, var(--helix-color-syntax-constant))}[data-kind="invalid"] {color: var(--sandbox-source-invalid-color, var(--helix-color-syntax-invalid))}[data-kind="keyword"] {color: var(--sandbox-source-keyword-color, var(--helix-color-syntax-keyword))}[data-kind="name"] {color: var(--sandbox-source-name-color, var(--helix-color-syntax-name))}[data-kind="string"] {color: var(--sandbox-source-string-color, var(--helix-color-syntax-string))}[data-kind="tag"] {color: var(--sandbox-source-tag-color, var(--helix-color-syntax-tag))}[part="field"]:focus-within [part~="bracket"] {background-color: var(--sandbox-source-bracket-color, var(--helix-color-accent-subtle));border-radius: var(--helix-radii-sm)}[part="field"]:focus-within [part~="bracket-unmatched"] {background-color: transparent;color: var(--sandbox-source-invalid-color, var(--helix-color-syntax-invalid))}[part="field"] {position: relative}[part="completions"] {background-color: var(--helix-color-surface-overlay);border: var(--sandbox-source-completions-border-width, var(--helix-border-floating)) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--sandbox-source-completions-shadow, var(--helix-shadow-floating));font-family: var(--helix-font-mono);font-size: max(var(--helix-text-field-min), var(--helix-text-xs));max-block-size: 12rem;min-inline-size: 8rem;overflow-y: auto;padding: var(--helix-space-2xs);position: absolute;z-index: 1}[part~="completion"] {border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground);cursor: pointer;padding: var(--helix-space-2xs) var(--helix-space-xs);white-space: nowrap}[part~="completion-active"] {background-color: var(--helix-color-accent-surface)}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement, formatWords, HelixBeforeEditEvent, HelixCaretEvent, HelixEditEvent, HelixElement, onUnlessFalse, restoreValue, words, } from '@fusion.dev/helix-core';
|
|
8
3
|
import { html, nothing } from 'lit';
|
|
9
4
|
import { property, state } from 'lit/decorators.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {align-items: center;background-color: var(--helix-color-background);border-block-start: var(--helix-border-thin) solid var(--helix-color-border);color: var(--sandbox-status-bar-color, var(--helix-color-foreground-subtle));display: flex;font-size: var(--helix-text-xs);gap: var(--helix-space-sm);line-height: var(--helix-leading-tight);padding: var(--helix-space-2xs) var(--helix-space-sm);user-select: none
|
|
2
|
+
export const styles = createSheet(`:host {align-items: center;background-color: var(--helix-color-background);border-block-start: var(--helix-border-thin) solid var(--helix-color-border);color: var(--sandbox-status-bar-color, var(--helix-color-foreground-subtle));display: flex;font-size: var(--helix-text-xs);gap: var(--helix-space-sm);line-height: var(--helix-leading-tight);padding: var(--helix-space-2xs) var(--helix-space-sm);user-select: none}slot:not([name]) + * {margin-inline-start: auto}[part="caret"] {font-variant-numeric: tabular-nums}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement, formatWords, HelixElement, words } from '@fusion.dev/helix-core';
|
|
8
3
|
import { html, nothing } from 'lit';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,6 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {block-size: var(--sandbox-terminal-size, 100%);display: grid;grid-template-rows: minmax(0, 1fr);min-block-size: 0
|
|
3
|
-
[part="clear"] {background-color: transparent;border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground);font: inherit;padding: var(--helix-space-2xs) var(--helix-space-xs);}[part="filter"] {font-size: max(var(--helix-text-field-min), var(--helix-text-xs));}[part="clear"] {cursor: pointer;}[part="clear"]:hover {background-color: var(--helix-color-surface-sunken);}[part="filter"]:focus-visible,
|
|
4
|
-
[part="clear"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="log"] {font-family: var(--helix-font-mono);font-size: var(--helix-text-xs);line-height: var(--helix-leading-normal);overflow: auto;padding: var(--helix-space-xs) var(--helix-space-sm);}[part="log"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="empty"] {color: var(--helix-color-foreground-subtle);margin: var(--helix-space-none);}[part="entry"] {align-items: baseline;color: var(--helix-color-foreground-muted);display: grid;gap: var(--helix-space-xs);grid-template-columns: 3.5rem minmax(0, 1fr) auto;padding-block: var(--helix-space-2xs);}[part="level"] {color: var(--helix-color-foreground-subtle);text-transform: uppercase;}[part="message"] {white-space: pre-wrap;word-break: break-word;}[part="count"] {background-color: var(--helix-color-surface-sunken);border-radius: var(--helix-radii-full);color: var(--helix-color-foreground-subtle);padding-inline: var(--helix-space-2xs);}[data-level="warn"],
|
|
5
|
-
[data-level="warn"] [part="level"] {color: var(--helix-color-warning);}[data-level="error"],
|
|
6
|
-
[data-level="error"] [part="level"] {color: var(--helix-color-danger);}`);
|
|
2
|
+
export const styles = createSheet(`:host {block-size: var(--sandbox-terminal-size, 100%);display: grid;grid-template-rows: minmax(0, 1fr);min-block-size: 0}:host([controls]) {grid-template-rows: auto minmax(0, 1fr)}[part="controls"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-xs);justify-content: space-between;padding: var(--helix-space-2xs) var(--helix-space-sm)}[part="filter"], [part="clear"] {background-color: transparent;border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground);font: inherit;padding: var(--helix-space-2xs) var(--helix-space-xs)}[part="filter"] {font-size: max(var(--helix-text-field-min), var(--helix-text-xs))}[part="clear"] {cursor: pointer}[part="clear"]:hover {background-color: var(--helix-color-surface-sunken)}[part="filter"]:focus-visible, [part="clear"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="log"] {font-family: var(--helix-font-mono);font-size: var(--helix-text-xs);line-height: var(--helix-leading-normal);overflow: auto;padding: var(--helix-space-xs) var(--helix-space-sm)}[part="log"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="empty"] {color: var(--helix-color-foreground-subtle);margin: var(--helix-space-none)}[part="entry"] {align-items: baseline;color: var(--helix-color-foreground-muted);display: grid;gap: var(--helix-space-xs);grid-template-columns: 3.5rem minmax(0, 1fr) auto;padding-block: var(--helix-space-2xs)}[part="level"] {color: var(--helix-color-foreground-subtle);text-transform: uppercase}[part="message"] {white-space: pre-wrap;word-break: break-word}[part="count"] {background-color: var(--helix-color-surface-sunken);border-radius: var(--helix-radii-full);color: var(--helix-color-foreground-subtle);padding-inline: var(--helix-space-2xs)}[data-level="warn"], [data-level="warn"] [part="level"] {color: var(--helix-color-warning)}[data-level="error"], [data-level="error"] [part="level"] {color: var(--helix-color-danger)}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement, formatWords, HelixBeforeChangeEvent, HelixElement, requestChange, words, wordsConverter, } from '@fusion.dev/helix-core';
|
|
8
3
|
import { html, nothing } from 'lit';
|
|
9
4
|
import { property, state } from 'lit/decorators.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--helix-size-checkbox: var(--helix-size-checkbox-sm);--helix-size-checkbox-loose: calc(var(--helix-size-checkbox) * 1.2);--helix-size-checkbox-tight: calc(var(--helix-size-checkbox) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-tag: var(--helix-size-tag-sm);align-items: center;background-color: var(--helix-color-background);block-size: var(--sandbox-toolbar-size, var(--helix-size-control-lg));border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;min-block-size: 0;padding-block: var(--helix-space-none);padding-inline: var(--helix-space-md)
|
|
2
|
+
export const styles = createSheet(`:host {--helix-size-checkbox: var(--helix-size-checkbox-sm);--helix-size-checkbox-loose: calc(var(--helix-size-checkbox) * 1.2);--helix-size-checkbox-tight: calc(var(--helix-size-checkbox) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-tag: var(--helix-size-tag-sm);align-items: center;background-color: var(--helix-color-background);block-size: var(--sandbox-toolbar-size, var(--helix-size-control-lg));border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;min-block-size: 0;padding-block: var(--helix-space-none);padding-inline: var(--helix-space-md)}slot {align-items: center;display: flex;gap: var(--sandbox-toolbar-gap, var(--helix-space-sm));min-inline-size: 0}slot[name="end"] {margin-inline-start: auto}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement, HelixElement } from '@fusion.dev/helix-core';
|
|
8
3
|
import { html } from 'lit';
|
|
9
4
|
import { styles } from './sandbox-toolbar.css.js';
|
|
@@ -1,17 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {container-type: inline-size;display: block;position: relative
|
|
3
|
-
"y-name y-name"
|
|
4
|
-
"y-axis plot"
|
|
5
|
-
". x-axis"
|
|
6
|
-
". x-name";grid-template-columns: auto minmax(0, 1fr);row-gap: var(--scatter-chart-gap, var(--helix-space-xs));}[part="plot"] {block-size: var(--scatter-chart-block-size, 14em);cursor: crosshair;grid-area: plot;position: relative;}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible;}[part="trend"] {fill: none;stroke: var(--chart-series);stroke-dasharray: var(--scatter-chart-trend-dash, 4 3);stroke-linecap: round;stroke-width: var(--scatter-chart-trend-width, 1.5px);vector-effect: non-scaling-stroke;}[part="gridline"] {stroke: var(--scatter-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part~="point"] {--_scatter-chart-diameter: calc(
|
|
7
|
-
var(--scatter-chart-point-size, 8px) +
|
|
8
|
-
var(--chart-point-weight, 0) *
|
|
9
|
-
(var(--scatter-chart-bubble-size, 40px) - var(--scatter-chart-point-size, 8px))
|
|
10
|
-
);background-color: var(--chart-series);block-size: var(--_scatter-chart-diameter);border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thin)
|
|
11
|
-
var(--scatter-chart-point-ring-color, var(--helix-color-background));inline-size: var(--_scatter-chart-diameter);inset-block-start: var(--chart-point-y);inset-inline-start: var(--chart-point-x);opacity: var(--scatter-chart-point-opacity, 0.8);pointer-events: none;position: absolute;transition:
|
|
12
|
-
inset-block-start var(--helix-duration-normal) var(--helix-easing-decelerate),
|
|
13
|
-
inset-inline-start var(--helix-duration-normal) var(--helix-easing-decelerate),
|
|
14
|
-
scale var(--helix-duration-fast) var(--helix-easing-decelerate);translate: -50% -50%;}[part~="point"][data-active] {opacity: 1;scale: 1.5;}[part="x-axis"],
|
|
15
|
-
[part="y-axis"] {display: grid;}[part="x-axis"] {grid-area: x-axis;}[part="y-axis"] {grid-area: y-axis;}[part="x-tick"],
|
|
16
|
-
[part="y-tick"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;grid-area: 1 / 1;line-height: 1;position: relative;white-space: nowrap;}[part="x-tick"] {inset-inline-start: var(--chart-tick);justify-self: start;translate: -50% 0;}[part="x-tick"][data-edge="end"] {translate: -100% 0;}[part="y-tick"] {align-self: start;inset-block-start: var(--chart-tick);justify-self: end;translate: 0 -50%;}@container (inline-size < 30rem) {[part="x-tick"]:nth-last-child(even) {visibility: hidden;}}[part="x-name"],
|
|
17
|
-
[part="y-name"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);}[part="x-name"] {grid-area: x-name;justify-self: end;}[part="y-name"] {grid-area: y-name;justify-self: start;}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}@starting-style {[part~="point"] {opacity: 0;}}@media print {:host {print-color-adjust: exact;}}@media (forced-colors: active) {[part~="point"] {box-shadow: 0 0 0 var(--helix-border-thin) CanvasText;forced-color-adjust: none;}[part~="point"][data-active] {box-shadow: 0 0 0 var(--helix-border-thick) Highlight;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {container-type: inline-size;display: block;position: relative}[part="plane"] {column-gap: var(--scatter-chart-gap, var(--helix-space-xs));display: grid;grid-template-areas: "y-name y-name" "y-axis plot" ". x-axis" ". x-name";grid-template-columns: auto minmax(0, 1fr);row-gap: var(--scatter-chart-gap, var(--helix-space-xs))}[part="plot"] {block-size: var(--scatter-chart-block-size, 14em);cursor: crosshair;grid-area: plot;position: relative}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible}[part="trend"] {fill: none;stroke: var(--chart-series);stroke-dasharray: var(--scatter-chart-trend-dash, 4 3);stroke-linecap: round;stroke-width: var(--scatter-chart-trend-width, 1.5px);vector-effect: non-scaling-stroke}[part="gridline"] {stroke: var(--scatter-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part~="point"] {--_scatter-chart-diameter: calc(var(--scatter-chart-point-size, 8px) + var(--chart-point-weight, 0) * (var(--scatter-chart-bubble-size, 40px) - var(--scatter-chart-point-size, 8px)));background-color: var(--chart-series);block-size: var(--_scatter-chart-diameter);border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thin) var(--scatter-chart-point-ring-color, var(--helix-color-background));inline-size: var(--_scatter-chart-diameter);inset-block-start: var(--chart-point-y);inset-inline-start: var(--chart-point-x);opacity: var(--scatter-chart-point-opacity, 0.8);pointer-events: none;position: absolute;transition: inset-block-start var(--helix-duration-normal) var(--helix-easing-decelerate), inset-inline-start var(--helix-duration-normal) var(--helix-easing-decelerate), scale var(--helix-duration-fast) var(--helix-easing-decelerate);translate: -50% -50%}[part~="point"][data-active] {opacity: 1;scale: 1.5}[part="x-axis"], [part="y-axis"] {display: grid}[part="x-axis"] {grid-area: x-axis}[part="y-axis"] {grid-area: y-axis}[part="x-tick"], [part="y-tick"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;grid-area: 1 / 1;line-height: 1;position: relative;white-space: nowrap}[part="x-tick"] {inset-inline-start: var(--chart-tick);justify-self: start;translate: -50% 0}[part="x-tick"][data-edge="end"] {translate: -100% 0}[part="y-tick"] {align-self: start;inset-block-start: var(--chart-tick);justify-self: end;translate: 0 -50%}@container (inline-size < 30rem) {[part="x-tick"]:nth-last-child(even) {visibility: hidden}}[part="x-name"], [part="y-name"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium)}[part="x-name"] {grid-area: x-name;justify-self: end}[part="y-name"] {grid-area: y-name;justify-self: start}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}@starting-style {[part~="point"] {opacity: 0}}@media print {:host {print-color-adjust: exact}}@media (forced-colors: active) {[part~="point"] {box-shadow: 0 0 0 var(--helix-border-thin) CanvasText;forced-color-adjust: none}[part~="point"][data-active] {box-shadow: 0 0 0 var(--helix-border-thick) Highlight}}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement } from '@fusion.dev/helix-core';
|
|
8
3
|
import { HelixHeadlessScatterChart } from '@fusion.dev/helix-headless/scatter-chart';
|
|
9
4
|
import { styles as seriesStyles } from '../../shared/chart/series.css.js';
|
|
@@ -1,38 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: block;position: relative
|
|
3
|
-
var(--scroll-area-track-color, var(--helix-scrollbar-track-color));scrollbar-width: var(--scroll-area-scrollbar, thin);}[part="viewport"]:hover {scrollbar-color: var(--scroll-area-thumb-hover-color, var(--helix-scrollbar-thumb-hover-color))
|
|
4
|
-
var(--scroll-area-track-color, var(--helix-scrollbar-track-color));}:host([scrollbars]) [part="viewport"] {scrollbar-width: none;}[part~="scrollbar"] {--_scroll-area-thumb: max(
|
|
5
|
-
var(--scroll-area-thumb-min-size, var(--helix-space-lg)),
|
|
6
|
-
var(--scroll-area-thumb-fraction, 1) *
|
|
7
|
-
100%
|
|
8
|
-
);background-color: var(--scroll-area-track-color, var(--helix-scrollbar-track-color));opacity: 0;position: absolute;touch-action: none;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);user-select: none;z-index: calc(var(--helix-layer-raised) + 1);}[part~="scrollbar-visible"] {opacity: 1;}[part~="scrollbar-vertical"] {inline-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block: 0;inset-inline-end: 0;}[part~="scrollbar-horizontal"] {block-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block-end: 0;inset-inline: 0;}:host(:state(scrollbar-horizontal)) [part~="scrollbar-vertical"] {inset-block-end: var(--scroll-area-scrollbar-size, var(--helix-space-sm));}:host(:state(scrollbar-vertical)) [part~="scrollbar-horizontal"] {inset-inline-end: var(--scroll-area-scrollbar-size, var(--helix-space-sm));}[part~="thumb"] {background-color: var(--scroll-area-thumb-color, var(--helix-scrollbar-thumb-color));border-radius: var(--helix-radii-full);position: absolute;}[part~="thumb"]:hover {background-color: var(--scroll-area-thumb-hover-color, var(--helix-scrollbar-thumb-hover-color));}[part~="thumb-vertical"] {block-size: var(--_scroll-area-thumb);inset-block-start: calc(
|
|
9
|
-
var(--scroll-area-scroll-fraction, 0) *
|
|
10
|
-
(100% - var(--_scroll-area-thumb))
|
|
11
|
-
);inset-inline: var(--helix-border-thick);}[part~="thumb-horizontal"] {inline-size: var(--_scroll-area-thumb);inset-block: var(--helix-border-thick);inset-inline-start: calc(
|
|
12
|
-
var(--scroll-area-scroll-fraction, 0) *
|
|
13
|
-
(100% - var(--_scroll-area-thumb))
|
|
14
|
-
);}[part="corner"] {background-color: var(--scroll-area-track-color, var(--helix-scrollbar-track-color));block-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inline-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block-end: 0;inset-inline-end: 0;position: absolute;}:host::before,
|
|
15
|
-
:host::after {content: "";opacity: 0;pointer-events: none;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);z-index: var(--helix-layer-raised);}:host::before {background: linear-gradient(
|
|
16
|
-
to bottom,
|
|
17
|
-
var(--scroll-area-fade-color, var(--helix-color-background)),
|
|
18
|
-
transparent
|
|
19
|
-
);block-size: var(--scroll-area-fade-block-start, var(--scroll-area-fade, var(--helix-space-xl)));inset-block-start: 0;inset-inline: 0;}:host::after {background: linear-gradient(
|
|
20
|
-
to top,
|
|
21
|
-
var(--scroll-area-fade-color, var(--helix-color-background)),
|
|
22
|
-
transparent
|
|
23
|
-
);block-size: var(--scroll-area-fade-block-end, var(--scroll-area-fade, var(--helix-space-xl)));inset-block-end: 0;inset-inline: 0;}:host(:state(more-block-start))::before,
|
|
24
|
-
:host(:state(more-block-end))::after {opacity: 1;}[part="edges"] {--_scroll-area-from-start: to right;--_scroll-area-from-end: to left;inset: 0;pointer-events: none;position: absolute;}:host(:dir(rtl)) [part="edges"] {--_scroll-area-from-start: to left;--_scroll-area-from-end: to right;}[part="edges"]::before,
|
|
25
|
-
[part="edges"]::after {content: "";inset-block: 0;opacity: 0;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);z-index: var(--helix-layer-raised);}[part="edges"]::before {background: linear-gradient(
|
|
26
|
-
var(--_scroll-area-from-start),
|
|
27
|
-
var(--scroll-area-fade-color, var(--helix-color-background)),
|
|
28
|
-
transparent
|
|
29
|
-
);inline-size: var(--scroll-area-fade-inline-start, var(--scroll-area-fade, var(--helix-space-xl)));inset-inline-start: 0;}[part="edges"]::after {background: linear-gradient(
|
|
30
|
-
var(--_scroll-area-from-end),
|
|
31
|
-
var(--scroll-area-fade-color, var(--helix-color-background)),
|
|
32
|
-
transparent
|
|
33
|
-
);inline-size: var(--scroll-area-fade-inline-end, var(--scroll-area-fade, var(--helix-space-xl)));inset-inline-end: 0;}:host(:state(more-inline-start)) [part="edges"]::before,
|
|
34
|
-
:host(:state(more-inline-end)) [part="edges"]::after {opacity: 1;}@media (prefers-reduced-motion: reduce) {:host::before,
|
|
35
|
-
:host::after,
|
|
36
|
-
[part="edges"]::before,
|
|
37
|
-
[part="edges"]::after,
|
|
38
|
-
[part~="scrollbar"] {transition: none;}}@media print {:host {overflow: visible;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: block;position: relative}[part="viewport"] {block-size: 100%;overflow: auto;overscroll-behavior: contain}[part="viewport"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="viewport"] {scrollbar-color: var(--scroll-area-thumb-color, var(--helix-scrollbar-thumb-color)) var(--scroll-area-track-color, var(--helix-scrollbar-track-color));scrollbar-width: var(--scroll-area-scrollbar, thin)}[part="viewport"]:hover {scrollbar-color: var(--scroll-area-thumb-hover-color, var(--helix-scrollbar-thumb-hover-color)) var(--scroll-area-track-color, var(--helix-scrollbar-track-color))}:host([scrollbars]) [part="viewport"] {scrollbar-width: none}[part~="scrollbar"] {--_scroll-area-thumb: max(var(--scroll-area-thumb-min-size, var(--helix-space-lg)), var(--scroll-area-thumb-fraction, 1) * 100%);background-color: var(--scroll-area-track-color, var(--helix-scrollbar-track-color));opacity: 0;position: absolute;touch-action: none;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);user-select: none;z-index: calc(var(--helix-layer-raised) + 1)}[part~="scrollbar-visible"] {opacity: 1}[part~="scrollbar-vertical"] {inline-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block: 0;inset-inline-end: 0}[part~="scrollbar-horizontal"] {block-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block-end: 0;inset-inline: 0}:host(:state(scrollbar-horizontal)) [part~="scrollbar-vertical"] {inset-block-end: var(--scroll-area-scrollbar-size, var(--helix-space-sm))}:host(:state(scrollbar-vertical)) [part~="scrollbar-horizontal"] {inset-inline-end: var(--scroll-area-scrollbar-size, var(--helix-space-sm))}[part~="thumb"] {background-color: var(--scroll-area-thumb-color, var(--helix-scrollbar-thumb-color));border-radius: var(--helix-radii-full);position: absolute}[part~="thumb"]:hover {background-color: var(--scroll-area-thumb-hover-color, var(--helix-scrollbar-thumb-hover-color))}[part~="thumb-vertical"] {block-size: var(--_scroll-area-thumb);inset-block-start: calc(var(--scroll-area-scroll-fraction, 0) * (100% - var(--_scroll-area-thumb)));inset-inline: var(--helix-border-thick)}[part~="thumb-horizontal"] {inline-size: var(--_scroll-area-thumb);inset-block: var(--helix-border-thick);inset-inline-start: calc(var(--scroll-area-scroll-fraction, 0) * (100% - var(--_scroll-area-thumb)))}[part="corner"] {background-color: var(--scroll-area-track-color, var(--helix-scrollbar-track-color));block-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inline-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block-end: 0;inset-inline-end: 0;position: absolute}:host::before, :host::after {content: "";opacity: 0;pointer-events: none;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);z-index: var(--helix-layer-raised)}:host::before {background: linear-gradient(to bottom, var(--scroll-area-fade-color, var(--helix-color-background)), transparent);block-size: var(--scroll-area-fade-block-start, var(--scroll-area-fade, var(--helix-space-xl)));inset-block-start: 0;inset-inline: 0}:host::after {background: linear-gradient(to top, var(--scroll-area-fade-color, var(--helix-color-background)), transparent);block-size: var(--scroll-area-fade-block-end, var(--scroll-area-fade, var(--helix-space-xl)));inset-block-end: 0;inset-inline: 0}:host(:state(more-block-start))::before, :host(:state(more-block-end))::after {opacity: 1}[part="edges"] {--_scroll-area-from-start: to right;--_scroll-area-from-end: to left;inset: 0;pointer-events: none;position: absolute}:host(:dir(rtl)) [part="edges"] {--_scroll-area-from-start: to left;--_scroll-area-from-end: to right}[part="edges"]::before, [part="edges"]::after {content: "";inset-block: 0;opacity: 0;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);z-index: var(--helix-layer-raised)}[part="edges"]::before {background: linear-gradient(var(--_scroll-area-from-start), var(--scroll-area-fade-color, var(--helix-color-background)), transparent);inline-size: var(--scroll-area-fade-inline-start, var(--scroll-area-fade, var(--helix-space-xl)));inset-inline-start: 0}[part="edges"]::after {background: linear-gradient(var(--_scroll-area-from-end), var(--scroll-area-fade-color, var(--helix-color-background)), transparent);inline-size: var(--scroll-area-fade-inline-end, var(--scroll-area-fade, var(--helix-space-xl)));inset-inline-end: 0}:host(:state(more-inline-start)) [part="edges"]::before, :host(:state(more-inline-end)) [part="edges"]::after {opacity: 1}@media (prefers-reduced-motion: reduce) {:host::before, :host::after, [part="edges"]::before, [part="edges"]::after, [part~="scrollbar"] {transition: none}}@media print {:host {overflow: visible}}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement } from '@fusion.dev/helix-core';
|
|
8
3
|
import { HelixHeadlessScrollArea } from '@fusion.dev/helix-headless/scroll-area';
|
|
9
4
|
import { styles } from './scroll-area-root.css.js';
|
|
@@ -1,9 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs);position: relative
|
|
3
|
-
:host(:state(invalid)) [part="trigger"]:hover,
|
|
4
|
-
:host(:state(invalid)) [part="trigger"]:focus-visible {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger);}:host(:disabled) [part="trigger"] {cursor: not-allowed;opacity: 0.5;}:host([emphasis="ghost"]) {inline-size: fit-content;}:host([emphasis="ghost"]) [part="trigger"] {background-color: transparent;block-size: var(--helix-size-control-tight);border-color: transparent;justify-content: start;padding-inline: var(--helix-space-2xs);}:host([emphasis="ghost"]:not(:disabled)) [part="trigger"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);border-color: transparent;}:host([emphasis="ghost"]) [part="trigger"]:focus-visible {border-color: var(--helix-color-primary);}[part="value"] {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}[part="surface"] {--_floating-border-color: var(--select-border-color, var(--helix-color-border));--_floating-border-width: var(--select-border-width, var(--helix-border-floating));--_floating-shadow: var(--select-shadow, var(--helix-shadow-floating));--option-radius: var(--helix-radii-none);inline-size: max-content;max-inline-size: calc(100vw - var(--helix-space-xs) * 2);min-inline-size: min(
|
|
5
|
-
var(--floating-anchor-inline-size, 100%),
|
|
6
|
-
calc(100vw - var(--helix-space-xs) * 2)
|
|
7
|
-
);max-block-size: var(--floating-available-block-size, none);padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none);}[part="indicator"],
|
|
8
|
-
::slotted([slot="indicator"]) {transition: scale var(--helix-duration-fast) var(--helix-easing-standard);}:host(:state(open)) [part="indicator"],
|
|
9
|
-
:host(:state(open)) ::slotted([slot="indicator"]) {scale: 1 -1;}[part="listbox"]::part(items) {background-color: transparent;border: none;border-radius: var(--helix-radii-none);max-block-size: var(--select-surface-max-block-size, 14rem);padding: var(--helix-space-none);}[part="listbox"]::part(items):focus-visible {outline: none;}[part="indicator"] {block-size: var(--helix-size-icon-tight);color: var(--helix-color-foreground-muted);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight);}@media print {:host {print-color-adjust: exact;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs);position: relative}[part="trigger"] {all: unset;align-items: center;background-color: var(--helix-color-well);block-size: var(--helix-size-control);border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--helix-color-foreground);cursor: pointer;display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);gap: var(--helix-space-xs);justify-content: space-between;padding-inline: var(--helix-space-xs);transition: border-color var(--helix-duration-fast) var(--helix-easing-standard)}:host(:not(:disabled)) [part="trigger"]:hover {border-color: var(--helix-color-primary)}[part="trigger"]:focus-visible {border-color: var(--helix-color-primary);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0}:host(:state(invalid)) [part="trigger"], :host(:state(invalid)) [part="trigger"]:hover, :host(:state(invalid)) [part="trigger"]:focus-visible {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger)}:host(:disabled) [part="trigger"] {cursor: not-allowed;opacity: 0.5}:host([emphasis="ghost"]) {inline-size: fit-content}:host([emphasis="ghost"]) [part="trigger"] {background-color: transparent;block-size: var(--helix-size-control-tight);border-color: transparent;justify-content: start;padding-inline: var(--helix-space-2xs)}:host([emphasis="ghost"]:not(:disabled)) [part="trigger"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);border-color: transparent}:host([emphasis="ghost"]) [part="trigger"]:focus-visible {border-color: var(--helix-color-primary)}[part="value"] {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}[part="surface"] {--_floating-border-color: var(--select-border-color, var(--helix-color-border));--_floating-border-width: var(--select-border-width, var(--helix-border-floating));--_floating-shadow: var(--select-shadow, var(--helix-shadow-floating));--option-radius: var(--helix-radii-none);inline-size: max-content;max-inline-size: calc(100vw - var(--helix-space-xs) * 2);min-inline-size: min(var(--floating-anchor-inline-size, 100%), calc(100vw - var(--helix-space-xs) * 2));max-block-size: var(--floating-available-block-size, none);padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none)}[part="indicator"], ::slotted([slot="indicator"]) {transition: scale var(--helix-duration-fast) var(--helix-easing-standard)}:host(:state(open)) [part="indicator"], :host(:state(open)) ::slotted([slot="indicator"]) {scale: 1 -1}[part="listbox"]::part(items) {background-color: transparent;border: none;border-radius: var(--helix-radii-none);max-block-size: var(--select-surface-max-block-size, 14rem);padding: var(--helix-space-none)}[part="listbox"]::part(items):focus-visible {outline: none}[part="indicator"] {block-size: var(--helix-size-icon-tight);color: var(--helix-color-foreground-muted);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight)}@media print {:host {print-color-adjust: exact}}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { customElement } from '@fusion.dev/helix-core';
|
|
8
3
|
import { HelixHeadlessSelect } from '@fusion.dev/helix-headless/select';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--chart-series-1: var(--helix-color-series-1);--chart-series-2: var(--helix-color-series-2);--chart-series-3: var(--helix-color-series-3);--chart-series-4: var(--helix-color-series-4);--chart-series-5: var(--helix-color-series-5);--chart-series-6: var(--helix-color-series-6);--chart-series-7: var(--helix-color-series-7);--chart-series-8: var(--helix-color-series-8);--chart-series-9: var(--helix-color-series-9);--chart-series-10: var(--helix-color-series-10);--chart-series-11: var(--helix-color-series-11);--chart-series-12: var(--helix-color-series-12);--chart-series-13: var(--helix-color-series-13);--chart-series-14: var(--helix-color-series-14);--chart-series-15: var(--helix-color-series-15);--chart-series-16: var(--helix-color-series-16);--chart-series-17: var(--helix-color-series-17);--chart-series-18: var(--helix-color-series-18);--chart-series-19: var(--helix-color-series-19);--chart-series-20: var(--helix-color-series-20);--chart-series-21: var(--helix-color-series-21);--chart-series-22: var(--helix-color-series-22);--chart-series-23: var(--helix-color-series-23);--chart-series-24: var(--helix-color-series-24)
|
|
2
|
+
export const styles = createSheet(`:host {--chart-series-1: var(--helix-color-series-1);--chart-series-2: var(--helix-color-series-2);--chart-series-3: var(--helix-color-series-3);--chart-series-4: var(--helix-color-series-4);--chart-series-5: var(--helix-color-series-5);--chart-series-6: var(--helix-color-series-6);--chart-series-7: var(--helix-color-series-7);--chart-series-8: var(--helix-color-series-8);--chart-series-9: var(--helix-color-series-9);--chart-series-10: var(--helix-color-series-10);--chart-series-11: var(--helix-color-series-11);--chart-series-12: var(--helix-color-series-12);--chart-series-13: var(--helix-color-series-13);--chart-series-14: var(--helix-color-series-14);--chart-series-15: var(--helix-color-series-15);--chart-series-16: var(--helix-color-series-16);--chart-series-17: var(--helix-color-series-17);--chart-series-18: var(--helix-color-series-18);--chart-series-19: var(--helix-color-series-19);--chart-series-20: var(--helix-color-series-20);--chart-series-21: var(--helix-color-series-21);--chart-series-22: var(--helix-color-series-22);--chart-series-23: var(--helix-color-series-23);--chart-series-24: var(--helix-color-series-24)}:host {--_chart-stroke: var(--chart-stroke, 2px)}@media print {:host {print-color-adjust: exact}}`);
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="empty"],
|
|
3
|
-
[part="loading"] {color: var(--helix-color-foreground-subtle);display: grid;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);inset: 0;margin: var(--helix-space-none);place-content: center;position: absolute;text-align: center;}[part="table"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}`);
|
|
2
|
+
export const styles = createSheet(`[part="empty"], [part="loading"] {color: var(--helix-color-foreground-subtle);display: grid;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);inset: 0;margin: var(--helix-space-none);place-content: center;position: absolute;text-align: center}[part="table"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}`);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="terminus"] {background-color: currentColor;block-size: var(--chart-terminus-size, 5px);inline-size: var(--chart-terminus-size, 5px);inset-block-start: var(--chart-terminus-y);inset-inline-start: var(--chart-terminus-x);position: absolute;translate: -50% -50
|
|
2
|
+
export const styles = createSheet(`[part="terminus"] {background-color: currentColor;block-size: var(--chart-terminus-size, 5px);inline-size: var(--chart-terminus-size, 5px);inset-block-start: var(--chart-terminus-y);inset-inline-start: var(--chart-terminus-x);position: absolute;translate: -50% -50%}:host(:dir(rtl)) [part="terminus"] {translate: 50% -50%}[part="terminus"] {border-radius: var(--helix-radii-full)}:host([terminus="none"]) [part="terminus"] {display: none}:host([terminus="square"]) [part="terminus"] {border-radius: var(--helix-radii-none)}:host([terminus="ring"]) [part="terminus"] {background-color: var(--chart-terminus-hole, transparent);block-size: calc(var(--chart-terminus-size, 5px) * 1.6);border: var(--helix-border-thick) solid currentColor;inline-size: calc(var(--chart-terminus-size, 5px) * 1.6)}:host([terminus="ring"]) {--_chart-terminus-inner: calc(var(--chart-terminus-size, 5px) * 0.8 - var(--helix-border-thick))}:host([terminus="triangle"]) [part="terminus"] {background-color: currentColor;border-radius: var(--helix-radii-none);clip-path: polygon(0% 0%, 100% 50%, 0% 100%)}:host([terminus="triangle"]:dir(rtl)) [part="terminus"] {clip-path: polygon(100% 0%, 0% 50%, 100% 100%)}@media (forced-colors: active) {[part="terminus"] {forced-color-adjust: none}}`);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="mark"] {block-size: 1px;inline-size: 1px;pointer-events: none;position: absolute
|
|
2
|
+
export const styles = createSheet(`[part="mark"] {block-size: 1px;inline-size: 1px;pointer-events: none;position: absolute}[part="tooltip-anchor"] {inset: 0;pointer-events: none;position: absolute}[part="tooltip-label"] {display: block;font-weight: var(--helix-weight-medium);margin-block-end: var(--helix-space-2xs)}[part~="tooltip-cell"] {align-items: baseline;column-gap: var(--helix-space-sm);display: grid;grid-template-columns: 0.5em minmax(0, 1fr) auto}[part="tooltip-name"] {grid-column: 2;opacity: 0.72}[part="tooltip-value"] {font-variant-numeric: tabular-nums;grid-column: 3}[part~="tooltip-cell"][data-series]::before {background-color: var(--chart-series);block-size: 0.5em;border-radius: var(--helix-radii-full);content: "";grid-column: 1;inline-size: 0.5em}[part~="tooltip-cell-current"] {font-weight: var(--helix-weight-medium)}[part~="tooltip-cell-current"] [part="tooltip-name"] {opacity: 1}[part="plot"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}`);
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="empty"],
|
|
3
|
-
[part="loading"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding-block: var(--_collection-inset-block, var(--helix-space-md));padding-inline: var(--_collection-inset-inline, var(--helix-space-sm));text-align: center;}`);
|
|
2
|
+
export const styles = createSheet(`[part="empty"], [part="loading"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding-block: var(--_collection-inset-block, var(--helix-space-md));padding-inline: var(--_collection-inset-inline, var(--helix-space-sm));text-align: center}`);
|
|
@@ -1,6 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs)
|
|
3
|
-
:host(:focus-within) [part="field"]:hover {border-color: var(--helix-color-primary);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0;}:host(:state(invalid)) [part="field"],
|
|
4
|
-
:host(:state(invalid)) [part="field"]:hover,
|
|
5
|
-
:host(:state(invalid):focus-within) [part="field"],
|
|
6
|
-
:host(:state(invalid):focus-within) [part="field"]:hover {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger);}[part="control"] {all: unset;box-sizing: border-box;color: var(--helix-color-foreground);flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-md));font-weight: var(--helix-weight-medium);min-inline-size: 0;}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs)}:host(:not(:disabled)) [part="field"]:hover {border-color: var(--helix-color-primary)}:host(:focus-within) [part="field"], :host(:focus-within) [part="field"]:hover {border-color: var(--helix-color-primary);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0}:host(:state(invalid)) [part="field"], :host(:state(invalid)) [part="field"]:hover, :host(:state(invalid):focus-within) [part="field"], :host(:state(invalid):focus-within) [part="field"]:hover {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger)}[part="control"] {all: unset;box-sizing: border-box;color: var(--helix-color-foreground);flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-md));font-weight: var(--helix-weight-medium);min-inline-size: 0}`);
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="hint"],
|
|
3
|
-
[part="feedback"] {padding-inline-start: calc(var(--_field-control-inline-size, 0px) + var(--helix-space-xs));}`);
|
|
2
|
+
export const styles = createSheet(`[part="hint"], [part="feedback"] {padding-inline-start: calc(var(--_field-control-inline-size, 0px) + var(--helix-space-xs))}`);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="segments"] {align-items: center;color: var(--helix-color-foreground);display: flex;flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-md));font-variant-numeric: tabular-nums;font-weight: var(--helix-weight-medium);min-inline-size: 0;white-space: nowrap
|
|
2
|
+
export const styles = createSheet(`[part="segments"] {align-items: center;color: var(--helix-color-foreground);display: flex;flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-md));font-variant-numeric: tabular-nums;font-weight: var(--helix-weight-medium);min-inline-size: 0;white-space: nowrap}[part~="segment"] {border-radius: var(--helix-radii-sm);caret-color: transparent;outline: none;padding-inline: calc(var(--helix-space-2xs) / 2)}[part~="segment"]:focus {background-color: var(--_segment-focus-background-color, var(--helix-color-primary));color: var(--_segment-focus-color, var(--helix-color-foreground-on-primary))}[part~="segment-placeholder"] {color: var(--_segment-placeholder-color, var(--helix-color-foreground-subtle))}[part~="literal"] {color: var(--_segment-literal-color, var(--helix-color-foreground-muted));white-space: pre}:host(:disabled) [part="segments"] {color: var(--helix-color-foreground-subtle);cursor: not-allowed}`);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="label"] {display: block;padding-block-end: var(--helix-space-2xs)
|
|
2
|
+
export const styles = createSheet(`[part="label"] {display: block;padding-block-end: var(--helix-space-2xs)}`);
|
|
@@ -1,4 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`::placeholder {color: var(--helix-color-foreground-subtle);font-weight: var(--helix-weight-medium)
|
|
3
|
-
[part="feedback"] {font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);line-height: var(--helix-leading-normal);margin: var(--helix-space-none);margin-block-start: var(--helix-space-2xs);}[part="hint"] {color: var(--helix-color-foreground-subtle);}[part="feedback"] {color: var(--helix-color-danger);font-weight: var(--helix-weight-medium);}:host(:disabled) [part="label"],
|
|
4
|
-
:host(:disabled) [part="hint"] {opacity: 0.5;}[part="label"][data-hidden] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap;}`);
|
|
2
|
+
export const styles = createSheet(`::placeholder {color: var(--helix-color-foreground-subtle);font-weight: var(--helix-weight-medium)}[part="label"] {color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-tight)}:host([required]) [part="label"]::after {color: var(--helix-color-danger);content: "*";margin-inline-start: var(--helix-space-2xs)}@supports (content: "*" / "") {:host([required]) [part="label"]::after {content: "*" / ""}}[part="hint"], [part="feedback"] {font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);line-height: var(--helix-leading-normal);margin: var(--helix-space-none);margin-block-start: var(--helix-space-2xs)}[part="hint"] {color: var(--helix-color-foreground-subtle)}[part="feedback"] {color: var(--helix-color-danger);font-weight: var(--helix-weight-medium)}:host(:disabled) [part="label"], :host(:disabled) [part="hint"] {opacity: 0.5}[part="label"][data-hidden] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap}`);
|
|
@@ -1,8 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="surface"] {--_travel: calc(var(--helix-space-2xs) * -1);opacity: 0;scale: 0.96;transform: translateY(var(--_travel));transition:
|
|
3
|
-
opacity var(--helix-duration-fast) var(--helix-easing-standard),
|
|
4
|
-
scale var(--helix-duration-fast) var(--helix-easing-emphasized),
|
|
5
|
-
transform var(--helix-duration-fast) var(--helix-easing-emphasized),
|
|
6
|
-
display var(--helix-duration-fast) allow-discrete,
|
|
7
|
-
overlay var(--helix-duration-fast) allow-discrete;}[part="surface"][data-placement^="top"] {--_travel: var(--helix-space-2xs);transform-origin: var(--floating-arrow-x, 50%) 100%;}[part="surface"][data-placement^="bottom"] {transform-origin: var(--floating-arrow-x, 50%) 0;}[part="surface"][data-placed] {opacity: 1;scale: 1;transform: none;}@media (prefers-reduced-motion: reduce) {[part="surface"],
|
|
8
|
-
[part="surface"][data-placed] {scale: 1;transform: none;transition: none;}}`);
|
|
2
|
+
export const styles = createSheet(`[part="surface"] {--_travel: calc(var(--helix-space-2xs) * -1);opacity: 0;scale: 0.96;transform: translateY(var(--_travel));transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), scale var(--helix-duration-fast) var(--helix-easing-emphasized), transform var(--helix-duration-fast) var(--helix-easing-emphasized), display var(--helix-duration-fast) allow-discrete, overlay var(--helix-duration-fast) allow-discrete}[part="surface"][data-placement^="top"] {--_travel: var(--helix-space-2xs);transform-origin: var(--floating-arrow-x, 50%) 100%}[part="surface"][data-placement^="bottom"] {transform-origin: var(--floating-arrow-x, 50%) 0}[part="surface"][data-placed] {opacity: 1;scale: 1;transform: none}@media (prefers-reduced-motion: reduce) {[part="surface"], [part="surface"][data-placed] {scale: 1;transform: none;transition: none}}`);
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="surface"] {background-color: var(--_floating-background-color, var(--helix-color-surface-overlay));border: var(--_floating-border-width, var(--helix-border-floating)) solid
|
|
3
|
-
var(--_floating-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-shadow: var(--_floating-shadow, var(--helix-shadow-floating));inset: auto;margin: var(--helix-space-none);}[part="surface"][hidden] {display: none;}[part="surface"]:not(:popover-open) {display: none;}`);
|
|
2
|
+
export const styles = createSheet(`[part="surface"] {background-color: var(--_floating-background-color, var(--helix-color-surface-overlay));border: var(--_floating-border-width, var(--helix-border-floating)) solid var(--_floating-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-shadow: var(--_floating-shadow, var(--helix-shadow-floating));inset: auto;margin: var(--helix-space-none)}[part="surface"][hidden] {display: none}[part="surface"]:not(:popover-open) {display: none}`);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[data-glyph] {block-size: var(--icon-size, var(--helix-size-icon));flex: 0 0 auto;inline-size: var(--icon-size, var(--helix-size-icon))
|
|
2
|
+
export const styles = createSheet(`[data-glyph] {block-size: var(--icon-size, var(--helix-size-icon));flex: 0 0 auto;inline-size: var(--icon-size, var(--helix-size-icon))}`);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap
|
|
2
|
+
export const styles = createSheet(`[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap}`);
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { property } from 'lit/decorators.js';
|
|
8
3
|
export const MixinControlSurface = (Base) => {
|
|
9
4
|
class ControlSurfaceElement extends Base {
|