@fusion.dev/helix 0.187.0 → 0.189.0

package/types/words.d.ts

@@ -509,6 +509,14 @@ declare module '@fusion.dev/helix-core' {
        * English: `Now`
        */
       nowLabel: Message
+      /**
+       * What the readout says for a place with no reading. `{x}` and `{z}` are
+       * the place's numbers across and in depth, and `{across}` and `{depth}`
+       * the two measures' names.
+       *
+       * English: `{across} {x}, {depth} {z}: no reading`
+       */
+      openLabel: Message
       /**
        * The `overview`'s sentence. `{busiestLabel}` and `{totalLabel}` are
        * `busiest-label` and `total-label`, `{busiest}` the busiest reading's name
@@ -574,6 +582,12 @@ declare module '@fusion.dev/helix-core' {
        * English: `YYYY-MM-DD`
        */
       placeholder: Message
+      /**
+       * The plot's name where the chart has none: no `aria-label`, `label`, or table caption.
+       *
+       * English: `3D scatter chart`
+       */
+      plotLabel: Message
       /**
        * The word for the rows a series rests on, `{pointsLabel}` in
        * `series-label`. `{count}` is how many, so the word takes its plural

package/dist/isometric-heatmap/index.d.ts

@@ -1 +0,0 @@
-export { HelixIsometricHeatmap } from './root/isometric-heatmap-root.js';

package/dist/isometric-heatmap/index.js

@@ -1 +0,0 @@
-export { HelixIsometricHeatmap } from './root/isometric-heatmap-root.js';

package/dist/isometric-heatmap/root/isometric-heatmap-root.css.js

@@ -1,2 +0,0 @@
-import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_isometric-heatmap-cell: var(--isometric-heatmap-cell-size, 1.25rem);--heatmap-tone-accent: var(--helix-color-accent);--heatmap-tone-danger: var(--helix-color-danger);--heatmap-tone-info: var(--helix-color-info);--heatmap-tone-muted: var(--helix-color-surface-sunken);--heatmap-tone-primary: var(--helix-color-primary);--heatmap-tone-success: var(--helix-color-success);--heatmap-tone-warning: var(--helix-color-warning);--heatmap-tone-1: color-mix(in oklab, var(--helix-color-primary-active) 20%, var(--helix-color-surface-sunken));--heatmap-tone-2: color-mix(in oklab, var(--helix-color-primary-active) 40%, var(--helix-color-surface-sunken));--heatmap-tone-3: color-mix(in oklab, var(--helix-color-primary-active) 60%, var(--helix-color-surface-sunken));--heatmap-tone-4: color-mix(in oklab, var(--helix-color-primary-active) 80%, var(--helix-color-surface-sunken));--heatmap-tone-5: var(--helix-color-primary-active);display: grid;grid-template-columns: minmax(0, max-content)}[part~="strip"] {inline-size: calc(var(--isometric-heatmap-span, 1) * 0.866 * var(--_isometric-heatmap-cell));max-inline-size: 100%;position: relative}[part="drawing"] {block-size: auto;display: block;inline-size: 100%;overflow: visible}[part~="cell"] {--_isometric-heatmap-top: var(--heatmap-tone, var(--helix-color-surface-sunken));--_isometric-heatmap-left: color-mix(in oklab, var(--_isometric-heatmap-top), black var(--isometric-heatmap-left-shade, 22%));--_isometric-heatmap-right: color-mix(in oklab, var(--_isometric-heatmap-top), black var(--isometric-heatmap-right-shade, 38%))}[part~="top-face"] {--_isometric-heatmap-face: var(--_isometric-heatmap-top)}[part~="left-face"] {--_isometric-heatmap-face: var(--_isometric-heatmap-left)}[part~="right-face"] {--_isometric-heatmap-face: var(--_isometric-heatmap-right)}[part~="cell"] > * {--_isometric-heatmap-ink: oklch(from var(--_isometric-heatmap-face) clamp(0, (0.6 - l) * 1000, 1) 0 0);fill: var(--_isometric-heatmap-face);stroke: color-mix(in oklab, var(--_isometric-heatmap-face), var(--_isometric-heatmap-ink) 25%);stroke-linejoin: round;stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke}[part~="cell-selected"] > * {stroke: var(--isometric-heatmap-selected-color, var(--_isometric-heatmap-ink));stroke-dasharray: 3px 2px;stroke-width: var(--helix-border-thick)}@media (hover: hover) {[part~="cell"]:hover > * {stroke: var(--_isometric-heatmap-ink);stroke-dasharray: none;stroke-width: var(--helix-border-thick)}}[part~="cell-active"] > * {stroke: var(--_isometric-heatmap-ink);stroke-dasharray: none;stroke-width: var(--helix-border-thick)}[part~="strip"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="live"], [part="overview"], [part="selection"], [part="table"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}[part="footer"] {align-items: baseline;color: var(--helix-color-foreground-subtle);display: grid;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-xs);grid-template-columns: auto minmax(0, 1fr) auto;padding-block-start: var(--helix-space-xs)}[part="summary"] {text-align: center}[part="end"] {text-align: end}[part="footer"][data-empty] {display: none}[part="empty"], [part="loading"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);text-align: center}@media print {[part~="cell"] > * {stroke: var(--helix-color-border);stroke-width: var(--helix-border-thin)}}@media (forced-colors: active) {[part~="cell"] > * {forced-color-adjust: none;stroke: CanvasText}[part~="cell-active"] > *, [part~="cell-selected"] > * {stroke: Highlight;stroke-width: var(--helix-border-thick)}}`);

package/dist/isometric-heatmap/root/isometric-heatmap-root.d.ts

@@ -1,39 +0,0 @@
-import { HelixHeadlessIsometricHeatmap } from '@fusion.dev/helix-headless/isometric-heatmap';
-import type { CSSResultGroup } from 'lit';
-import '../../tooltip/index.js';
-/**
- * @summary A heatmap drawn as a relief, where each reading stands as tall as its value.
- *
- * @description
- * Each reading is a prism. The top face takes the cell's tone, and the two
- * sides are the same tone, shaded darker, so the whole relief follows your
- * theme's colors.
- *
- * `tones="1 2 3 4 5"` uses the same five-step ramp as `Heatmap`, so the tone
- * and the height both show the value. Set `--isometric-heatmap-cell-size` to
- * change how large a cell may grow.
- *
- * @since 0.185.0
- * @status experimental
- * @category charts
- * @documentation https://fusion.dev/helix/components/isometric-heatmap
- *
- * @cssproperty --isometric-heatmap-cell-size - The largest a cell grows, along its edge. The strip is never wider than its box, and draws smaller cells to fit.
- * @cssproperty --isometric-heatmap-left-shade - How much darker the left face is than the top, as a percentage mixed toward black.
- * @cssproperty --isometric-heatmap-right-shade - How much darker the right face is than the top, as a percentage mixed toward black.
- * @cssproperty --isometric-heatmap-selected-color - The color of the dashed edges of a selected prism, under `selection-mode`. By default, white on a dark face and black on a light one.
- */
-export declare class HelixIsometricHeatmap extends HelixHeadlessIsometricHeatmap {
-    static tier: string;
-    static styles: CSSResultGroup;
-    /**
-     * The smallest cell, in CSS pixels, before the strip draws fewer columns.
-     * `gap` is two pixels at that size, so a prism covers five sixths of its cell.
-     */
-    minCell: number;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'helix-isometric-heatmap': HelixIsometricHeatmap;
-    }
-}

package/dist/isometric-heatmap/root/isometric-heatmap-root.js

@@ -1,18 +0,0 @@
-import { __decorate } from "tslib";
-import { customElement } from '@fusion.dev/helix-core';
-import { HelixHeadlessIsometricHeatmap } from '@fusion.dev/helix-headless/isometric-heatmap';
-import { styles as tooltipStyles } from '../../shared/chart/tooltip.css.js';
-import { styles } from './isometric-heatmap-root.css.js';
-import '../../tooltip/index.js';
-let HelixIsometricHeatmap = class HelixIsometricHeatmap extends HelixHeadlessIsometricHeatmap {
-    constructor() {
-        super(...arguments);
-        this.minCell = 10;
-    }
-    static { this.tier = 'helix-'; }
-    static { this.styles = [tooltipStyles, styles]; }
-};
-HelixIsometricHeatmap = __decorate([
-    customElement('helix-isometric-heatmap')
-], HelixIsometricHeatmap);
-export { HelixIsometricHeatmap };