@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,5 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: block
|
|
3
|
-
:host(:not([chevron-placement="start"])) ::slotted([slot="chevron"]) {margin-inline-start: auto;}:host(:state(open)) [part="chevron"],
|
|
4
|
-
:host(:state(open)) ::slotted([slot="chevron"]) {transform: scaleY(-1);}[part="trigger"]:hover:not(:disabled) {background-color: var(--accordion-item-hover-background-color, transparent);}[part="trigger"]:hover:not(:disabled) [part="chevron"],
|
|
5
|
-
[part="trigger"]:hover:not(:disabled) ::slotted([slot="chevron"]) {color: var(--accordion-item-chevron-hover-color, var(--helix-color-foreground));}[part="trigger"]:disabled {cursor: not-allowed;opacity: var(--accordion-item-disabled-opacity, 0.5);}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="content"] {display: grid;grid-template-rows: 0fr;transition: grid-template-rows var(--helix-duration-normal) var(--helix-easing-standard);}:host(:state(open)) [part="content"] {grid-template-rows: 1fr;}[part="content-inner"] {min-block-size: 0;overflow: hidden;}[part="content-inner"] > slot {color: var(--accordion-item-content-color, var(--helix-color-foreground-muted));display: block;line-height: var(--helix-leading-normal);padding: var(--accordion-item-padding, var(--helix-space-sm) var(--helix-space-md));padding-block-start: 0;}:host([chevron-placement="start"]) [part="content-inner"] > slot {margin-inline-start: calc(var(--helix-text-md) + var(--helix-space-xs));}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: block}[part="trigger"] {all: unset;box-sizing: border-box;align-items: center;color: var(--accordion-item-color, var(--helix-color-foreground));cursor: pointer;display: flex;font-size: var(--accordion-item-font-size, var(--helix-text-md));font-weight: var(--accordion-item-font-weight, var(--helix-weight-medium));inline-size: 100%;gap: var(--helix-space-xs);min-block-size: var(--helix-size-control);padding: var(--accordion-item-padding, var(--helix-space-sm) var(--helix-space-md));transition: background-color var(--helix-duration-fast) var(--helix-easing-standard)}[part="chevron"] {block-size: 1em;color: var(--accordion-item-chevron-color, var(--helix-color-foreground-subtle));flex: 0 0 auto;inline-size: 1em;transform: scaleY(1);transition: transform var(--helix-duration-fast) var(--helix-easing-standard)}::slotted([slot="chevron"]) {block-size: 1em;color: var(--accordion-item-chevron-color, var(--helix-color-foreground-subtle));flex: 0 0 auto;inline-size: 1em;transition: transform var(--helix-duration-fast) var(--helix-easing-standard)}:host(:not([chevron-placement="start"])) [part="chevron"], :host(:not([chevron-placement="start"])) ::slotted([slot="chevron"]) {margin-inline-start: auto}:host(:state(open)) [part="chevron"], :host(:state(open)) ::slotted([slot="chevron"]) {transform: scaleY(-1)}[part="trigger"]:hover:not(:disabled) {background-color: var(--accordion-item-hover-background-color, transparent)}[part="trigger"]:hover:not(:disabled) [part="chevron"], [part="trigger"]:hover:not(:disabled) ::slotted([slot="chevron"]) {color: var(--accordion-item-chevron-hover-color, var(--helix-color-foreground))}[part="trigger"]:disabled {cursor: not-allowed;opacity: var(--accordion-item-disabled-opacity, 0.5)}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="content"] {display: grid;grid-template-rows: 0fr;transition: grid-template-rows var(--helix-duration-normal) var(--helix-easing-standard)}:host(:state(open)) [part="content"] {grid-template-rows: 1fr}[part="content-inner"] {min-block-size: 0;overflow: hidden}[part="content-inner"] > slot {color: var(--accordion-item-content-color, var(--helix-color-foreground-muted));display: block;line-height: var(--helix-leading-normal);padding: var(--accordion-item-padding, var(--helix-space-sm) var(--helix-space-md));padding-block-start: 0}:host([chevron-placement="start"]) [part="content-inner"] > slot {margin-inline-start: calc(var(--helix-text-md) + var(--helix-space-xs))}`);
|
|
@@ -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 { HelixHeadlessAccordionItem } from '@fusion.dev/helix-headless/accordion';
|
|
9
4
|
import { styles } from './accordion-item.css.js';
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: block
|
|
3
|
-
var(--accordion-border-color, var(--helix-color-border));}@media print {:host {print-color-adjust: economy;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: block}:host([separation="outlined"]) {display: flex;flex-direction: column;gap: var(--accordion-gap, var(--helix-space-xs))}:host([separation="outlined"]) ::slotted(*) {border: var(--helix-border-thin) solid var(--accordion-border-color, var(--helix-color-border));border-radius: var(--accordion-radius, var(--helix-radii-sm));overflow: hidden}:host(:not([separation="outlined"])) ::slotted(* + *) {border-block-start: var(--helix-border-thin) solid var(--accordion-border-color, var(--helix-color-border))}@media print {:host {print-color-adjust: economy}}`);
|
|
@@ -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 { HelixHeadlessAccordion } from '@fusion.dev/helix-headless/accordion';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,26 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--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);--_announcement-color: var(--helix-color-foreground-muted);--_announcement-ground: var(--helix-color-background);--_announcement-tint: var(--announcement-tone-color, var(--_announcement-color));align-items: center;background-color: var(--announcement-background-color, var(--helix-color-surface-sunken));color: var(--announcement-foreground-color, var(--helix-color-foreground));display: flex;font-size: var(--announcement-font-size, var(--helix-text-sm));font-weight: var(--helix-weight-medium);inline-size: 100%;min-block-size: var(
|
|
3
|
-
--announcement-block-size,
|
|
4
|
-
calc(var(--helix-size-control) + var(--helix-space-xs) * 2)
|
|
5
|
-
);padding-block: var(--helix-space-xs);padding-inline: var(--announcement-inset, var(--helix-space-lg));position: relative;}:host([tone="info"]) {--_announcement-color: var(--helix-color-info);}:host([tone="success"]) {--_announcement-color: var(--helix-color-success);}:host([tone="warning"]) {--_announcement-color: var(--helix-color-warning);}:host([tone="danger"]) {--_announcement-color: var(--helix-color-danger);}:host([tone="neutral"]) {background-image: none;}:host([tone="primary"]) {--_announcement-color: var(--helix-color-primary);}:host([tone="accent"]) {--_announcement-color: var(--helix-color-accent);}:host([tone]:not([tone="neutral"])) {background-image: linear-gradient(
|
|
6
|
-
to right,
|
|
7
|
-
light-dark(
|
|
8
|
-
color-mix(in oklab, var(--_announcement-tint) 18%, var(--_announcement-ground)),
|
|
9
|
-
color-mix(in oklab, var(--_announcement-tint) 32%, var(--_announcement-ground))
|
|
10
|
-
),
|
|
11
|
-
light-dark(
|
|
12
|
-
color-mix(in oklab, var(--_announcement-tint) 10%, var(--_announcement-ground)),
|
|
13
|
-
color-mix(in oklab, var(--_announcement-tint) 20%, var(--_announcement-ground))
|
|
14
|
-
)
|
|
15
|
-
);}:host([separation="filled"]) {background-color: var(--announcement-background-color, var(--helix-color-surface-sunken));}:host([separation="elevated"]) {--_announcement-ground: var(--helix-color-surface);background-color: var(--announcement-background-color, var(--helix-color-surface));}:host([separation="outlined"]) {border-block-end: var(--helix-border-thin) solid var(--helix-color-border);}:host([separation="outlined"][tone]:not([tone="neutral"])) {border-block-end-color: color-mix(
|
|
16
|
-
in oklab,
|
|
17
|
-
var(--_announcement-tint) 40%,
|
|
18
|
-
var(--_announcement-ground)
|
|
19
|
-
);}[part="content"] {flex: 1 1 auto;min-inline-size: 0;text-align: var(--announcement-text-align, center);}:host([dismissible]) [part="content"] {padding-inline: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2 + var(--helix-space-xs));}[part="actions"] slot::slotted(*) {margin-inline-start: var(--helix-space-md);}[part="actions"] {align-items: center;display: flex;flex: 0 0 auto;gap: var(--helix-space-xs);}:host([dismissible]) [part="actions"] {margin-inline-end: calc(
|
|
20
|
-
var(--helix-size-icon) +
|
|
21
|
-
var(--helix-space-2xs) *
|
|
22
|
-
2 +
|
|
23
|
-
var(--helix-space-xs)
|
|
24
|
-
);}[part="dismiss"] {all: unset;box-sizing: border-box;block-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);inline-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;flex: 0 0 auto;place-content: center;place-items: center;position: absolute;inset-inline-end: var(--announcement-inset, var(--helix-space-lg));transition:
|
|
25
|
-
background-color var(--helix-duration-fast) var(--helix-easing-standard),
|
|
26
|
-
color var(--helix-duration-fast) var(--helix-easing-standard);}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="dismiss"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="actions"][data-empty] {display: none;}:host(:state(waiting)) {display: none;}@media print {:host {background-color: transparent;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {--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);--_announcement-color: var(--helix-color-foreground-muted);--_announcement-ground: var(--helix-color-background);--_announcement-tint: var(--announcement-tone-color, var(--_announcement-color));align-items: center;background-color: var(--announcement-background-color, var(--helix-color-surface-sunken));color: var(--announcement-foreground-color, var(--helix-color-foreground));display: flex;font-size: var(--announcement-font-size, var(--helix-text-sm));font-weight: var(--helix-weight-medium);inline-size: 100%;min-block-size: var(--announcement-block-size, calc(var(--helix-size-control) + var(--helix-space-xs) * 2));padding-block: var(--helix-space-xs);padding-inline: var(--announcement-inset, var(--helix-space-lg));position: relative}:host([tone="info"]) {--_announcement-color: var(--helix-color-info)}:host([tone="success"]) {--_announcement-color: var(--helix-color-success)}:host([tone="warning"]) {--_announcement-color: var(--helix-color-warning)}:host([tone="danger"]) {--_announcement-color: var(--helix-color-danger)}:host([tone="neutral"]) {background-image: none}:host([tone="primary"]) {--_announcement-color: var(--helix-color-primary)}:host([tone="accent"]) {--_announcement-color: var(--helix-color-accent)}:host([tone]:not([tone="neutral"])) {background-image: linear-gradient(to right, light-dark(color-mix(in oklab, var(--_announcement-tint) 18%, var(--_announcement-ground)), color-mix(in oklab, var(--_announcement-tint) 32%, var(--_announcement-ground))), light-dark(color-mix(in oklab, var(--_announcement-tint) 10%, var(--_announcement-ground)), color-mix(in oklab, var(--_announcement-tint) 20%, var(--_announcement-ground))))}:host([separation="filled"]) {background-color: var(--announcement-background-color, var(--helix-color-surface-sunken))}:host([separation="elevated"]) {--_announcement-ground: var(--helix-color-surface);background-color: var(--announcement-background-color, var(--helix-color-surface))}:host([separation="outlined"]) {border-block-end: var(--helix-border-thin) solid var(--helix-color-border)}:host([separation="outlined"][tone]:not([tone="neutral"])) {border-block-end-color: color-mix(in oklab, var(--_announcement-tint) 40%, var(--_announcement-ground))}[part="content"] {flex: 1 1 auto;min-inline-size: 0;text-align: var(--announcement-text-align, center)}:host([dismissible]) [part="content"] {padding-inline: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2 + var(--helix-space-xs))}[part="actions"] slot::slotted(*) {margin-inline-start: var(--helix-space-md)}[part="actions"] {align-items: center;display: flex;flex: 0 0 auto;gap: var(--helix-space-xs)}:host([dismissible]) [part="actions"] {margin-inline-end: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2 + var(--helix-space-xs))}[part="dismiss"] {all: unset;box-sizing: border-box;block-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);inline-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;flex: 0 0 auto;place-content: center;place-items: center;position: absolute;inset-inline-end: var(--announcement-inset, var(--helix-space-lg));transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard)}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground)}[part="dismiss"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="actions"][data-empty] {display: none}:host(:state(waiting)) {display: none}@media print {:host {background-color: transparent}}`);
|
|
@@ -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 { HelixHeadlessAnnouncement } from '@fusion.dev/helix-headless/announcement';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,10 +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);background-color: var(--app-header-background-color, var(--helix-color-background));border-block-end: var(--helix-border-thin) solid var(--app-header-border-color, transparent);container-type: inline-size;display: block;inline-size: 100%;transition:
|
|
3
|
-
backdrop-filter var(--helix-duration-normal) var(--helix-easing-standard),
|
|
4
|
-
background-color var(--helix-duration-normal) var(--helix-easing-standard),
|
|
5
|
-
border-color var(--helix-duration-normal) var(--helix-easing-standard);}:host([material="glass"]) {backdrop-filter: var(--app-header-backdrop, var(--helix-material-backdrop));background-color: var(--app-header-background-color, var(--helix-material-translucent));}:host([material="frosted"]) {backdrop-filter: var(--app-header-backdrop, blur(var(--helix-material-blur-lg)));background-color: var(--app-header-background-color, var(--helix-material-translucent-strong));}:host([material="transparent"]) {background-color: var(--app-header-background-color, transparent);}:host([material="transparent"]:state(scrolled)) {backdrop-filter: var(--app-header-backdrop, var(--helix-material-backdrop));background-color: var(--app-header-background-color, var(--helix-material-translucent));}:host([sticky]) {inset-block-start: 0;position: sticky;z-index: var(--helix-layer-sticky);}[part="row"] {align-items: center;block-size: var(--app-header-block-size, var(--helix-size-header));display: grid;gap: var(--helix-space-lg);grid-template-columns: minmax(max-content, 1fr) minmax(0, auto) minmax(max-content, 1fr);margin-inline: auto;max-inline-size: var(--app-header-max-inline-size, 72rem);padding-inline: var(--app-header-padding, var(--helix-space-lg));}[part="start"] {align-items: center;display: flex;min-inline-size: 0;}[part="end"] {align-items: center;display: flex;gap: var(--helix-space-xs);justify-content: flex-end;min-inline-size: 0;}:host([content-align="start"]) [part="row"] {grid-template-columns: auto 1fr auto;}slot[name="start"]::slotted(*) {align-items: center;color: var(--helix-color-foreground);display: flex;flex: 0 0 auto;font-weight: var(--helix-weight-semibold);gap: var(--helix-space-xs);letter-spacing: var(--helix-tracking-tight);}[part="content"] {align-items: center;display: flex;position: relative;gap: var(--helix-space-md);justify-content: safe center;min-inline-size: 0;overflow-x: auto;}:host([content-align="start"]) [part="content"] {justify-content: flex-start;}@container (inline-size < 24rem) {[part="row"] {gap: var(--helix-space-md);padding-inline: var(--app-header-padding, var(--helix-space-md));}}:host([sticky]) {transition:
|
|
6
|
-
backdrop-filter var(--helix-duration-normal) var(--helix-easing-standard),
|
|
7
|
-
background-color var(--helix-duration-normal) var(--helix-easing-standard),
|
|
8
|
-
border-color var(--helix-duration-normal) var(--helix-easing-standard),
|
|
9
|
-
translate var(--helix-duration-normal) var(--helix-easing-standard);}:host([sticky]:state(hidden)) {translate: 0 -100%;}:host(:state(folded)) [part="row"] {block-size: auto;grid-template-columns: minmax(0, 1fr) auto;grid-template-rows: var(--app-header-block-size, var(--helix-size-header));row-gap: var(--helix-space-none);}:host(:state(folded)) [part="content"] {align-items: stretch;flex-direction: column;grid-column: 1 / -1;grid-row: 2;justify-content: flex-start;overflow-x: visible;padding-block-end: var(--helix-space-sm);}[part="content"][hidden] {display: none;}[part="toggle"] {all: unset;box-sizing: border-box;align-items: center;block-size: var(--helix-size-control);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control);justify-content: center;}[part="start"] > [part="toggle"] {margin-inline-end: var(--helix-space-xs);}[part="toggle"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="toggle"]:hover,
|
|
10
|
-
:host(:state(open)) [part="toggle"] {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="toggle"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media (prefers-reduced-motion: reduce) {:host([sticky]) {transition: none;}}@media print {:host {display: none;}}`);
|
|
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);background-color: var(--app-header-background-color, var(--helix-color-background));border-block-end: var(--helix-border-thin) solid var(--app-header-border-color, transparent);container-type: inline-size;display: block;inline-size: 100%;transition: backdrop-filter var(--helix-duration-normal) var(--helix-easing-standard), background-color var(--helix-duration-normal) var(--helix-easing-standard), border-color var(--helix-duration-normal) var(--helix-easing-standard)}:host([material="glass"]) {backdrop-filter: var(--app-header-backdrop, var(--helix-material-backdrop));background-color: var(--app-header-background-color, var(--helix-material-translucent))}:host([material="frosted"]) {backdrop-filter: var(--app-header-backdrop, blur(var(--helix-material-blur-lg)));background-color: var(--app-header-background-color, var(--helix-material-translucent-strong))}:host([material="transparent"]) {background-color: var(--app-header-background-color, transparent)}:host([material="transparent"]:state(scrolled)) {backdrop-filter: var(--app-header-backdrop, var(--helix-material-backdrop));background-color: var(--app-header-background-color, var(--helix-material-translucent))}:host([sticky]) {inset-block-start: 0;position: sticky;z-index: var(--helix-layer-sticky)}[part="row"] {align-items: center;block-size: var(--app-header-block-size, var(--helix-size-header));display: grid;gap: var(--helix-space-lg);grid-template-columns: minmax(max-content, 1fr) minmax(0, auto) minmax(max-content, 1fr);margin-inline: auto;max-inline-size: var(--app-header-max-inline-size, 72rem);padding-inline: var(--app-header-padding, var(--helix-space-lg))}[part="start"] {align-items: center;display: flex;min-inline-size: 0}[part="end"] {align-items: center;display: flex;gap: var(--helix-space-xs);justify-content: flex-end;min-inline-size: 0}:host([content-align="start"]) [part="row"] {grid-template-columns: auto 1fr auto}slot[name="start"]::slotted(*) {align-items: center;color: var(--helix-color-foreground);display: flex;flex: 0 0 auto;font-weight: var(--helix-weight-semibold);gap: var(--helix-space-xs);letter-spacing: var(--helix-tracking-tight)}[part="content"] {align-items: center;display: flex;position: relative;gap: var(--helix-space-md);justify-content: safe center;min-inline-size: 0;overflow-x: auto}:host([content-align="start"]) [part="content"] {justify-content: flex-start}@container (inline-size < 24rem) {[part="row"] {gap: var(--helix-space-md);padding-inline: var(--app-header-padding, var(--helix-space-md))}}:host([sticky]) {transition: backdrop-filter var(--helix-duration-normal) var(--helix-easing-standard), background-color var(--helix-duration-normal) var(--helix-easing-standard), border-color var(--helix-duration-normal) var(--helix-easing-standard), translate var(--helix-duration-normal) var(--helix-easing-standard)}:host([sticky]:state(hidden)) {translate: 0 -100%}:host(:state(folded)) [part="row"] {block-size: auto;grid-template-columns: minmax(0, 1fr) auto;grid-template-rows: var(--app-header-block-size, var(--helix-size-header));row-gap: var(--helix-space-none)}:host(:state(folded)) [part="content"] {align-items: stretch;flex-direction: column;grid-column: 1 / -1;grid-row: 2;justify-content: flex-start;overflow-x: visible;padding-block-end: var(--helix-space-sm)}[part="content"][hidden] {display: none}[part="toggle"] {all: unset;box-sizing: border-box;align-items: center;block-size: var(--helix-size-control);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control);justify-content: center}[part="start"] > [part="toggle"] {margin-inline-end: var(--helix-space-xs)}[part="toggle"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}[part="toggle"]:hover, :host(:state(open)) [part="toggle"] {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground)}[part="toggle"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media (prefers-reduced-motion: reduce) {:host([sticky]) {transition: none}}@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 { customElement } from '@fusion.dev/helix-core';
|
|
8
3
|
import { HelixHeadlessAppHeader } from '@fusion.dev/helix-headless/app-header';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,9 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: grid;gap: var(--area-chart-gap, var(--helix-space-2xs));position: relative
|
|
3
|
-
in oklab,
|
|
4
|
-
var(--chart-series) var(--area-chart-fill-strength, 55%),
|
|
5
|
-
var(--helix-color-background)
|
|
6
|
-
);stroke: none;}:host([overlap]) [part="area"] {fill: var(--chart-series);fill-opacity: var(--area-chart-overlap-opacity, 0.3);}[part="line"] {stroke: var(--chart-series);stroke-linejoin: round;stroke-width: var(--area-chart-width, var(--_chart-stroke));vector-effect: non-scaling-stroke;}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="gridline"] {stroke: var(--area-chart-gridline-color, var(--helix-color-border));stroke-opacity: 0.7;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="guide"] {stroke: var(--helix-color-foreground-muted);stroke-dasharray: 3 3;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="labels"] {display: grid;grid-auto-columns: 1fr;grid-auto-flow: column;}[part="label"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}[part="axis"] {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;inline-size: calc(var(--area-chart-axis, 3ch) + 1ch);pointer-events: none;position: relative;}[part="tick"] {inset-inline-end: 0;position: absolute;translate: 0 -50%;white-space: nowrap;}:host([value-axis]) {grid-template-columns: auto 1fr;}:host([value-axis]) [part="axis"] {grid-column: 1;grid-row: 1;}:host([value-axis]) [part="plot"],
|
|
7
|
-
:host([value-axis]) [part="labels"] {grid-column: 2;}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}[part="area"],
|
|
8
|
-
[part="line"] {transition: d var(--helix-duration-normal) var(--helix-easing-decelerate);}@starting-style {[part="area"],
|
|
9
|
-
[part="line"] {opacity: 0;}}@media print {:host {print-color-adjust: exact;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: grid;gap: var(--area-chart-gap, var(--helix-space-2xs));position: relative}[part="plot"] {block-size: var(--area-chart-block-size, 12em);cursor: crosshair;position: relative}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible}[part="area"] {fill: color-mix(in oklab, var(--chart-series) var(--area-chart-fill-strength, 55%), var(--helix-color-background));stroke: none}:host([overlap]) [part="area"] {fill: var(--chart-series);fill-opacity: var(--area-chart-overlap-opacity, 0.3)}[part="line"] {stroke: var(--chart-series);stroke-linejoin: round;stroke-width: var(--area-chart-width, var(--_chart-stroke));vector-effect: non-scaling-stroke}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="gridline"] {stroke: var(--area-chart-gridline-color, var(--helix-color-border));stroke-opacity: 0.7;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="guide"] {stroke: var(--helix-color-foreground-muted);stroke-dasharray: 3 3;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="labels"] {display: grid;grid-auto-columns: 1fr;grid-auto-flow: column}[part="label"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap}[part="axis"] {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;inline-size: calc(var(--area-chart-axis, 3ch) + 1ch);pointer-events: none;position: relative}[part="tick"] {inset-inline-end: 0;position: absolute;translate: 0 -50%;white-space: nowrap}:host([value-axis]) {grid-template-columns: auto 1fr}:host([value-axis]) [part="axis"] {grid-column: 1;grid-row: 1}:host([value-axis]) [part="plot"], :host([value-axis]) [part="labels"] {grid-column: 2}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}[part="area"], [part="line"] {transition: d var(--helix-duration-normal) var(--helix-easing-decelerate)}@starting-style {[part="area"], [part="line"] {opacity: 0}}@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 { HelixHeadlessAreaChart } from '@fusion.dev/helix-headless/area-chart';
|
|
9
4
|
import { styles as seriesStyles } from '../../shared/chart/series.css.js';
|
|
@@ -1,11 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--_aura-glow: var(--aura-glow, var(--helix-color-primary));--_aura-ground: var(--aura-ground, var(--helix-color-background));--_aura-haze: var(--aura-haze, var(--helix-color-primary-subtle));position: relative;display: block;inline-size: 100%;block-size: 100%;background-image: radial-gradient(
|
|
3
|
-
120% 90% at 62% 12%,
|
|
4
|
-
color-mix(in oklab, var(--_aura-glow) 38%, var(--_aura-ground)) 0%,
|
|
5
|
-
var(--_aura-haze) 38%,
|
|
6
|
-
var(--_aura-ground) 78%
|
|
7
|
-
);}:host {pointer-events: none;}:host([interactive]) {pointer-events: auto;}[part="canvas"] {display: block;inline-size: 100%;block-size: 100%;caret-color: var(--aura-peak, var(--helix-color-foreground));color: var(--_aura-glow);column-rule-color: var(--aura-peak, var(--helix-color-primary-active));outline-color: var(--_aura-ground);text-decoration-color: var(--_aura-haze);transition-duration: var(--helix-duration-fast);transition-property: caret-color, color, column-rule-color, outline-color, text-decoration-color;}[part="content"] {inset: 0;pointer-events: none;position: absolute;}::slotted(*) {pointer-events: auto;}[part="canvas"][hidden] {display: none;}[part="pause"] {align-items: center;background-color: var(--aura-pause-background-color, var(--helix-color-surface-overlay));block-size: var(--helix-size-control-sm);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-sm);inset-block-end: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);justify-content: center;padding: 0;pointer-events: auto;position: absolute;}[part="pause-mark"] {block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm);}[part="pause"]:hover {background-color: color-mix(
|
|
8
|
-
in oklab,
|
|
9
|
-
var(--helix-color-foreground) 10%,
|
|
10
|
-
var(--aura-pause-background-color, var(--helix-color-surface-overlay))
|
|
11
|
-
);}[part="pause"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media (prefers-reduced-motion: reduce) {[part="pause"] {display: none;}}@media print {:host {display: none;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {--_aura-glow: var(--aura-glow, var(--helix-color-primary));--_aura-ground: var(--aura-ground, var(--helix-color-background));--_aura-haze: var(--aura-haze, var(--helix-color-primary-subtle));position: relative;display: block;inline-size: 100%;block-size: 100%;background-image: radial-gradient(120% 90% at 62% 12%, color-mix(in oklab, var(--_aura-glow) 38%, var(--_aura-ground)) 0%, var(--_aura-haze) 38%, var(--_aura-ground) 78%)}:host {pointer-events: none}:host([interactive]) {pointer-events: auto}[part="canvas"] {display: block;inline-size: 100%;block-size: 100%;caret-color: var(--aura-peak, var(--helix-color-foreground));color: var(--_aura-glow);column-rule-color: var(--aura-peak, var(--helix-color-primary-active));outline-color: var(--_aura-ground);text-decoration-color: var(--_aura-haze);transition-duration: var(--helix-duration-fast);transition-property: caret-color, color, column-rule-color, outline-color, text-decoration-color}[part="content"] {inset: 0;pointer-events: none;position: absolute}::slotted(*) {pointer-events: auto}[part="canvas"][hidden] {display: none}[part="pause"] {align-items: center;background-color: var(--aura-pause-background-color, var(--helix-color-surface-overlay));block-size: var(--helix-size-control-sm);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-sm);inset-block-end: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);justify-content: center;padding: 0;pointer-events: auto;position: absolute}[part="pause-mark"] {block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm)}[part="pause"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 10%, var(--aura-pause-background-color, var(--helix-color-surface-overlay)))}[part="pause"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media (prefers-reduced-motion: reduce) {[part="pause"] {display: none}}@media print {:host {display: none}}`);
|
|
@@ -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 HelixAura_1;
|
|
2
|
+
import { __decorate } from "tslib";
|
|
8
3
|
import { customElement, drawsInSoftware, HelixAuraFallbackEvent, HelixElement, MAX_FRAME_STEP, PaintGateController, readColor, words, } from '@fusion.dev/helix-core';
|
|
9
4
|
import { pause, play } from '@fusion.dev/helix-icons';
|
|
10
5
|
import { html, nothing } from 'lit';
|
|
@@ -1,16 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--_avatar-group-ring: var(--avatar-group-ring-color, var(--helix-color-background));align-items: center;display: flex
|
|
3
|
-
:host([max="2"]) ::slotted(:nth-child(n + 3)),
|
|
4
|
-
:host([max="3"]) ::slotted(:nth-child(n + 4)),
|
|
5
|
-
:host([max="4"]) ::slotted(:nth-child(n + 5)),
|
|
6
|
-
:host([max="5"]) ::slotted(:nth-child(n + 6)),
|
|
7
|
-
:host([max="6"]) ::slotted(:nth-child(n + 7)),
|
|
8
|
-
:host([max="7"]) ::slotted(:nth-child(n + 8)),
|
|
9
|
-
:host([max="8"]) ::slotted(:nth-child(n + 9)),
|
|
10
|
-
:host([max="9"]) ::slotted(:nth-child(n + 10)),
|
|
11
|
-
:host([max="10"]) ::slotted(:nth-child(n + 11)),
|
|
12
|
-
:host([max="11"]) ::slotted(:nth-child(n + 12)),
|
|
13
|
-
:host([max="12"]) ::slotted(:nth-child(n + 13)) {display: none;}[part="overflow"] {align-items: center;margin-inline-start: calc(-1 * var(--avatar-group-overlap, var(--helix-space-sm)));background-color: var(
|
|
14
|
-
--avatar-group-overflow-background-color,
|
|
15
|
-
var(--helix-color-surface-sunken)
|
|
16
|
-
);block-size: var(--avatar-size, var(--helix-size-control-md));border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thick) var(--_avatar-group-ring);color: var(--avatar-group-overflow-color, var(--helix-color-foreground-muted));display: inline-flex;flex: 0 0 auto;font-family: var(--helix-font-sans);font-size: var(--avatar-group-overflow-font-size, var(--helix-text-xs));font-weight: var(--helix-weight-medium);inline-size: var(--avatar-size, var(--helix-size-control-md));justify-content: center;}`);
|
|
2
|
+
export const styles = createSheet(`:host {--_avatar-group-ring: var(--avatar-group-ring-color, var(--helix-color-background));align-items: center;display: flex}::slotted(*) {box-shadow: 0 0 0 var(--helix-border-thick) var(--_avatar-group-ring);flex: 0 0 auto}::slotted(*:not(:first-child)) {margin-inline-start: calc(-1 * var(--avatar-group-overlap, var(--helix-space-sm)))}:host([max="1"]) ::slotted(:nth-child(n + 2)), :host([max="2"]) ::slotted(:nth-child(n + 3)), :host([max="3"]) ::slotted(:nth-child(n + 4)), :host([max="4"]) ::slotted(:nth-child(n + 5)), :host([max="5"]) ::slotted(:nth-child(n + 6)), :host([max="6"]) ::slotted(:nth-child(n + 7)), :host([max="7"]) ::slotted(:nth-child(n + 8)), :host([max="8"]) ::slotted(:nth-child(n + 9)), :host([max="9"]) ::slotted(:nth-child(n + 10)), :host([max="10"]) ::slotted(:nth-child(n + 11)), :host([max="11"]) ::slotted(:nth-child(n + 12)), :host([max="12"]) ::slotted(:nth-child(n + 13)) {display: none}[part="overflow"] {align-items: center;margin-inline-start: calc(-1 * var(--avatar-group-overlap, var(--helix-space-sm)));background-color: var(--avatar-group-overflow-background-color, var(--helix-color-surface-sunken));block-size: var(--avatar-size, var(--helix-size-control-md));border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thick) var(--_avatar-group-ring);color: var(--avatar-group-overflow-color, var(--helix-color-foreground-muted));display: inline-flex;flex: 0 0 auto;font-family: var(--helix-font-sans);font-size: var(--avatar-group-overflow-font-size, var(--helix-text-xs));font-weight: var(--helix-weight-medium);inline-size: var(--avatar-size, var(--helix-size-control-md));justify-content: center}`);
|
|
@@ -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 { HelixHeadlessAvatarGroup } from '@fusion.dev/helix-headless/avatar';
|
|
9
4
|
import { styles } from './avatar-group.css.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--_avatar-size: var(--avatar-size, var(--helix-size-avatar));align-items: center;background-color: var(--avatar-background-color, var(--helix-color-surface-raised));block-size: var(--_avatar-size);border-radius: var(--helix-radii-full);color: var(--avatar-color, var(--helix-color-foreground));display: inline-flex;flex: 0 0 auto;inline-size: var(--_avatar-size);justify-content: center;overflow: hidden
|
|
2
|
+
export const styles = createSheet(`:host {--_avatar-size: var(--avatar-size, var(--helix-size-avatar));align-items: center;background-color: var(--avatar-background-color, var(--helix-color-surface-raised));block-size: var(--_avatar-size);border-radius: var(--helix-radii-full);color: var(--avatar-color, var(--helix-color-foreground));display: inline-flex;flex: 0 0 auto;inline-size: var(--_avatar-size);justify-content: center;overflow: hidden}:host([size="sm"]) {--_avatar-size: var(--avatar-size, var(--helix-size-avatar-sm))}:host([size="lg"]) {--_avatar-size: var(--avatar-size, var(--helix-size-avatar-lg))}:host([shape="rounded"]) {border-radius: var(--helix-radii-md)}::slotted(*) {block-size: 100%;inline-size: 100%;object-fit: cover}[part="image"] {block-size: 100%;inline-size: 100%;object-fit: cover}[part="initials"] {font-size: calc(var(--_avatar-size) * 0.4);font-weight: var(--avatar-font-weight, var(--helix-weight-medium));letter-spacing: var(--helix-tracking-wide);line-height: 1;user-select: none}@media print {:host {print-color-adjust: economy}}`);
|
|
@@ -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 { HelixHeadlessAvatar } from '@fusion.dev/helix-headless/avatar';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,22 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--_badge-size: var(--helix-size-badge);--_badge-text: var(--helix-text-xs);--_badge-inset: var(--helix-space-2xs);--_badge-dot: var(--helix-space-xs);--_badge-on: var(--helix-color-foreground-on-primary);--_badge-fill: var(--helix-color-primary-surface);display: inline-flex;position: relative;vertical-align: middle
|
|
3
|
-
opacity var(--helix-duration-fast) var(--helix-easing-standard),
|
|
4
|
-
scale var(--helix-duration-normal) var(--helix-easing-emphasized);}[part="indicator"][data-blank] {opacity: 0;scale: 0;transition:
|
|
5
|
-
opacity var(--helix-duration-fast) var(--helix-easing-standard),
|
|
6
|
-
scale var(--helix-duration-fast) var(--helix-easing-accelerate);}:host([tone="primary"]) {--_badge-fill: var(--helix-color-primary-surface);}:host([tone="accent"]) {--_badge-fill: var(--helix-color-accent-surface);}:host([tone="accent"]) {--_badge-on: var(--helix-color-foreground-on-accent);}:host([tone="danger"]),
|
|
7
|
-
:host([tone="info"]),
|
|
8
|
-
:host([tone="success"]),
|
|
9
|
-
:host([tone="warning"]) {--_badge-on: var(--helix-color-foreground-on-status);}:host([tone="info"]) {--_badge-fill: var(--helix-color-info-surface);}:host([tone="success"]) {--_badge-fill: var(--helix-color-success-surface);}:host([tone="warning"]) {--_badge-fill: var(--helix-color-warning-surface);}:host([tone="danger"]) {--_badge-fill: var(--helix-color-danger-surface);}:host([tone="neutral"]) {--_badge-fill: var(--helix-color-surface-raised);--_badge-on: var(--helix-color-foreground);}:host([placement="top-start"]) [part="indicator"],
|
|
10
|
-
:host([placement="bottom-start"]) [part="indicator"] {inset-inline-end: auto;inset-inline-start: var(--badge-offset, calc(var(--_badge-size) / 4));}:host([placement="bottom-end"]) [part="indicator"],
|
|
11
|
-
:host([placement="bottom-start"]) [part="indicator"] {inset-block-end: var(--badge-offset, calc(var(--_badge-size) / 4));inset-block-start: auto;}:host([placement="top-start"]) [part="indicator"] {translate: -50% -50%;}:host([placement="bottom-end"]) [part="indicator"] {translate: 50% 50%;}:host([placement="bottom-start"]) [part="indicator"] {translate: -50% 50%;}:host([placement="inline"]) {align-items: center;gap: var(--badge-gap, var(--helix-space-2xs));}:host([placement="inline"]) [part="indicator"] {box-shadow: none;position: static;translate: none;}:host([emphasis="outlined"]) [part="indicator"] {background-color: var(--badge-background-color, var(--helix-color-background));box-shadow:
|
|
12
|
-
inset 0 0 0 var(--helix-border-thick) var(--_badge-fill),
|
|
13
|
-
0 0 0 var(--helix-border-thick) var(--badge-ring-color, var(--helix-color-background));color: var(--badge-color, var(--helix-color-foreground));}:host([emphasis="subtle"]) [part="indicator"] {background-color: var(
|
|
14
|
-
--badge-background-color,
|
|
15
|
-
color-mix(in oklab, var(--_badge-fill) 22%, var(--helix-color-background))
|
|
16
|
-
);color: var(--badge-color, var(--helix-color-foreground));}:host([emphasis="outlined"][placement="inline"]) [part="indicator"] {box-shadow: inset 0 0 0 var(--helix-border-thick) var(--_badge-fill);}:host([attention="pulse"]) [part="indicator"]:not([data-blank]) {animation: badge-pulse var(--badge-attention-duration, 1.5s) var(--helix-easing-standard) infinite;}:host([attention="bounce"]) [part="indicator"]:not([data-blank]) {animation: badge-bounce var(--badge-attention-duration, 1s) var(--helix-easing-standard) infinite;}@keyframes badge-pulse {0%,
|
|
17
|
-
100% {transform: scale(1);}50% {transform: scale(1.18);}}@keyframes badge-bounce {0%,
|
|
18
|
-
20%,
|
|
19
|
-
53%,
|
|
20
|
-
100% {transform: translateY(0);}40%,
|
|
21
|
-
43% {transform: translateY(-30%);}70% {transform: translateY(-15%);}90% {transform: translateY(-4%);}}@media (prefers-reduced-motion: reduce) {:host([attention="pulse"]) [part="indicator"]:not([data-blank]),
|
|
22
|
-
:host([attention="bounce"]) [part="indicator"]:not([data-blank]) {animation: none;}}@media print {:host {box-shadow: none;}}@media (forced-colors: active) {[part="indicator"] {forced-color-adjust: none;outline: var(--helix-border-thin) solid CanvasText;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {--_badge-size: var(--helix-size-badge);--_badge-text: var(--helix-text-xs);--_badge-inset: var(--helix-space-2xs);--_badge-dot: var(--helix-space-xs);--_badge-on: var(--helix-color-foreground-on-primary);--_badge-fill: var(--helix-color-primary-surface);display: inline-flex;position: relative;vertical-align: middle}[part="indicator"] {align-items: center;background-color: var(--badge-background-color, var(--_badge-fill));block-size: var(--_badge-size);border-radius: var(--badge-radius, var(--helix-radii-full));box-shadow: 0 0 0 var(--helix-border-thick) var(--badge-ring-color, var(--helix-color-background));color: var(--badge-color, var(--_badge-on));display: inline-flex;font-size: var(--_badge-text);font-weight: var(--badge-font-weight, var(--helix-weight-semibold));inset-block-start: var(--badge-offset, calc(var(--_badge-size) / 4));inset-inline-end: var(--badge-offset, calc(var(--_badge-size) / 4));justify-content: center;line-height: 1;min-inline-size: var(--_badge-size);padding-inline: var(--_badge-inset);pointer-events: none;position: absolute;translate: 50% -50%;white-space: nowrap}[part="indicator"][data-dot] {block-size: auto;min-block-size: var(--_badge-dot);min-inline-size: var(--_badge-dot);padding-inline: var(--helix-space-none)}[part="indicator"][data-dot] slot[name="icon"]::slotted(*) {margin: calc(var(--_badge-inset) / 2)}[part="indicator"] {gap: calc(var(--_badge-inset) / 2)}slot[name="icon"]::slotted(*) {--icon-size: var(--badge-icon-size, var(--_badge-text));flex: none}[part="indicator"][data-single] {padding-inline: var(--helix-space-none)}[part="indicator"] {scale: 1;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), scale var(--helix-duration-normal) var(--helix-easing-emphasized)}[part="indicator"][data-blank] {opacity: 0;scale: 0;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), scale var(--helix-duration-fast) var(--helix-easing-accelerate)}:host([tone="primary"]) {--_badge-fill: var(--helix-color-primary-surface)}:host([tone="accent"]) {--_badge-fill: var(--helix-color-accent-surface)}:host([tone="accent"]) {--_badge-on: var(--helix-color-foreground-on-accent)}:host([tone="danger"]), :host([tone="info"]), :host([tone="success"]), :host([tone="warning"]) {--_badge-on: var(--helix-color-foreground-on-status)}:host([tone="info"]) {--_badge-fill: var(--helix-color-info-surface)}:host([tone="success"]) {--_badge-fill: var(--helix-color-success-surface)}:host([tone="warning"]) {--_badge-fill: var(--helix-color-warning-surface)}:host([tone="danger"]) {--_badge-fill: var(--helix-color-danger-surface)}:host([tone="neutral"]) {--_badge-fill: var(--helix-color-surface-raised);--_badge-on: var(--helix-color-foreground)}:host([placement="top-start"]) [part="indicator"], :host([placement="bottom-start"]) [part="indicator"] {inset-inline-end: auto;inset-inline-start: var(--badge-offset, calc(var(--_badge-size) / 4))}:host([placement="bottom-end"]) [part="indicator"], :host([placement="bottom-start"]) [part="indicator"] {inset-block-end: var(--badge-offset, calc(var(--_badge-size) / 4));inset-block-start: auto}:host([placement="top-start"]) [part="indicator"] {translate: -50% -50%}:host([placement="bottom-end"]) [part="indicator"] {translate: 50% 50%}:host([placement="bottom-start"]) [part="indicator"] {translate: -50% 50%}:host([placement="inline"]) {align-items: center;gap: var(--badge-gap, var(--helix-space-2xs))}:host([placement="inline"]) [part="indicator"] {box-shadow: none;position: static;translate: none}:host([emphasis="outlined"]) [part="indicator"] {background-color: var(--badge-background-color, var(--helix-color-background));box-shadow: inset 0 0 0 var(--helix-border-thick) var(--_badge-fill), 0 0 0 var(--helix-border-thick) var(--badge-ring-color, var(--helix-color-background));color: var(--badge-color, var(--helix-color-foreground))}:host([emphasis="subtle"]) [part="indicator"] {background-color: var(--badge-background-color, color-mix(in oklab, var(--_badge-fill) 22%, var(--helix-color-background)));color: var(--badge-color, var(--helix-color-foreground))}:host([emphasis="outlined"][placement="inline"]) [part="indicator"] {box-shadow: inset 0 0 0 var(--helix-border-thick) var(--_badge-fill)}:host([attention="pulse"]) [part="indicator"]:not([data-blank]) {animation: badge-pulse var(--badge-attention-duration, 1.5s) var(--helix-easing-standard) infinite}:host([attention="bounce"]) [part="indicator"]:not([data-blank]) {animation: badge-bounce var(--badge-attention-duration, 1s) var(--helix-easing-standard) infinite}@keyframes badge-pulse {0%, 100% {transform: scale(1)}50% {transform: scale(1.18)}}@keyframes badge-bounce {0%, 20%, 53%, 100% {transform: translateY(0)}40%, 43% {transform: translateY(-30%)}70% {transform: translateY(-15%)}90% {transform: translateY(-4%)}}@media (prefers-reduced-motion: reduce) {:host([attention="pulse"]) [part="indicator"]:not([data-blank]), :host([attention="bounce"]) [part="indicator"]:not([data-blank]) {animation: none}}@media print {:host {box-shadow: none}}@media (forced-colors: active) {[part="indicator"] {forced-color-adjust: none;outline: var(--helix-border-thin) solid CanvasText}}`);
|
|
@@ -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 { HelixHeadlessBadge } from '@fusion.dev/helix-headless/badge';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,20 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: grid;position: relative;gap: var(--bar-chart-gap, var(--helix-space-2xs))
|
|
3
|
-
[part="line"] {--_bar-chart-series: var(--chart-series);}:host {--bar-chart-tone-accent: var(--helix-color-accent);--bar-chart-tone-danger: var(--helix-color-danger);--bar-chart-tone-info: var(--helix-color-info);--bar-chart-tone-muted: var(--helix-color-foreground-subtle);--bar-chart-tone-primary: var(--helix-color-primary);--bar-chart-tone-success: var(--helix-color-success);--bar-chart-tone-warning: var(--helix-color-warning);}[part="plot"]:has([data-active]) [part~="group"]:not([data-active]) {opacity: 0.45;}[part~="group"] {transition: opacity var(--helix-duration-fast) var(--helix-easing-decelerate);}[part~="bar"] {transition:
|
|
4
|
-
height var(--helix-duration-normal) var(--helix-easing-decelerate),
|
|
5
|
-
width var(--helix-duration-normal) var(--helix-easing-decelerate),
|
|
6
|
-
x var(--helix-duration-normal) var(--helix-easing-decelerate),
|
|
7
|
-
y var(--helix-duration-normal) var(--helix-easing-decelerate);}@starting-style {:host(:not([orientation="horizontal"])) [part~="bar"] {height: 0;y: 100;}:host([orientation="horizontal"]) [part~="bar"] {width: 0;}}[part="plot"] {cursor: crosshair;}[part="gridline"] {stroke: var(--bar-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part="band"] {fill: var(--bar-chart-band-color, var(--helix-color-surface-sunken));}[part="line"] {fill: none;stroke: var(--bar-chart-line-color, var(--_bar-chart-series, var(--helix-color-series-1)));stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--bar-chart-line-width, var(--_chart-stroke));vector-effect: non-scaling-stroke;}:host([secondary]) {grid-template-columns: auto 1fr auto;}:host([secondary]) [part="axis"][data-axis="primary"] {grid-column: 1;grid-row: 1;}:host([secondary]) [part="plot"] {grid-column: 2;grid-row: 1;}[part="axis"][data-axis="secondary"] {--_bar-chart-axis-ink: color-mix(
|
|
8
|
-
in oklab,
|
|
9
|
-
var(--bar-chart-secondary) 45%,
|
|
10
|
-
var(--helix-color-foreground)
|
|
11
|
-
);color: var(--_bar-chart-axis-ink, var(--helix-color-foreground-subtle));}:host([secondary]) [part="axis"][data-axis="secondary"] {grid-column: 3;grid-row: 1;}:host([secondary]) [part="labels"] {grid-column: 2;grid-row: 2;}:host([orientation="horizontal"][secondary]) {grid-template-columns: auto 1fr;grid-template-rows: auto 1fr auto;}:host([orientation="horizontal"][secondary]) [part="axis"][data-axis="secondary"] {grid-column: 2;grid-row: 1;}:host([orientation="horizontal"][secondary]) [part="labels"] {grid-column: 1;grid-row: 2;}:host([orientation="horizontal"][secondary]) [part="plot"] {grid-column: 2;grid-row: 2;}:host([orientation="horizontal"][secondary]) [part="axis"][data-axis="primary"] {grid-column: 2;grid-row: 3;}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) {grid-template-columns: auto 1fr;}:host([value-axis]:not([secondary]):not([orientation="horizontal"]))
|
|
12
|
-
[part="axis"][data-axis="primary"] {grid-column: 1;grid-row: 1;}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="plot"],
|
|
13
|
-
:host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="labels"] {grid-column: 2;}:host([value-axis][orientation="horizontal"]:not([secondary])) {grid-template-rows: 1fr auto;}:host([value-axis][orientation="horizontal"]:not([secondary])) [part="axis"][data-axis="primary"] {grid-column: 2;grid-row: 2;}[part="axis"] {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;pointer-events: none;position: relative;}:host(:not([orientation="horizontal"])) [part="axis"] {inline-size: var(--bar-chart-axis, 3ch);}:host([orientation="horizontal"]) [part="axis"] {block-size: 1lh;}[part="tick"] {position: absolute;}:host(:not([orientation="horizontal"])) [part="tick"] {inset-inline-end: 0;translate: 0 -50%;}:host([orientation="horizontal"]) [part="tick"] {translate: -50% 0;}:host([orientation="horizontal"]:dir(rtl)) [part="tick"] {translate: 50% 0;}:host(:not([orientation="horizontal"])) [part="axis"][data-axis="secondary"] [part="tick"] {inset-inline-end: auto;inset-inline-start: 0;}[part~="bar"] {fill-opacity: calc(var(--_bar-chart-area, 1) * var(--_bar-chart-through, 1));stroke-opacity: var(--_bar-chart-through, 1);}[part~="bar"][data-emphasis="outlined"],
|
|
14
|
-
:host([emphasis="outlined"]) [part~="bar"]:not([data-emphasis]) {--_bar-chart-foot: var(--_bar-chart-base);fill: var(--_bar-chart-shade);stroke: var(--_bar-chart-series);stroke-width: var(--bar-chart-bar-stroke, var(--helix-border-thick));vector-effect: non-scaling-stroke;}[part~="bar"][data-emphasis="subtle"],
|
|
15
|
-
:host([emphasis="subtle"]) [part~="bar"]:not([data-emphasis]) {--_bar-chart-area: 0.2;--_bar-chart-foot: var(--_bar-chart-base);stroke: var(--_bar-chart-series);stroke-width: var(--bar-chart-bar-stroke, var(--helix-border-thick));vector-effect: non-scaling-stroke;}[part~="bar"] {--_bar-chart-shade: color-mix(
|
|
16
|
-
in oklab,
|
|
17
|
-
var(--_bar-chart-series) 60%,
|
|
18
|
-
var(--helix-color-background)
|
|
19
|
-
);}[part~="bar"][data-material="glass"],
|
|
20
|
-
:host([material="glass"]) [part~="bar"]:not([data-material]) {--_bar-chart-through: calc(0.62 * var(--helix-material-opacity));}:host([material="frosted"]) [part~="bar"]:not([data-material]) {--_bar-chart-through: calc(0.88 * var(--helix-material-opacity));}:host([wash="gradient"]) [part~="bar"] {fill: var(--chart-bar-wash);}[part="bar-wash-start"] {stop-color: var(--chart-series);stop-opacity: calc(1 * var(--helix-material-opacity));}[part="bar-wash-end"] {stop-color: var(--chart-series);stop-opacity: calc(0.35 * var(--helix-material-opacity));}@media print {:host {print-color-adjust: exact;}}[part="summary"] {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(`:host {display: grid;position: relative;gap: var(--bar-chart-gap, var(--helix-space-2xs))}[part="plot"] {position: relative;block-size: var(--bar-chart-block-size, 12em)}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible}[part="baseline"] {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part~="bar"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0 0;--_bar-chart-base: 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2) 0;clip-path: inset(var(--_bar-chart-foot, 0) round var(--_bar-chart-corners));fill: var(--_bar-chart-series)}:host([orientation="horizontal"]) [part~="bar"] {--_bar-chart-corners: 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px) 0;--_bar-chart-base: 0 0 0 calc(var(--bar-chart-bar-stroke, var(--helix-border-thick)) / 2)}:host([stacked]) [part~="bar"]:not([part~="bar-end"]) {--_bar-chart-corners: 0}[part~="bar-end-negative"] {--_bar-chart-corners: 0 0 var(--bar-chart-bar-radius, 2px) var(--bar-chart-bar-radius, 2px)}:host([orientation="horizontal"]) [part~="bar-end-negative"] {--_bar-chart-corners: var(--bar-chart-bar-radius, 2px) 0 0 var(--bar-chart-bar-radius, 2px)}[part="labels"] {display: grid;grid-auto-columns: 1fr;grid-auto-flow: column}[part="label"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap}:host([orientation="horizontal"]) {grid-template-columns: auto 1fr}:host([orientation="horizontal"]) [part="labels"] {grid-column: 1;grid-row: 1}:host([orientation="horizontal"]) [part="plot"] {grid-column: 2;grid-row: 1}:host([orientation="horizontal"]) [part="labels"] {grid-auto-columns: auto;grid-auto-flow: row;grid-auto-rows: 1fr;align-self: start;block-size: var(--bar-chart-block-size, 12em)}:host([orientation="horizontal"]) [part="label"] {align-self: center;text-align: end}[part~="bar"], [part="line"] {--_bar-chart-series: var(--chart-series)}:host {--bar-chart-tone-accent: var(--helix-color-accent);--bar-chart-tone-danger: var(--helix-color-danger);--bar-chart-tone-info: var(--helix-color-info);--bar-chart-tone-muted: var(--helix-color-foreground-subtle);--bar-chart-tone-primary: var(--helix-color-primary);--bar-chart-tone-success: var(--helix-color-success);--bar-chart-tone-warning: var(--helix-color-warning)}[part="plot"]:has([data-active]) [part~="group"]:not([data-active]) {opacity: 0.45}[part~="group"] {transition: opacity var(--helix-duration-fast) var(--helix-easing-decelerate)}[part~="bar"] {transition: height var(--helix-duration-normal) var(--helix-easing-decelerate), width var(--helix-duration-normal) var(--helix-easing-decelerate), x var(--helix-duration-normal) var(--helix-easing-decelerate), y var(--helix-duration-normal) var(--helix-easing-decelerate)}@starting-style {:host(:not([orientation="horizontal"])) [part~="bar"] {height: 0;y: 100}:host([orientation="horizontal"]) [part~="bar"] {width: 0}}[part="plot"] {cursor: crosshair}[part="gridline"] {stroke: var(--bar-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part="band"] {fill: var(--bar-chart-band-color, var(--helix-color-surface-sunken))}[part="line"] {fill: none;stroke: var(--bar-chart-line-color, var(--_bar-chart-series, var(--helix-color-series-1)));stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--bar-chart-line-width, var(--_chart-stroke));vector-effect: non-scaling-stroke}:host([secondary]) {grid-template-columns: auto 1fr auto}:host([secondary]) [part="axis"][data-axis="primary"] {grid-column: 1;grid-row: 1}:host([secondary]) [part="plot"] {grid-column: 2;grid-row: 1}[part="axis"][data-axis="secondary"] {--_bar-chart-axis-ink: color-mix(in oklab, var(--bar-chart-secondary) 45%, var(--helix-color-foreground));color: var(--_bar-chart-axis-ink, var(--helix-color-foreground-subtle))}:host([secondary]) [part="axis"][data-axis="secondary"] {grid-column: 3;grid-row: 1}:host([secondary]) [part="labels"] {grid-column: 2;grid-row: 2}:host([orientation="horizontal"][secondary]) {grid-template-columns: auto 1fr;grid-template-rows: auto 1fr auto}:host([orientation="horizontal"][secondary]) [part="axis"][data-axis="secondary"] {grid-column: 2;grid-row: 1}:host([orientation="horizontal"][secondary]) [part="labels"] {grid-column: 1;grid-row: 2}:host([orientation="horizontal"][secondary]) [part="plot"] {grid-column: 2;grid-row: 2}:host([orientation="horizontal"][secondary]) [part="axis"][data-axis="primary"] {grid-column: 2;grid-row: 3}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) {grid-template-columns: auto 1fr}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="axis"][data-axis="primary"] {grid-column: 1;grid-row: 1}:host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="plot"], :host([value-axis]:not([secondary]):not([orientation="horizontal"])) [part="labels"] {grid-column: 2}:host([value-axis][orientation="horizontal"]:not([secondary])) {grid-template-rows: 1fr auto}:host([value-axis][orientation="horizontal"]:not([secondary])) [part="axis"][data-axis="primary"] {grid-column: 2;grid-row: 2}[part="axis"] {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;pointer-events: none;position: relative}:host(:not([orientation="horizontal"])) [part="axis"] {inline-size: var(--bar-chart-axis, 3ch)}:host([orientation="horizontal"]) [part="axis"] {block-size: 1lh}[part="tick"] {position: absolute}:host(:not([orientation="horizontal"])) [part="tick"] {inset-inline-end: 0;translate: 0 -50%}:host([orientation="horizontal"]) [part="tick"] {translate: -50% 0}:host([orientation="horizontal"]:dir(rtl)) [part="tick"] {translate: 50% 0}:host(:not([orientation="horizontal"])) [part="axis"][data-axis="secondary"] [part="tick"] {inset-inline-end: auto;inset-inline-start: 0}[part~="bar"] {fill-opacity: calc(var(--_bar-chart-area, 1) * var(--_bar-chart-through, 1));stroke-opacity: var(--_bar-chart-through, 1)}[part~="bar"][data-emphasis="outlined"], :host([emphasis="outlined"]) [part~="bar"]:not([data-emphasis]) {--_bar-chart-foot: var(--_bar-chart-base);fill: var(--_bar-chart-shade);stroke: var(--_bar-chart-series);stroke-width: var(--bar-chart-bar-stroke, var(--helix-border-thick));vector-effect: non-scaling-stroke}[part~="bar"][data-emphasis="subtle"], :host([emphasis="subtle"]) [part~="bar"]:not([data-emphasis]) {--_bar-chart-area: 0.2;--_bar-chart-foot: var(--_bar-chart-base);stroke: var(--_bar-chart-series);stroke-width: var(--bar-chart-bar-stroke, var(--helix-border-thick));vector-effect: non-scaling-stroke}[part~="bar"] {--_bar-chart-shade: color-mix(in oklab, var(--_bar-chart-series) 60%, var(--helix-color-background))}[part~="bar"][data-material="glass"], :host([material="glass"]) [part~="bar"]:not([data-material]) {--_bar-chart-through: calc(0.62 * var(--helix-material-opacity))}:host([material="frosted"]) [part~="bar"]:not([data-material]) {--_bar-chart-through: calc(0.88 * var(--helix-material-opacity))}:host([wash="gradient"]) [part~="bar"] {fill: var(--chart-bar-wash)}[part="bar-wash-start"] {stop-color: var(--chart-series);stop-opacity: calc(1 * var(--helix-material-opacity))}[part="bar-wash-end"] {stop-color: var(--chart-series);stop-opacity: calc(0.35 * var(--helix-material-opacity))}@media print {:host {print-color-adjust: exact}}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);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 { customElement, seriesIndex, seriesNames } from '@fusion.dev/helix-core';
|
|
8
3
|
import { HelixHeadlessBarChart } from '@fusion.dev/helix-headless/bar-chart';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {display: block
|
|
3
|
-
:host([marks][text-align="end"]) [part="blockquote"]::before {display: block;float: none;line-height: 0.75;margin-inline-end: var(--helix-space-none);}slot:not([name]) {color: var(--blockquote-color, var(--helix-color-foreground-muted));font-family: var(--blockquote-font-family, var(--helix-font-display));font-size: var(--blockquote-size, var(--helix-text-xl));font-weight: var(--blockquote-font-weight, var(--helix-weight-medium));letter-spacing: var(--blockquote-letter-spacing, var(--helix-tracking-tight));line-height: var(--blockquote-line-height, var(--helix-leading-tight));}slot:not([name])::slotted(*) {margin: var(--helix-space-none);}[part="attribution"] {color: var(--blockquote-attribution-color, var(--helix-color-foreground-muted));font-family: var(--blockquote-attribution-font-family, inherit);font-size: var(--blockquote-attribution-size, var(--helix-text-sm));font-weight: var(--blockquote-attribution-font-weight, inherit);margin-block-start: var(--blockquote-gap, var(--helix-space-sm));}[part="attribution"][data-empty] {display: none;}@media print {:host {print-color-adjust: economy;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {display: block}[part="figure"] {margin: var(--helix-space-none)}[part="blockquote"] {display: block;margin: var(--helix-space-none)}:host([marks]) [part="blockquote"]::before {color: var(--blockquote-mark-color, var(--helix-color-foreground-subtle));content: open-quote / "";float: inline-start;font-family: var(--blockquote-font-family, var(--helix-font-display));font-size: var(--blockquote-mark-size, var(--helix-text-3xl));line-height: 1;margin-inline-end: var(--helix-space-xs)}:host([marks]) [part="blockquote"]::after {content: no-close-quote}:host([text-align="start"]) {text-align: start}:host([text-align="center"]) {text-align: center}:host([text-align="end"]) {text-align: end}:host([text-wrap="balance"]) {text-wrap: balance}:host([text-wrap="pretty"]) {text-wrap: pretty}:host([marks][text-align="center"]) [part="blockquote"]::before, :host([marks][text-align="end"]) [part="blockquote"]::before {display: block;float: none;line-height: 0.75;margin-inline-end: var(--helix-space-none)}slot:not([name]) {color: var(--blockquote-color, var(--helix-color-foreground-muted));font-family: var(--blockquote-font-family, var(--helix-font-display));font-size: var(--blockquote-size, var(--helix-text-xl));font-weight: var(--blockquote-font-weight, var(--helix-weight-medium));letter-spacing: var(--blockquote-letter-spacing, var(--helix-tracking-tight));line-height: var(--blockquote-line-height, var(--helix-leading-tight))}slot:not([name])::slotted(*) {margin: var(--helix-space-none)}[part="attribution"] {color: var(--blockquote-attribution-color, var(--helix-color-foreground-muted));font-family: var(--blockquote-attribution-font-family, inherit);font-size: var(--blockquote-attribution-size, var(--helix-text-sm));font-weight: var(--blockquote-attribution-font-weight, inherit);margin-block-start: var(--blockquote-gap, var(--helix-space-sm))}[part="attribution"][data-empty] {display: none}@media print {:host {print-color-adjust: economy}}`);
|
|
@@ -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 { HelixHeadlessBlockquote } from '@fusion.dev/helix-headless/blockquote';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -1,26 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--icon-button-size: var(
|
|
3
|
-
--breadcrumbs-control-size,
|
|
4
|
-
calc(var(--helix-text-control) * var(--helix-leading-normal) + var(--helix-space-2xs) * 2)
|
|
5
|
-
);--button-size: var(
|
|
6
|
-
--breadcrumbs-control-size,
|
|
7
|
-
calc(var(--helix-text-control) * var(--helix-leading-normal) + var(--helix-space-2xs) * 2)
|
|
8
|
-
);--button-padding-inline: var(--breadcrumbs-control-padding-inline, var(--helix-space-xs));--button-gap: var(--helix-space-2xs);align-items: center;display: inline-flex;gap: var(--breadcrumbs-gap, var(--helix-space-xs));}[part="separator"] {color: var(--breadcrumbs-separator-color, var(--helix-color-foreground-subtle));display: block;user-select: none;}[part="separator"] svg {block-size: 1em;inline-size: 1em;vertical-align: calc(0.5cap - 0.5em);}:host(:first-child) [part="separator"] {display: none;}::slotted(a) {background-color: transparent;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));padding: var(--helix-space-2xs) var(--helix-space-xs);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard);}:host(:first-child) ::slotted(a) {margin-inline-start: calc(var(--helix-space-xs) * -1);}::slotted(a:hover) {background-color: var(
|
|
9
|
-
--breadcrumbs-hover-color,
|
|
10
|
-
color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
|
|
11
|
-
);}::slotted(a:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host {font-weight: var(--breadcrumbs-font-weight, var(--helix-weight-medium));}:host([current]) {color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}[part="link"] {align-items: center;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));display: inline-flex;gap: var(--helix-space-xs);padding: var(--helix-space-2xs) var(--helix-space-xs);text-decoration: none;}:host(:first-child) a[part="link"] {margin-inline-start: calc(var(--helix-space-xs) * -1);}:host(:not([href])) [part="link"] {padding-block: var(--helix-space-none);}:host(:not([href]):not([current])) [part="link"] {padding-inline: var(--helix-space-none);}a[part="link"]:hover {background-color: var(
|
|
12
|
-
--breadcrumbs-hover-color,
|
|
13
|
-
color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
|
|
14
|
-
);color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}a[part="link"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([current]) [part="link"] {color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}:host(:state(end)) [part="link"],
|
|
15
|
-
:host(:state(end)) ::slotted(a) {border-end-end-radius: var(--helix-radii-none);border-start-end-radius: var(--helix-radii-none);padding-inline-end: var(--helix-space-2xs);}:host(:state(end)) slot[name="end"] {--button-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));--button-radius-start: var(--helix-radii-none);--helix-size-focus-offset: calc(var(--helix-size-focus-ring) * -1);--icon-button-background-color-hover: var(
|
|
16
|
-
--breadcrumbs-hover-color,
|
|
17
|
-
color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
|
|
18
|
-
);--icon-button-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));--icon-size: 1.15em;align-items: center;display: inline-flex;margin-inline-start: calc(var(--breadcrumbs-gap, var(--helix-space-xs)) * -1);}:host(:state(end)) a[part="link"]:focus-visible,
|
|
19
|
-
:host(:state(end)) ::slotted(a:focus-visible) {outline-offset: calc(var(--helix-size-focus-offset) * -1);}:host(:state(end)) [part="link"]:focus-visible,
|
|
20
|
-
:host(:state(end)) ::slotted(a:focus-visible),
|
|
21
|
-
:host(:state(end)) slot[name="end"]:focus-within {position: relative;z-index: var(--helix-layer-raised);}:host(:state(end)) [part="link"]:hover ~ slot[name="end"] {--icon-button-background-color: var(--_breadcrumbs-split-fill, transparent);}:host(:state(end)) [part="link"]:has(~ slot[name="end"]:hover),
|
|
22
|
-
:host(:state(end)) [part="link"]:has(~ slot[name="end"]:hover) ::slotted(a) {background-color: var(--_breadcrumbs-split-fill, transparent);}:host(:state(end)) [part="link"] {position: relative;}:host(:state(end)) [part="link"]::after {background-color: var(--_breadcrumbs-split-rule, transparent);content: "";inline-size: var(--helix-border-thin);inset-block: 20%;inset-inline-end: calc(var(--helix-border-thin) * -1);pointer-events: none;position: absolute;}:host([hidden]),
|
|
23
|
-
:host(:state(folded)) {display: none;}[part="fold-separator"] {color: var(--breadcrumbs-separator-color, var(--helix-color-foreground-subtle));display: block;user-select: none;}[part="fold-separator"] svg {block-size: 1em;inline-size: 1em;vertical-align: calc(0.5cap - 0.5em);}[part="expand"] {all: unset;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));cursor: pointer;line-height: var(--helix-leading-normal);padding: var(--helix-space-2xs) var(--helix-space-xs);}[part="expand"]:hover {background-color: var(
|
|
24
|
-
--breadcrumbs-hover-color,
|
|
25
|
-
color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
|
|
26
|
-
);color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}[part="expand"]: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 {--icon-button-size: var(--breadcrumbs-control-size, calc(var(--helix-text-control) * var(--helix-leading-normal) + var(--helix-space-2xs) * 2));--button-size: var(--breadcrumbs-control-size, calc(var(--helix-text-control) * var(--helix-leading-normal) + var(--helix-space-2xs) * 2));--button-padding-inline: var(--breadcrumbs-control-padding-inline, var(--helix-space-xs));--button-gap: var(--helix-space-2xs);align-items: center;display: inline-flex;gap: var(--breadcrumbs-gap, var(--helix-space-xs))}[part="separator"] {color: var(--breadcrumbs-separator-color, var(--helix-color-foreground-subtle));display: block;user-select: none}[part="separator"] svg {block-size: 1em;inline-size: 1em;vertical-align: calc(0.5cap - 0.5em)}:host(:first-child) [part="separator"] {display: none}::slotted(a) {background-color: transparent;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));padding: var(--helix-space-2xs) var(--helix-space-xs);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard)}:host(:first-child) ::slotted(a) {margin-inline-start: calc(var(--helix-space-xs) * -1)}::slotted(a:hover) {background-color: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent))}::slotted(a:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host {font-weight: var(--breadcrumbs-font-weight, var(--helix-weight-medium))}:host([current]) {color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}[part="link"] {align-items: center;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));display: inline-flex;gap: var(--helix-space-xs);padding: var(--helix-space-2xs) var(--helix-space-xs);text-decoration: none}:host(:first-child) a[part="link"] {margin-inline-start: calc(var(--helix-space-xs) * -1)}:host(:not([href])) [part="link"] {padding-block: var(--helix-space-none)}:host(:not([href]):not([current])) [part="link"] {padding-inline: var(--helix-space-none)}a[part="link"]:hover {background-color: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}a[part="link"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([current]) [part="link"] {color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}:host(:state(end)) [part="link"], :host(:state(end)) ::slotted(a) {border-end-end-radius: var(--helix-radii-none);border-start-end-radius: var(--helix-radii-none);padding-inline-end: var(--helix-space-2xs)}:host(:state(end)) slot[name="end"] {--button-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));--button-radius-start: var(--helix-radii-none);--helix-size-focus-offset: calc(var(--helix-size-focus-ring) * -1);--icon-button-background-color-hover: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));--icon-button-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));--icon-size: 1.15em;align-items: center;display: inline-flex;margin-inline-start: calc(var(--breadcrumbs-gap, var(--helix-space-xs)) * -1)}:host(:state(end)) a[part="link"]:focus-visible, :host(:state(end)) ::slotted(a:focus-visible) {outline-offset: calc(var(--helix-size-focus-offset) * -1)}:host(:state(end)) [part="link"]:focus-visible, :host(:state(end)) ::slotted(a:focus-visible), :host(:state(end)) slot[name="end"]:focus-within {position: relative;z-index: var(--helix-layer-raised)}:host(:state(end)) [part="link"]:hover ~ slot[name="end"] {--icon-button-background-color: var(--_breadcrumbs-split-fill, transparent)}:host(:state(end)) [part="link"]:has(~ slot[name="end"]:hover), :host(:state(end)) [part="link"]:has(~ slot[name="end"]:hover) ::slotted(a) {background-color: var(--_breadcrumbs-split-fill, transparent)}:host(:state(end)) [part="link"] {position: relative}:host(:state(end)) [part="link"]::after {background-color: var(--_breadcrumbs-split-rule, transparent);content: "";inline-size: var(--helix-border-thin);inset-block: 20%;inset-inline-end: calc(var(--helix-border-thin) * -1);pointer-events: none;position: absolute}:host([hidden]), :host(:state(folded)) {display: none}[part="fold-separator"] {color: var(--breadcrumbs-separator-color, var(--helix-color-foreground-subtle));display: block;user-select: none}[part="fold-separator"] svg {block-size: 1em;inline-size: 1em;vertical-align: calc(0.5cap - 0.5em)}[part="expand"] {all: unset;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));cursor: pointer;line-height: var(--helix-leading-normal);padding: var(--helix-space-2xs) var(--helix-space-xs)}[part="expand"]:hover {background-color: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}[part="expand"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}`);
|
|
@@ -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 { HelixHeadlessBreadcrumb } from '@fusion.dev/helix-headless/breadcrumbs';
|
|
9
4
|
import { styles } from './breadcrumb.css.js';
|
|
@@ -1,8 +1,2 @@
|
|
|
1
1
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
2
|
-
export const styles = createSheet(`:host {--_breadcrumbs-split-fill: var(
|
|
3
|
-
--breadcrumbs-split-fill,
|
|
4
|
-
color-mix(in oklab, var(--helix-color-foreground) 4%, transparent)
|
|
5
|
-
);--_breadcrumbs-split-rule: transparent;display: block;}:host([separation="outlined"]) {--_breadcrumbs-split-fill: transparent;--_breadcrumbs-split-rule: var(--breadcrumbs-split-divider-color, var(--helix-color-border));}[part="list"] {align-items: center;display: flex;flex-wrap: wrap;font-size: var(--breadcrumbs-font-size, var(--helix-text-sm));gap: var(--breadcrumbs-gap, var(--helix-space-xs));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none);}[part="expand"] {all: unset;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));cursor: pointer;line-height: var(--helix-leading-normal);padding: var(--helix-space-2xs) var(--helix-space-xs);}[part="expand"]:hover {background-color: var(
|
|
6
|
-
--breadcrumbs-hover-color,
|
|
7
|
-
color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
|
|
8
|
-
);color: var(--breadcrumbs-current-color, var(--helix-color-foreground));}[part="expand"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media print {:host {print-color-adjust: economy;}}`);
|
|
2
|
+
export const styles = createSheet(`:host {--_breadcrumbs-split-fill: var(--breadcrumbs-split-fill, color-mix(in oklab, var(--helix-color-foreground) 4%, transparent));--_breadcrumbs-split-rule: transparent;display: block}:host([separation="outlined"]) {--_breadcrumbs-split-fill: transparent;--_breadcrumbs-split-rule: var(--breadcrumbs-split-divider-color, var(--helix-color-border))}[part="list"] {align-items: center;display: flex;flex-wrap: wrap;font-size: var(--breadcrumbs-font-size, var(--helix-text-sm));gap: var(--breadcrumbs-gap, var(--helix-space-xs));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none)}[part="expand"] {all: unset;border-radius: var(--breadcrumbs-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--breadcrumbs-link-color, var(--helix-color-foreground-muted));cursor: pointer;line-height: var(--helix-leading-normal);padding: var(--helix-space-2xs) var(--helix-space-xs)}[part="expand"]:hover {background-color: var(--breadcrumbs-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));color: var(--breadcrumbs-current-color, var(--helix-color-foreground))}[part="expand"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media print {:host {print-color-adjust: economy}}`);
|
|
@@ -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 { HelixHeadlessBreadcrumbs } from '@fusion.dev/helix-headless/breadcrumbs';
|
|
9
4
|
import { property } from 'lit/decorators.js';
|