@pitchfork-ui/elements 0.0.0-stage → 0.2.1

package/dist/cjs/pf-file-uploader.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"pf-file-uploader.cjs.entry.js","mappings":"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","names":["applyControlValidity","composeDescribedBy","h","Host","index"],"sources":["../core/dist/files.js","src/components/pf-file-uploader/pf-file-uploader.css?tag=pf-file-uploader&encapsulation=shadow","src/components/pf-file-uploader/pf-file-uploader.tsx"],"sourcesContent":["//#region src/files.ts\n/**\n* A size in the units a person reads.\n*\n* Binary steps with decimal names, which is what every file manager does.\n* `GB` is included because stopping at `MB` reads a 3 GB upload as\n* \"3072.0 MB\", and the whole point of the function is to be read.\n*/\nfunction formatFileSize(bytes) {\n\tif (!Number.isFinite(bytes) || bytes < 0) return \"0 B\";\n\tif (bytes < 1024) return `${Math.round(bytes)} B`;\n\tif (bytes < 1024 ** 2) return `${(bytes / 1024).toFixed(1)} KB`;\n\tif (bytes < 1024 ** 3) return `${(bytes / 1024 ** 2).toFixed(1)} MB`;\n\treturn `${(bytes / 1024 ** 3).toFixed(1)} GB`;\n}\n/**\n* What makes two selections the same file.\n*\n* Name, size and modification time together, because a browser gives no file\n* identity of its own: picking the same file twice produces two distinct\n* `File` objects, and a consumer who adds `report.pdf` from two folders is\n* adding two files. `lastModified` is optional only so a plain object can\n* stand in for a `File` in a test.\n*/\nfunction fileKey(file) {\n\treturn `${file.name}-${file.size}-${file.lastModified ?? 0}`;\n}\n/**\n* The files a new selection leaves you holding.\n*\n* Appends for a multiple picker and replaces for a single one, then drops\n* duplicates by `fileKey` keeping the **first** of each — so re-picking a\n* file already held is a no-op rather than a reordering.\n*\n* Deliberately does not truncate to `maxFiles`. The React `FileUploader`\n* truncated first and validated afterwards, which made its \"You can upload up\n* to N files\" message unreachable: the list was already short enough by the\n* time it was checked, so the extra files vanished with nothing said. Merging\n* and validating are separate so the caller can refuse a selection instead of\n* quietly losing part of it.\n*/\nfunction mergeFileSelection(existing, incoming, { multiple = true } = {}) {\n\tif (!multiple) return incoming.slice(0, 1);\n\tconst byKey = /* @__PURE__ */ new Map();\n\tfor (const file of [...existing, ...incoming]) {\n\t\tconst key = fileKey(file);\n\t\tif (!byKey.has(key)) byKey.set(key, file);\n\t}\n\treturn [...byKey.values()];\n}\n/**\n* Whether a file is one of the kinds an `accept` list allows.\n*\n* The three forms a file input takes, and nothing else: an extension\n* (`.pdf`), a type (`image/png`) and a wildcard type (`image/*`). No list at\n* all allows everything.\n*\n* It exists because `accept` only filters the file *picker*. A **dropped**\n* file is never filtered by anything, so a dropzone that trusts the attribute\n* accepts whatever is dragged onto it — which is what both layers did.\n*/\nfunction fileMatchesAccept(file, accept) {\n\tconst tokens = (accept ?? \"\").split(\",\").map((token) => token.trim().toLowerCase()).filter(Boolean);\n\tif (tokens.length === 0) return true;\n\tconst name = file.name.toLowerCase();\n\tconst type = (file.type ?? \"\").toLowerCase();\n\treturn tokens.some((token) => {\n\t\tif (token.startsWith(\".\")) return name.endsWith(token);\n\t\tif (token.endsWith(\"/*\")) return type.startsWith(`${token.slice(0, -1)}`);\n\t\treturn type === token;\n\t});\n}\n/**\n* What is wrong with a selection, as a sentence to show, or `null`.\n*\n* Each check names the offending file, because \"one of these is wrong\" is not\n* something a person can act on, and the kind is reported before the size\n* because it is the more specific complaint. `maxFileSize` and `maxFiles` are\n* honoured whenever they are finite and non-negative — the React version\n* tested them for truthiness, so a limit of `0`, which is a way of saying\n* \"nothing may be uploaded\", silently allowed everything.\n*/\nfunction validateFileSelection(files, { maxFiles, maxFileSize, accept } = {}) {\n\tif (accept) {\n\t\tconst wrongKind = files.find((file) => !fileMatchesAccept(file, accept));\n\t\tif (wrongKind) return `\"${wrongKind.name}\" is not an accepted file type.`;\n\t}\n\tif (typeof maxFileSize === \"number\" && maxFileSize >= 0) {\n\t\tconst oversized = files.find((file) => file.size > maxFileSize);\n\t\tif (oversized) return `\"${oversized.name}\" exceeds the ${formatFileSize(maxFileSize)} size limit.`;\n\t}\n\tif (typeof maxFiles === \"number\" && maxFiles >= 0 && files.length > maxFiles) return `You can upload up to ${maxFiles} file${maxFiles === 1 ? \"\" : \"s\"}.`;\n\treturn null;\n}\n/**\n* The hint under a dropzone: what is accepted, how big, how many.\n*\n* In core rather than in each layer because it is the one place the three\n* limits are described to a person, and two layers describing them\n* differently is worse than either wording.\n*/\nfunction fileLimitsHint(accept, { maxFiles, maxFileSize } = {}) {\n\tconst parts = [];\n\tif (accept) parts.push(`Accepted: ${accept}`);\n\tif (typeof maxFileSize === \"number\" && maxFileSize >= 0) parts.push(`Max size: ${formatFileSize(maxFileSize)}`);\n\tif (typeof maxFiles === \"number\" && maxFiles >= 0) parts.push(`Max files: ${maxFiles}`);\n\treturn parts.join(\" | \");\n}\n//#endregion\nexport { fileKey, fileLimitsHint, fileMatchesAccept, formatFileSize, mergeFileSelection, validateFileSelection };\n",":host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  display: grid;\n  gap: var(--space-2);\n}\n\n.label {\n  color: var(--pf-field-label);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.required {\n  color: var(--pf-field-required);\n  margin-inline-start: var(--space-1);\n}\n\n.description {\n  color: var(--pf-field-description);\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-field-error);\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n/*\n * The input is reached only through the dropzone, never directly: it is out of\n * the tab order and out of the accessibility tree, and the button is the\n * control. Hidden with the clip-path idiom rather than `display: none`,\n * because a `display: none` file input cannot be opened with `.click()` in\n * every browser.\n */\n.input {\n  border: 0;\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.dropzone {\n  align-items: center;\n  background: var(--pf-file-uploader-bg);\n  border: 1px dashed var(--pf-file-uploader-border-strong);\n  border-radius: var(--radius-md);\n  color: var(--pf-file-uploader-text);\n  cursor: pointer;\n  display: grid;\n  font: inherit;\n  gap: var(--space-1);\n  justify-items: center;\n  padding: var(--space-5) var(--space-4);\n  text-align: center;\n  transition: all var(--pf-transition-fast);\n  width: 100%;\n}\n\n.dropzone:hover:not(:disabled) {\n  background: var(--pf-file-uploader-bg-subtle);\n}\n\n.dropzone:focus-visible {\n  box-shadow: var(--pf-file-uploader-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.dropzone--active {\n  background: var(--pf-file-uploader-bg-subtle);\n  border-color: var(--pf-file-uploader-active-border);\n}\n\n.dropzone--invalid {\n  border-color: var(--pf-file-uploader-invalid-border);\n}\n\n.dropzone:disabled {\n  cursor: not-allowed;\n  opacity: var(--pf-file-uploader-disabled-opacity, 0.5);\n}\n\n.icon {\n  color: var(--pf-file-uploader-text-muted);\n  font-size: var(--font-size-xl);\n}\n\n.title {\n  font-weight: var(--font-weight-semibold);\n}\n\n.subtitle,\n.hint {\n  color: var(--pf-file-uploader-text-muted);\n  font-size: var(--font-size-sm);\n}\n\n.hint {\n  font-size: var(--font-size-xs);\n}\n\n.list {\n  display: grid;\n  gap: var(--space-1);\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.file {\n  align-items: center;\n  background: var(--pf-file-uploader-bg-subtle);\n  border: 1px solid var(--pf-file-uploader-border);\n  border-radius: var(--radius-sm);\n  display: flex;\n  gap: var(--space-2);\n  justify-content: space-between;\n  padding: var(--space-2) var(--space-3);\n}\n\n/* The name takes the slack, so the size and the button sit at the far edge. */\n.meta {\n  display: flex;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.file-name {\n  color: var(--pf-file-uploader-text);\n  font-size: var(--font-size-sm);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.file-size {\n  color: var(--pf-file-uploader-text-muted);\n  flex: 0 0 auto;\n  font-size: var(--font-size-xs);\n}\n\n.remove {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-file-uploader-text-muted);\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: var(--space-1);\n}\n\n.remove:hover:not(:disabled) {\n  color: var(--pf-file-uploader-text);\n}\n\n.remove:focus-visible {\n  box-shadow: var(--pf-file-uploader-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.remove:disabled {\n  cursor: not-allowed;\n  opacity: var(--pf-file-uploader-disabled-opacity, 0.5);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dropzone {\n    transition: none;\n  }\n}\n","import {\n  composeDescribedBy,\n  fileKey,\n  fileLimitsHint,\n  formatFileSize,\n  mergeFileSelection,\n  validateFileSelection,\n} from '@pitchfork-ui/core';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { applyControlValidity } from '../../form-validity';\n\n/**\n * A form-associated file picker with a dropzone.\n *\n * All of the rules are core's — how a size is written, what makes two\n * selections the same file, which files a selection leaves you with, what is\n * wrong with the result and how the limits are described — so this and the\n * React `FileUploader` cannot drift on any of them.\n *\n * It deliberately has **no Angular `ControlValueAccessor`**. The generator\n * offers accessors that write `value`, a number or `checked`, and this\n * control's value is a `File[]`: a text accessor would store `[object File]`.\n * An Angular consumer binds `[files]` and `(pfChange)`, and the submission\n * still works, because that goes through `ElementInternals` rather than\n * through the accessor.\n *\n * @part field - the wrapper around label, dropzone and messages.\n * @part label - the label element.\n * @part dropzone - the button that opens the picker and takes the drop.\n * @part icon - the dropzone's icon.\n * @part list - the list of chosen files.\n * @part file - one row of that list.\n * @part remove - a row's remove button.\n * @part description - the hint text.\n * @part error - the error message.\n */\n@Component({\n  tag: 'pf-file-uploader',\n  styleUrl: 'pf-file-uploader.css',\n  formAssociated: true,\n  shadow: true,\n})\nexport class PfFileUploader {\n  @AttachInternals() internals!: ElementInternals;\n\n  @Element() el!: HTMLElement;\n\n  /**\n   * Submitted under this name.\n   *\n   * Reflected, because a form-associated custom element takes its submission\n   * name from the `name` content attribute rather than from this property.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * The files chosen. A property only — there is no attribute that could\n   * carry a `File`.\n   */\n  @Prop({ mutable: true }) files: File[] = [];\n\n  /** The `accept` list, in the form an `<input type=\"file\">` takes. */\n  @Prop() accept?: string;\n\n  @Prop({ reflect: true }) multiple = true;\n\n  /** The most files that may be held at once. */\n  @Prop() maxFiles?: number;\n\n  /** The largest any one file may be, in bytes. */\n  @Prop() maxFileSize?: number;\n\n  @Prop() label?: string;\n\n  @Prop() description?: string;\n\n  /** Error message from the consumer. Its presence marks the control invalid. */\n  @Prop() error?: string;\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires when the files held change, however they changed. */\n  @Event() pfChange!: EventEmitter<{ files: File[] }>;\n\n  /** Fires when a selection is refused, with the reason shown to the person. */\n  @Event() pfReject!: EventEmitter<{ message: string }>;\n\n  /** The uploader's own complaint about the last selection. */\n  @State() rejection?: string;\n\n  /**\n   * How deep the drag is.\n   *\n   * A counter rather than a boolean: `dragenter` and `dragleave` both bubble\n   * from the dropzone's own children, so moving the pointer from the icon to\n   * the title fires a leave and then an enter and a boolean flickers off. The\n   * React `FileUploader` has that flicker.\n   */\n  @State() dragDepth = 0;\n\n  /** What a form reset restores, captured before `files` can be replaced. */\n  private initialFiles: File[] = [];\n\n  private input?: HTMLInputElement;\n\n  componentWillLoad() {\n    this.initialFiles = [...(this.files ?? [])];\n    this.syncFormState();\n  }\n\n  @Watch('files')\n  @Watch('error')\n  @Watch('required')\n  // The uploader's own complaint is a real constraint failure, not only a\n  // message, so the validity has to follow it as well as the consumer's.\n  @Watch('rejection')\n  syncFormState() {\n    const held = this.files ?? [];\n\n    /*\n     * A `FormData` rather than a string, because one control here submits one\n     * entry per file — which is how a native multi-file input submits, and\n     * the only shape a server handling the form can use. `setFormValue`\n     * ignores the element's own `name` attribute when handed a `FormData`, so\n     * the key has to be built into it.\n     */\n    if (this.name && held.length > 0) {\n      const data = new FormData();\n      for (const file of held) data.append(this.name, file);\n      this.internals.setFormValue(data);\n    } else {\n      // `null`, not an empty string: a file input with nothing chosen is\n      // absent from the submission entirely.\n      this.internals.setFormValue(null);\n    }\n\n    applyControlValidity(\n      this.internals,\n      held.length > 0,\n      this.required,\n      this.error ?? this.rejection,\n    );\n  }\n\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  /** Opens the file picker, as clicking the dropzone does. */\n  @Method()\n  async open() {\n    if (!this.disabled) this.input?.click();\n  }\n\n  /**\n   * A reset restores the files the control started with, not an empty list —\n   * the rule a native `<input value=\"initial\">` follows.\n   */\n  formResetCallback() {\n    this.files = [...this.initialFiles];\n    this.rejection = undefined;\n    this.dragDepth = 0;\n  }\n\n  private get limits() {\n    return { maxFiles: this.maxFiles, maxFileSize: this.maxFileSize, accept: this.accept };\n  }\n\n  private addFiles(selected: FileList | null) {\n    if (!selected || this.disabled) return;\n\n    const next = mergeFileSelection(this.files ?? [], Array.from(selected), {\n      multiple: this.multiple,\n    });\n\n    /*\n     * `accept` is checked here as well as set on the input, because the\n     * attribute filters the *picker* and nothing else: a dropped file passes\n     * no filter at all.\n     */\n    const rejection = validateFileSelection(next, this.limits);\n\n    /*\n     * The input is cleared whichever way this goes. A file input fires no\n     * `change` for an identical selection, so a rejected value left in place\n     * means picking the same file again does nothing and the message stands\n     * with no way to retry.\n     */\n    if (this.input) this.input.value = '';\n\n    if (rejection) {\n      this.rejection = rejection;\n      this.pfReject.emit({ message: rejection });\n      return;\n    }\n\n    this.rejection = undefined;\n    this.files = next;\n    this.pfChange.emit({ files: next });\n  }\n\n  private removeAt(index: number) {\n    if (this.disabled) return;\n    const next = (this.files ?? []).filter((_, position) => position !== index);\n    this.rejection = undefined;\n    this.files = next;\n    this.pfChange.emit({ files: next });\n  }\n\n  private onDragEnter = (event: DragEvent) => {\n    event.preventDefault();\n    if (this.disabled) return;\n    this.dragDepth += 1;\n  };\n\n  private onDragLeave = (event: DragEvent) => {\n    event.preventDefault();\n    this.dragDepth = Math.max(0, this.dragDepth - 1);\n  };\n\n  private onDrop = (event: DragEvent) => {\n    event.preventDefault();\n    this.dragDepth = 0;\n    this.addFiles(event.dataTransfer?.files ?? null);\n  };\n\n  render() {\n    const held = this.files ?? [];\n    const message = this.error ?? this.rejection;\n    const hint = fileLimitsHint(this.accept, this.limits);\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      message && 'error',\n      hint && 'hint',\n    );\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"dropzone\">\n              {this.label}\n              {this.required && (\n                <span class=\"required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          )}\n\n          {/*\n            The input is in this shadow root, so it reaches no surrounding\n            form of its own — and is given no `name` for that reason. The\n            submission comes from `setFormValue` above.\n          */}\n          <input\n            ref={(node) => (this.input = node)}\n            id=\"input\"\n            class=\"input\"\n            type=\"file\"\n            accept={this.accept}\n            multiple={this.multiple}\n            disabled={this.disabled}\n            tabindex={-1}\n            aria-hidden=\"true\"\n            onChange={(event) => this.addFiles((event.target as HTMLInputElement).files)}\n          />\n\n          <button\n            id=\"dropzone\"\n            type=\"button\"\n            class={{\n              dropzone: true,\n              'dropzone--active': this.dragDepth > 0,\n              'dropzone--invalid': Boolean(message),\n            }}\n            part=\"dropzone\"\n            disabled={this.disabled}\n            aria-invalid={message ? 'true' : null}\n            aria-describedby={describedBy}\n            onClick={() => this.open()}\n            onDragEnter={this.onDragEnter}\n            onDragOver={(event: DragEvent) => event.preventDefault()}\n            onDragLeave={this.onDragLeave}\n            onDrop={this.onDrop}\n          >\n            <span class=\"icon\" part=\"icon\" aria-hidden=\"true\">\n              <pf-icon name=\"file-arrow-up\"></pf-icon>\n            </span>\n            <span class=\"title\">Upload files</span>\n            <span class=\"subtitle\">Drag and drop files here, or click to browse.</span>\n            {hint && (\n              <span class=\"hint\" id=\"hint\">\n                {hint}\n              </span>\n            )}\n          </button>\n\n          {held.length > 0 && (\n            <ul class=\"list\" part=\"list\" aria-label=\"Selected files\">\n              {held.map((file, index) => (\n                <li class=\"file\" part=\"file\" key={fileKey(file)}>\n                  <span class=\"meta\">\n                    <span class=\"file-name\">{file.name}</span>\n                    <span class=\"file-size\">{formatFileSize(file.size)}</span>\n                  </span>\n                  <button\n                    type=\"button\"\n                    class=\"remove\"\n                    part=\"remove\"\n                    aria-label={`Remove ${file.name}`}\n                    disabled={this.disabled}\n                    onClick={() => this.removeAt(index)}\n                  >\n                    <pf-icon name=\"circle-xmark\" aria-hidden=\"true\"></pf-icon>\n                  </button>\n                </li>\n              ))}\n            </ul>\n          )}\n\n          {this.description && (\n            <p class=\"description\" part=\"description\" id=\"description\">\n              {this.description}\n            </p>\n          )}\n\n          {message && (\n            <p class=\"error\" part=\"error\" id=\"error\">\n              {message}\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/pf-gauge-chart.cjs.entry.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var index = require('./index-CIskGKk1.js');
+var progress = require('./progress-DVUoQ3h5.js');
+
+const pfGaugeChartCss = () => `:host{align-items:center;display:inline-flex;justify-content:center;position:relative}:host([hidden]){display:none}.svg{inset:0;position:absolute}.track{stroke:var(--pf-gauge-track-color)}.fill{animation:pf-gauge-fill var(--duration-slow) var(--easing-decelerate);stroke-dashoffset:var(--pf-gauge-offset);transition:stroke-dashoffset var(--pf-transition-medium)}@keyframes pf-gauge-fill{from{stroke-dashoffset:var(--pf-gauge-circumference)}}@media (prefers-reduced-motion: reduce){.fill{animation:none;transition:none}}.center{align-items:center;background:var(--pf-gauge-center-bg);border-radius:var(--radius-full);display:flex;flex-direction:column;gap:var(--space-1);justify-content:center;padding:var(--space-2);position:relative;text-align:center;z-index:1}.label{color:var(--pf-gauge-label-color);font-size:var(--pf-gauge-label-size);font-weight:var(--font-weight-semibold);line-height:1}::slotted([slot='sub']){color:var(--pf-gauge-sub-label-color);font-size:var(--font-size-sm);line-height:1}`;
+
+const PfGaugeChart = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    value = 0;
+    max = 100;
+    /** Diameter, in pixels. */
+    size = 200;
+    /** The arc's thickness, in pixels. */
+    strokeWidth = 16;
+    /** Overrides the token colour. */
+    color;
+    /** What is being measured. The meter's accessible name. */
+    label = 'Gauge';
+    render() {
+        const size = Number(this.size) || 200;
+        const strokeWidth = Number(this.strokeWidth) || 16;
+        const percent = Math.round(progress.clampProgressPercent(Number(this.value), Number(this.max)));
+        const { radius, circumference, dashOffset, center } = progress.getProgressCircleGeometry(size, strokeWidth, percent);
+        const stroke = this.color ?? 'var(--pf-gauge-color)';
+        return (index.h(index.Host, { key: '4b68ce456d9e35a64fa2eb16dbcaf7b3d7d8c39a', role: "meter", "aria-label": this.label, "aria-valuenow": String(this.value), "aria-valuemin": "0", "aria-valuemax": String(this.max), "aria-valuetext": `${percent}%`, style: { width: `${size}px`, height: `${size}px` } }, index.h("svg", { key: 'cfec8943ae89a32ebb53b7590a16a5cb9c7650bd', class: "svg", part: "svg", width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true" }, index.h("circle", { key: '1b582bd780e9eef61d64fd9422881c3bd2980410', class: "track", part: "track", cx: center, cy: center, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'f1b871cc4f6c0e30f1f0ed2f97ed947f0733d197', class: "fill", part: "fill", cx: center, cy: center, r: radius, fill: "none", stroke: stroke, "stroke-width": strokeWidth, "stroke-linecap": "round", "stroke-dasharray": circumference, style: {
+                transform: 'rotate(-90deg)',
+                transformOrigin: `${center}px ${center}px`,
+                '--pf-gauge-circumference': String(circumference),
+                '--pf-gauge-offset': String(dashOffset),
+            } })), index.h("div", { key: 'ca9e8e0cbad4c53bd7b6d1f2cb032ac0e655e728', class: "center", part: "center", "aria-hidden": "true" }, index.h("span", { key: 'c41cc2ff253f428c8f5a23ec1d8e63aa905ac7d5', class: "label", part: "label" }, index.h("slot", { key: '491591bff197590cf4dc3431603494879f24652e', name: "center" }, percent, "%")), index.h("slot", { key: '2027cd831a0e13b89616a3a2e667a1a952fcdf5d', name: "sub" }))));
+    }
+};
+PfGaugeChart.style = pfGaugeChartCss();
+
+exports.pf_gauge_chart = PfGaugeChart;
+//# sourceMappingURL=pf-gauge-chart.entry.cjs.js.map
+
+//# sourceMappingURL=pf-gauge-chart.cjs.entry.js.map

package/dist/cjs/pf-gauge-chart.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"pf-gauge-chart.cjs.entry.js","mappings":"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","names":["clampProgressPercent","getProgressCircleGeometry","h","Host"],"sources":["src/components/pf-gauge-chart/pf-gauge-chart.css?tag=pf-gauge-chart&encapsulation=shadow","src/components/pf-gauge-chart/pf-gauge-chart.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.svg {\n  inset: 0;\n  position: absolute;\n}\n\n.track {\n  stroke: var(--pf-gauge-track-color);\n}\n\n.fill {\n  /*\n   * The animation and the transition together: the first fills the arc in on\n   * first paint, the second carries it between values afterwards. A\n   * `--pf-transition-*` alias where the raw duration tokens would do, because\n   * an alias cannot be half-right.\n   */\n  animation: pf-gauge-fill var(--duration-slow) var(--easing-decelerate);\n  stroke-dashoffset: var(--pf-gauge-offset);\n  transition: stroke-dashoffset var(--pf-transition-medium);\n}\n\n/*\n * Its own copy: `@keyframes` do not cross a shadow boundary, so the React\n * library's global declaration is invisible here.\n */\n@keyframes pf-gauge-fill {\n  from {\n    stroke-dashoffset: var(--pf-gauge-circumference);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fill {\n    animation: none;\n    transition: none;\n  }\n}\n\n.center {\n  align-items: center;\n  background: var(--pf-gauge-center-bg);\n  border-radius: var(--radius-full);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  justify-content: center;\n  padding: var(--space-2);\n  position: relative;\n  text-align: center;\n  z-index: 1;\n}\n\n.label {\n  color: var(--pf-gauge-label-color);\n  font-size: var(--pf-gauge-label-size);\n  font-weight: var(--font-weight-semibold);\n  line-height: 1;\n}\n\n/*\n * The slotted sub-label itself, with no wrapper of ours around it: an\n * unassigned slot is `display: contents` and generates nothing, so a gauge\n * with no sub-label lays out nothing extra. A wrapper would still be a flex\n * item costing the `--space-1` gap, and could not be collapsed from CSS —\n * `:has()` cannot ask whether a slot has assigned content, because assigned\n * nodes are not the slot's children.\n */\n::slotted([slot='sub']) {\n  color: var(--pf-gauge-sub-label-color);\n  font-size: var(--font-size-sm);\n  line-height: 1;\n}\n","import { clampProgressPercent, getProgressCircleGeometry } from '@pitchfork-ui/core';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * A single value drawn as a filled arc, with a label in the middle.\n *\n * The geometry is `getProgressCircleGeometry`, which `pf-progress-circle` and\n * the React `ProgressCircle` already share: the dash offset only lands on the\n * right angle if it and the circumference came from the same radius, and the\n * radius has to be inset by half the stroke or half of it paints outside the\n * viewBox.\n *\n * It names itself with `label` where the React `GaugeChart` puts the\n * percentage in `aria-label`. A meter's name should say what is being\n * measured; the value belongs in `aria-valuetext`, which is where a reader\n * looks for it, and announcing \"73%\" as the name of a thing leaves a reader\n * with no idea what is 73% full.\n *\n * @slot center - replaces the percentage in the middle.\n * @slot sub - a second line under it.\n * @part svg - the arc's canvas.\n * @part track - the unfilled ring.\n * @part fill - the filled arc.\n * @part center - the box in the middle.\n * @part label - the big number.\n */\n@Component({\n  tag: 'pf-gauge-chart',\n  styleUrl: 'pf-gauge-chart.css',\n  shadow: true,\n})\nexport class PfGaugeChart {\n  @Prop() value = 0;\n\n  @Prop() max = 100;\n\n  /** Diameter, in pixels. */\n  @Prop() size = 200;\n\n  /** The arc's thickness, in pixels. */\n  @Prop() strokeWidth = 16;\n\n  /** Overrides the token colour. */\n  @Prop() color?: string;\n\n  /** What is being measured. The meter's accessible name. */\n  @Prop() label = 'Gauge';\n\n  render() {\n    const size = Number(this.size) || 200;\n    const strokeWidth = Number(this.strokeWidth) || 16;\n    const percent = Math.round(clampProgressPercent(Number(this.value), Number(this.max)));\n    const { radius, circumference, dashOffset, center } = getProgressCircleGeometry(\n      size,\n      strokeWidth,\n      percent,\n    );\n    const stroke = this.color ?? 'var(--pf-gauge-color)';\n\n    return (\n      <Host\n        role=\"meter\"\n        aria-label={this.label}\n        aria-valuenow={String(this.value)}\n        aria-valuemin=\"0\"\n        aria-valuemax={String(this.max)}\n        aria-valuetext={`${percent}%`}\n        style={{ width: `${size}px`, height: `${size}px` }}\n      >\n        <svg\n          class=\"svg\"\n          part=\"svg\"\n          width={size}\n          height={size}\n          viewBox={`0 0 ${size} ${size}`}\n          aria-hidden=\"true\"\n        >\n          <circle\n            class=\"track\"\n            part=\"track\"\n            cx={center}\n            cy={center}\n            r={radius}\n            fill=\"none\"\n            stroke-width={strokeWidth}\n          />\n          {/* Rotated so the arc starts at twelve o'clock rather than at three. */}\n          <circle\n            class=\"fill\"\n            part=\"fill\"\n            cx={center}\n            cy={center}\n            r={radius}\n            fill=\"none\"\n            stroke={stroke}\n            stroke-width={strokeWidth}\n            stroke-linecap=\"round\"\n            stroke-dasharray={circumference}\n            style={{\n              transform: 'rotate(-90deg)',\n              transformOrigin: `${center}px ${center}px`,\n              '--pf-gauge-circumference': String(circumference),\n              '--pf-gauge-offset': String(dashOffset),\n            }}\n          />\n        </svg>\n\n        <div class=\"center\" part=\"center\" aria-hidden=\"true\">\n          <span class=\"label\" part=\"label\">\n            <slot name=\"center\">{percent}%</slot>\n          </span>\n          {/*\n            No wrapper around this slot. An *unassigned* slot is\n            `display: contents` and generates nothing, so nothing is laid out\n            when there is no sub-label — where a wrapper would still be a flex\n            item and still cost the `--space-1` gap above it, and could not be\n            collapsed from CSS: `:has()` on a slot's assigned content is not\n            expressible, because assigned nodes are not the slot's children.\n          */}\n          <slot name=\"sub\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/pf-header-navigation.cjs.entry.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var index = require('./index-CIskGKk1.js');
+var nav = require('./nav-C4LaACXb.js');
+
+const pfHeaderNavigationCss = () => `:host{background:var(--pf-header-nav-bg);border:1px solid var(--pf-header-nav-border);border-radius:var(--pf-header-nav-radius, var(--radius-md));display:block;width:100%;--pf-nav-item-text:var(--pf-header-nav-text-muted);--pf-nav-item-hover-text:var(--pf-header-nav-text);--pf-nav-item-hover-bg:var(--pf-header-nav-bg-subtle);--pf-nav-item-current-text:var(--pf-header-nav-text);--pf-nav-item-current-bg:var(--pf-header-nav-bg-subtle)}:host([hidden]){display:none}.nav{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:1fr;min-height:var(--pf-header-nav-min-height, 56px);padding:var(--space-3)}@media (min-width: 768px){.nav{grid-template-columns:auto 1fr auto;padding:0 var(--space-4)}}.brand{color:var(--pf-header-nav-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);white-space:nowrap}.list{align-items:center;display:flex;gap:var(--space-1);list-style:none;margin:0;overflow-x:auto;padding:0}.list slot{display:contents}.actions{align-items:center;display:inline-flex;gap:var(--space-2)}.brand.empty,.actions.empty{display:none}`;
+
+const PfHeaderNavigation = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /** The navigation's accessible name. */
+    label = 'Header navigation';
+    /**
+     * Whether anything was slotted into `brand` and `actions`.
+     *
+     * Asked in JS because a wrapper around a slot cannot be collapsed from CSS
+     * — `:not(:has(*))` never matches, since the `<slot>` is itself a child —
+     * and these two boxes have to exist when they are used: they are grid
+     * items, so an empty one still takes a column and a gap, which would push
+     * every item along by one `--space-3` for no visible reason.
+     */
+    hasBrand = false;
+    hasActions = false;
+    /** The light DOM is readable here, so first paint is already right. */
+    componentWillLoad() {
+        this.sync();
+    }
+    componentDidLoad() {
+        this.sync();
+    }
+    /**
+     * An item's `current` changed, so the resolution has to run again.
+     *
+     * The items are this navigation's own light-DOM children, so nothing is
+     * retargeted and a host listener is safe — the same reason the sidebar can
+     * listen for a section's copy of this event. `refresh()` stays for a
+     * consumer who changes something else the group reads.
+     */
+    handleStructureChange(event) {
+        event.stopPropagation();
+        this.sync();
+    }
+    /**
+     * Re-reads the items, for a consumer who changed something the group reads
+     * and has no event for.
+     */
+    async refresh() {
+        this.sync();
+    }
+    /** Direct children only: a nested navigation owns its own items. */
+    get items() {
+        return Array.from(this.el.querySelectorAll('pf-nav-item')).filter((item) => item.parentElement === this.el);
+    }
+    /**
+     * The property if the item has upgraded, the attribute if it has not:
+     * `componentWillLoad` can run before a child parsed from HTML upgrades.
+     */
+    isCurrent(item) {
+        return item.current ?? item.hasAttribute('current');
+    }
+    sync() {
+        /*
+         * The children are read one by one rather than with a `:scope >`
+         * selector, which Stencil's mock DOM does not support at all — it throws
+         * from jQuery's selector engine rather than returning nothing.
+         */
+        const slotted = (name) => Array.from(this.el.children).some((child) => child.getAttribute('slot') === name);
+        this.hasBrand = slotted('brand');
+        this.hasActions = slotted('actions');
+        const items = this.items;
+        const currentIndex = nav.resolveCurrentNavItem(items.map((item) => ({ current: this.isCurrent(item) })));
+        for (const [index, item] of items.entries()) {
+            const node = item;
+            node.currentPage = index === currentIndex;
+            node.orientation = 'horizontal';
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f3f8c91ba9eab4755b1e5e96adc7245e630bd7fa' }, index.h("nav", { key: '7984894e4bcc395140ef229f351bbc037efa565e', class: "nav", part: "nav", "aria-label": this.label }, index.h("span", { key: 'fc21f987ab7f5ac3c74779157f70a23c5375cb27', class: { brand: true, empty: !this.hasBrand }, part: "brand" }, index.h("slot", { key: 'bb68a3a686be890c522671f3d6a569f438275631', name: "brand", onSlotchange: () => this.refresh() })), index.h("ul", { key: '43f0bb0d2d82497373ac74bfda26d9e2e545932e', class: "list", part: "list" }, index.h("slot", { key: '30be86d24556bd3521642ee79195a2af6a8c70c9', onSlotchange: () => this.refresh() })), index.h("span", { key: '687115f0db5bb7f35a82bb1b5dd79234a0049c99', class: { actions: true, empty: !this.hasActions }, part: "actions" }, index.h("slot", { key: 'f11f998414c8a424d64ddf759369a31b9ddbd0bb', name: "actions", onSlotchange: () => this.refresh() })))));
+    }
+};
+PfHeaderNavigation.style = pfHeaderNavigationCss();
+
+exports.pf_header_navigation = PfHeaderNavigation;
+//# sourceMappingURL=pf-header-navigation.entry.cjs.js.map
+
+//# sourceMappingURL=pf-header-navigation.cjs.entry.js.map

package/dist/cjs/pf-header-navigation.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"pf-header-navigation.cjs.entry.js","mappings":"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","names":["resolveCurrentNavItem","h","Host"],"sources":["src/components/pf-header-navigation/pf-header-navigation.css?tag=pf-header-navigation&encapsulation=shadow","src/components/pf-header-navigation/pf-header-navigation.tsx"],"sourcesContent":[":host {\n  background: var(--pf-header-nav-bg);\n  border: 1px solid var(--pf-header-nav-border);\n  border-radius: var(--pf-header-nav-radius, var(--radius-md));\n  display: block;\n  width: 100%;\n\n  /*\n   * The bridge to the shared item: custom properties inherit through a shadow\n   * boundary, so a slotted `pf-nav-item` resolves these inside its own shadow\n   * root. It is how one element serves two navigations without\n   * `:host-context`, which Firefox does not support.\n   */\n  --pf-nav-item-text: var(--pf-header-nav-text-muted);\n  --pf-nav-item-hover-text: var(--pf-header-nav-text);\n  --pf-nav-item-hover-bg: var(--pf-header-nav-bg-subtle);\n  --pf-nav-item-current-text: var(--pf-header-nav-text);\n  --pf-nav-item-current-bg: var(--pf-header-nav-bg-subtle);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* Mobile first: one column, the items wrapping under the brand. */\n.nav {\n  align-items: center;\n  display: grid;\n  gap: var(--space-3);\n  grid-template-columns: 1fr;\n  min-height: var(--pf-header-nav-min-height, 56px);\n  padding: var(--space-3);\n}\n\n@media (--md) {\n  .nav {\n    grid-template-columns: auto 1fr auto;\n    padding: 0 var(--space-4);\n  }\n}\n\n.brand {\n  color: var(--pf-header-nav-text);\n  font-size: var(--font-size-md);\n  font-weight: var(--font-weight-semibold);\n  white-space: nowrap;\n}\n\n.list {\n  align-items: center;\n  display: flex;\n  gap: var(--space-1);\n  list-style: none;\n  margin: 0;\n  overflow-x: auto;\n  padding: 0;\n}\n\n/*\n * The items have to be flex children of the list, not of a box inside it. The\n * UA stylesheet already gives a slot `display: contents`; this says so out\n * loud.\n */\n.list slot {\n  display: contents;\n}\n\n.actions {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n}\n\n/*\n * Both classes rather than a bare `.empty`, so the rule does not depend on\n * sitting below the `display` a box sets on itself: specificity ties break on\n * source order, and `.empty` losing that way is how a bare `pf-metric-card`\n * came to draw all three of its boxes.\n */\n.brand.empty,\n.actions.empty {\n  display: none;\n}\n","import { resolveCurrentNavItem } from '@pitchfork-ui/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State } from '@stencil/core';\n\n/**\n * A header navigation over `pf-nav-item` children.\n *\n * The group owns the one thing an item cannot know: which item is the current\n * page. Core's rule decides, so the React `HeaderNavigation` marks the same\n * one, and it is one index — which is what stops a navigation claiming two\n * current pages.\n *\n * The host is **not** a banner. The React component renders a `<header>`,\n * which is the banner landmark at the top level of a page, but an element\n * cannot know whether it is the page's header: a second banner is a defect,\n * not a decoration. So the shadow root renders only the `<nav>` landmark, and\n * a consumer who wants a banner puts this inside their own `<header>`.\n *\n * @slot - the `pf-nav-item` children.\n * @slot brand - a logo or product name, before the items.\n * @slot actions - controls after the items, such as a sign-in button.\n * @part nav - the navigation landmark.\n * @part brand - the brand's box.\n * @part list - the list the items are slotted into.\n * @part actions - the actions' box.\n */\n@Component({\n  tag: 'pf-header-navigation',\n  styleUrl: 'pf-header-navigation.css',\n  shadow: true,\n})\nexport class PfHeaderNavigation {\n  @Element() el!: HTMLElement;\n\n  /** The navigation's accessible name. */\n  @Prop() label = 'Header navigation';\n\n  /**\n   * Whether anything was slotted into `brand` and `actions`.\n   *\n   * Asked in JS because a wrapper around a slot cannot be collapsed from CSS\n   * — `:not(:has(*))` never matches, since the `<slot>` is itself a child —\n   * and these two boxes have to exist when they are used: they are grid\n   * items, so an empty one still takes a column and a gap, which would push\n   * every item along by one `--space-3` for no visible reason.\n   */\n  @State() hasBrand = false;\n  @State() hasActions = false;\n\n  /** The light DOM is readable here, so first paint is already right. */\n  componentWillLoad() {\n    this.sync();\n  }\n\n  componentDidLoad() {\n    this.sync();\n  }\n\n  /**\n   * An item's `current` changed, so the resolution has to run again.\n   *\n   * The items are this navigation's own light-DOM children, so nothing is\n   * retargeted and a host listener is safe — the same reason the sidebar can\n   * listen for a section's copy of this event. `refresh()` stays for a\n   * consumer who changes something else the group reads.\n   */\n  @Listen('pfNavStructure')\n  handleStructureChange(event: CustomEvent<void>) {\n    event.stopPropagation();\n    this.sync();\n  }\n\n  /**\n   * Re-reads the items, for a consumer who changed something the group reads\n   * and has no event for.\n   */\n  @Method()\n  async refresh() {\n    this.sync();\n  }\n\n  /** Direct children only: a nested navigation owns its own items. */\n  private get items(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-nav-item')).filter(\n      (item) => item.parentElement === this.el,\n    );\n  }\n\n  /**\n   * The property if the item has upgraded, the attribute if it has not:\n   * `componentWillLoad` can run before a child parsed from HTML upgrades.\n   */\n  private isCurrent(item: HTMLElement) {\n    return (item as HTMLElement & { current?: boolean }).current ?? item.hasAttribute('current');\n  }\n\n  private sync() {\n    /*\n     * The children are read one by one rather than with a `:scope >`\n     * selector, which Stencil's mock DOM does not support at all — it throws\n     * from jQuery's selector engine rather than returning nothing.\n     */\n    const slotted = (name: string) =>\n      Array.from(this.el.children).some((child) => child.getAttribute('slot') === name);\n\n    this.hasBrand = slotted('brand');\n    this.hasActions = slotted('actions');\n\n    const items = this.items;\n    const currentIndex = resolveCurrentNavItem(\n      items.map((item) => ({ current: this.isCurrent(item) })),\n    );\n\n    for (const [index, item] of items.entries()) {\n      const node = item as HTMLElement & { currentPage: boolean; orientation: string };\n      node.currentPage = index === currentIndex;\n      node.orientation = 'horizontal';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class=\"nav\" part=\"nav\" aria-label={this.label}>\n          {/*\n            The slots stay in the tree whether or not they hold anything: a\n            slot that is not rendered never fires `slotchange`, so content\n            added later would stay invisible for good. The box is hidden\n            instead.\n          */}\n          <span class={{ brand: true, empty: !this.hasBrand }} part=\"brand\">\n            <slot name=\"brand\" onSlotchange={() => this.refresh()} />\n          </span>\n\n          <ul class=\"list\" part=\"list\">\n            <slot onSlotchange={() => this.refresh()} />\n          </ul>\n\n          <span class={{ actions: true, empty: !this.hasActions }} part=\"actions\">\n            <slot name=\"actions\" onSlotchange={() => this.refresh()} />\n          </span>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/pf-heatmap.cjs.entry.js

@@ -0,0 +1,252 @@
+'use strict';
+
+var index = require('./index-CIskGKk1.js');
+var date = require('./date-CzVt5Lej.js');
+
+//#region src/heatmap.ts
+/**
+* The grid behind a calendar heatmap: which days it covers, which column each
+* week is, and how dark a value makes a cell.
+*
+* Shared because all of it is date arithmetic and bucketing, and because the
+* date arithmetic is the part that is easy to get wrong in a way nobody sees
+* until a daylight-saving boundary. It goes through `date.ts`, which pins
+* every date to midday for exactly that reason.
+*/
+/** Short month names, in the order a `Date` reports them. */
+var HEATMAP_MONTHS = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+/** Short weekday names, Sunday first, as `Date.getDay()` numbers them. */
+var HEATMAP_WEEKDAYS = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+];
+/**
+* The first and last day to draw.
+*
+* The explicit bounds win; otherwise the earliest and latest dates in the
+* data. `null` when there is nothing to draw, which is the caller's signal to
+* show its empty state. A date that does not parse is ignored rather than
+* becoming an `Invalid Date` that poisons every comparison after it.
+*/
+function heatmapRange(data, startDate, endDate) {
+	const dates = data.map((item) => item.date).filter((iso) => date.parseISODate(iso) !== null).sort();
+	const start = date.parseISODate(startDate ?? dates[0]);
+	const end = date.parseISODate(endDate ?? dates[dates.length - 1]);
+	if (!start || !end) return null;
+	if (end < start) return null;
+	return {
+		start,
+		end
+	};
+}
+/**
+* The weeks to draw, as columns of seven days.
+*
+* The first column is aligned back to the configured week start, so every row
+* is the same weekday all the way across — which is the whole point of the
+* shape. Days before `start` and after `end` are present but not `inRange`,
+* because the grid has to stay rectangular.
+*
+* Capped at 400 columns: a `start`/`end` pair a consumer got the wrong way
+* round is caught by `heatmapRange`, but a range of twenty years is a
+* legitimate pair of dates and an unbounded loop building 1,040 columns of
+* seven cells each is a frozen tab rather than a chart.
+*/
+function buildHeatmapWeeks(start, end, weekStartsOn = 0) {
+	const from = date.toMidday(start);
+	const to = date.toMidday(end);
+	const offset = (from.getDay() - weekStartsOn + 7) % 7;
+	const weeks = [];
+	let cursor = date.addDays(from, -offset);
+	while (cursor <= to && weeks.length < 400) {
+		const week = [];
+		for (let day = 0; day < 7; day += 1) {
+			week.push({
+				iso: date.formatISODate(cursor),
+				date: cursor,
+				inRange: cursor >= from && cursor <= to
+			});
+			cursor = date.addDays(cursor, 1);
+		}
+		weeks.push(week);
+	}
+	return weeks;
+}
+/**
+* The largest and the sum of the values, ignoring the ones that are not
+* numbers.
+*
+* The React `Heatmap` reduced with `Math.max(max, d.value)` and `sum +
+* d.value`, both of which carry one `NaN` through everything: every cell's
+* level came out `NaN` and the accessible summary read "NaN total".
+*/
+function summariseHeatmap(data) {
+	let max = 0;
+	let total = 0;
+	for (const item of data) {
+		if (!Number.isFinite(item.value)) continue;
+		max = Math.max(max, item.value);
+		total += item.value;
+	}
+	return {
+		max,
+		total
+	};
+}
+/**
+* Which bucket a value falls in, from `0` (nothing) to `levelCount - 1`.
+*
+* Level 0 is reserved for "no activity", so any positive value is at least 1
+* however small — a day with one commit should not look like a day with none.
+*/
+function heatmapLevel(value, max, levelCount) {
+	const levels = Math.max(2, Math.floor(levelCount) || 2);
+	if (!Number.isFinite(value) || value <= 0 || !(max > 0)) return 0;
+	return Math.min(levels - 1, Math.max(1, Math.ceil(value / max * (levels - 1))));
+}
+/**
+* The colour for a level, as a `color-mix` of the heatmap's own two aliases.
+*
+* A mix rather than a scale of tokens, so one `--pf-heatmap-color` override
+* re-tints the whole chart.
+*/
+function heatmapCellColor(level, levelCount) {
+	if (level <= 0) return "var(--pf-heatmap-empty)";
+	const levels = Math.max(2, Math.floor(levelCount) || 2);
+	return `color-mix(in srgb, var(--pf-heatmap-color) ${Math.round(Math.min(level, levels - 1) / (levels - 1) * 100)}%, var(--pf-heatmap-empty))`;
+}
+/**
+* Where each month's name goes: the column of the first in-range day that
+* belongs to it.
+*
+* `column` is one-based, because it is used as a `grid-column-start`.
+*/
+function heatmapMonthLabels(weeks) {
+	const labels = [];
+	let lastMonth = -1;
+	for (const [index, week] of weeks.entries()) {
+		const first = week.find((cell) => cell.inRange);
+		if (!first) continue;
+		const month = first.date.getMonth();
+		if (month !== lastMonth) {
+			labels.push({
+				column: index + 1,
+				label: HEATMAP_MONTHS[month]
+			});
+			lastMonth = month;
+		}
+	}
+	return labels;
+}
+
+const pfHeatmapCss = () => `:host{display:inline-block;font-family:var(--font-family-sans);max-width:100%;overflow-x:auto}:host([hidden]){display:none}.empty{color:var(--pf-heatmap-empty-text);font-size:var(--font-size-sm);padding:var(--space-4);text-align:center}.body{display:flex;gap:var(--pf-heatmap-cell-gap)}.weekdays{display:flex;flex-direction:column}.weekday-spacer{display:block;height:calc(var(--font-size-xs) + var(--space-1))}.weekday-grid{display:grid;gap:var(--pf-heatmap-cell-gap);grid-template-rows:repeat(7, var(--pf-heatmap-cell-size))}.weekday{align-items:center;color:var(--pf-heatmap-label-color);display:flex;font-size:var(--font-size-xs);line-height:1;padding-inline-end:var(--space-1)}.main{display:flex;flex-direction:column;gap:var(--space-1)}.months{display:grid;gap:var(--pf-heatmap-cell-gap);height:var(--font-size-xs)}.month{color:var(--pf-heatmap-label-color);font-size:var(--font-size-xs);line-height:1}.grid{display:grid;gap:var(--pf-heatmap-cell-gap);grid-auto-columns:var(--pf-heatmap-cell-size);grid-auto-flow:column;grid-template-rows:repeat(7, var(--pf-heatmap-cell-size))}.cell{animation:pf-heatmap-cell-in var(--duration-moderate) var(--easing-decelerate) both;border-radius:var(--pf-heatmap-cell-radius);height:var(--pf-heatmap-cell-size);width:var(--pf-heatmap-cell-size)}.cell--empty{background:transparent}@keyframes pf-heatmap-cell-in{from{opacity:0;transform:scale(0.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.cell{animation:none}}`;
+
+const PfHeatmap = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /**
+     * One entry per day with a value, as `{ date: 'YYYY-MM-DD', value }`.
+     *
+     * An array for a framework consumer, or JSON for plain HTML, because
+     * Stencil coerces an attribute only for the primitive types it recognises
+     * and would otherwise hand this the string verbatim.
+     */
+    data = [];
+    /** First day to draw. Defaults to the earliest in the data. */
+    startDate;
+    /** Last day to draw. Defaults to the latest in the data. */
+    endDate;
+    /** Colour buckets, counting the empty one. */
+    levels = 5;
+    /** 0 = Sunday, 1 = Monday. Read through a getter, which coerces. */
+    weekStartsOn = 0;
+    cellSize = 12;
+    cellGap = 3;
+    showWeekdayLabels = true;
+    showMonthLabels = true;
+    /** The chart's accessible name. One is generated when it has none. */
+    label;
+    /** The entries, however they arrived. */
+    get entries() {
+        const raw = this.data;
+        if (Array.isArray(raw))
+            return raw;
+        try {
+            const parsed = JSON.parse(String(raw || '[]'));
+            return Array.isArray(parsed) ? parsed : [];
+        }
+        catch {
+            // A malformed attribute is an empty heatmap, not a thrown render.
+            return [];
+        }
+    }
+    /**
+     * `0 | 1`, coerced.
+     *
+     * Written out as `0 | 1` rather than as an imported alias, which is the
+     * difference that decides whether Stencil coerces the attribute: measured
+     * side by side, this arrives as the **number** `1` while
+     * `pf-time-picker`'s imported `HourCycle` arrives as the string `"12"`.
+     * The getter stays anyway — it costs nothing and covers a consumer who
+     * sets the property to a string.
+     */
+    get weekStart() {
+        return Number(this.weekStartsOn) === 1 ? 1 : 0;
+    }
+    render() {
+        const entries = this.entries;
+        const range = heatmapRange(entries, this.startDate, this.endDate);
+        const cellSize = Number(this.cellSize) || 12;
+        const cellGap = Number(this.cellGap) || 3;
+        if (!range) {
+            return (index.h(index.Host, null, index.h("div", { class: "empty", part: "empty" }, index.h("slot", { name: "empty" }, "No data"))));
+        }
+        const { start, end } = range;
+        /*
+         * Passed through rather than clamped here: `heatmapLevel` and
+         * `heatmapCellColor` both floor it at two buckets, and a second copy of
+         * that clamp is a second thing to keep in step.
+         */
+        const levelCount = Number(this.levels);
+        const byDate = new Map(entries.map((entry) => [entry.date, entry.value]));
+        const { max, total } = summariseHeatmap(entries);
+        const weeks = buildHeatmapWeeks(start, end, this.weekStart);
+        const months = heatmapMonthLabels(weeks);
+        return (index.h(index.Host, { role: "img", "aria-label": this.label ??
+                `Activity heatmap from ${date.formatISODate(start)} to ${date.formatISODate(end)}, ${total} total`, style: {
+                '--pf-heatmap-cell-size': `${cellSize}px`,
+                '--pf-heatmap-cell-gap': `${cellGap}px`,
+            } }, index.h("div", { class: "body" }, this.showWeekdayLabels && (index.h("div", { class: "weekdays", part: "weekdays" }, this.showMonthLabels && index.h("span", { class: "weekday-spacer", "aria-hidden": "true" }), index.h("div", { class: "weekday-grid" }, Array.from({ length: 7 }, (_, index$1) => (index.h("span", { class: "weekday" }, index$1 % 2 === 1 ? HEATMAP_WEEKDAYS[(this.weekStart + index$1) % 7] : '')))))), index.h("div", { class: "main" }, this.showMonthLabels && (index.h("div", { class: "months", part: "months", "aria-hidden": "true", style: {
+                gridTemplateColumns: `repeat(${weeks.length}, var(--pf-heatmap-cell-size))`,
+            } }, months.map((month) => (index.h("span", { class: "month", style: { gridColumnStart: String(month.column) } }, month.label))))), index.h("div", { class: "grid", part: "grid" }, weeks.flatMap((week, column) => week.map((cell) => cell.inRange ? (index.h("span", { class: "cell", part: "cell", title: `${cell.iso}: ${byDate.get(cell.iso) ?? 0}`, "data-level": String(heatmapLevel(byDate.get(cell.iso) ?? 0, max, levelCount)), style: {
+                background: heatmapCellColor(heatmapLevel(byDate.get(cell.iso) ?? 0, max, levelCount), levelCount),
+                // Staggered by column, so the grid wipes in oldest first.
+                animationDelay: `${column * 8}ms`,
+            } })) : (index.h("span", { class: "cell cell--empty" })))))))));
+    }
+};
+PfHeatmap.style = pfHeatmapCss();
+
+exports.pf_heatmap = PfHeatmap;
+//# sourceMappingURL=pf-heatmap.entry.cjs.js.map
+
+//# sourceMappingURL=pf-heatmap.cjs.entry.js.map

package/dist/cjs/pf-heatmap.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"pf-heatmap.cjs.entry.js","mappings":";;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,cAAc,GAAG;AACrB,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC;AACD,CAAC;AACD;AACA,IAAI,gBAAgB,GAAG;AACvB,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC,KAAK;AACN,CAAC;AACD,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE;AAChD,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,KAAKA,iBAAY,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE;AAC/F,CAAC,MAAM,KAAK,GAAGA,iBAAY,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC,MAAM,GAAG,GAAGA,iBAAY,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC7D,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,GAAG,EAAE,OAAO,IAAI;AAChC,CAAC,IAAI,GAAG,GAAG,KAAK,EAAE,OAAO,IAAI;AAC7B,CAAC,OAAO;AACR,EAAE,KAAK;AACP,EAAE;AACF,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,GAAG,CAAC,EAAE;AACzD,CAAC,MAAM,IAAI,GAAGC,aAAQ,CAAC,KAAK,CAAC;AAC7B,CAAC,MAAM,EAAE,GAAGA,aAAQ,CAAC,GAAG,CAAC;AACzB,CAAC,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,YAAY,GAAG,CAAC,IAAI,CAAC;AACtD,CAAC,MAAM,KAAK,GAAG,EAAE;AACjB,CAAC,IAAI,MAAM,GAAGC,YAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC;AACpC,CAAC,OAAO,MAAM,IAAI,EAAE,IAAI,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE;AAC5C,EAAE,MAAM,IAAI,GAAG,EAAE;AACjB,EAAE,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE;AACvC,GAAG,IAAI,CAAC,IAAI,CAAC;AACb,IAAI,GAAG,EAAEC,kBAAa,CAAC,MAAM,CAAC;AAC9B,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,IAAI;AACzC,IAAI,CAAC;AACL,GAAG,MAAM,GAAGD,YAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAC9B;AACA,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAClB;AACA,CAAC,OAAO,KAAK;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,CAAC,IAAI,EAAE;AAChC,CAAC,IAAI,GAAG,GAAG,CAAC;AACZ,CAAC,IAAI,KAAK,GAAG,CAAC;AACd,CAAC,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;AAC1B,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACpC,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC;AACjC,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;AACrB;AACA,CAAC,OAAO;AACR,EAAE,GAAG;AACL,EAAE;AACF,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE;AAC9C,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACxD,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;AAClE,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE;AAC7C,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,OAAO,yBAAyB;AACjD,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACxD,CAAC,OAAO,CAAC,2CAA2C,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,2BAA2B,CAAC;AAC/I;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,kBAAkB,CAAC,KAAK,EAAE;AACnC,CAAC,MAAM,MAAM,GAAG,EAAE;AAClB,CAAC,IAAI,SAAS,GAAG,EAAE;AACnB,CAAC,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE;AAC9C,EAAE,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC;AACjD,EAAE,IAAI,CAAC,KAAK,EAAE;AACd,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;AACrC,EAAE,IAAI,KAAK,KAAK,SAAS,EAAE;AAC3B,GAAG,MAAM,CAAC,IAAI,CAAC;AACf,IAAI,MAAM,EAAE,KAAK,GAAG,CAAC;AACrB,IAAI,KAAK,EAAE,cAAc,CAAC,KAAK;AAC/B,IAAI,CAAC;AACL,GAAG,SAAS,GAAG,KAAK;AACpB;AACA;AACA,CAAC,OAAO,MAAM;AACd;;ACzJA,MAAM,YAAY,GAAG,MAAM,CAAC,48CAA48C,CAAC;;MCkC59C,SAAS,GAAA,MAAA;;;;AACpB;;;;;;AAMG;IACK,IAAI,GAAgC,EAAE;;AAGtC,IAAA,SAAS;;AAGT,IAAA,OAAO;;IAGP,MAAM,GAAG,CAAC;;IAGV,YAAY,GAAU,CAAC;IAEvB,QAAQ,GAAG,EAAE;IAEb,OAAO,GAAG,CAAC;IAEM,iBAAiB,GAAG,IAAI;IAExB,eAAe,GAAG,IAAI;;AAGvC,IAAA,KAAK;;AAGb,IAAA,IAAY,OAAO,GAAA;AACjB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI;AACrB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAAE,YAAA,OAAO,GAAG;AAElC,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC;AAC9C,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,EAAE;;AAC1C,QAAA,MAAM;;AAEN,YAAA,OAAO,EAAE;;;AAIb;;;;;;;;;AASG;AACH,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;;IAGhD,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;AAC5B,QAAA,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC;QACjE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;QAC5C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAEzC,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,QACEE,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAC7BA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,cAAe,CAC7B,CACD;;AAIX,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK;AAC5B;;;;AAIG;QACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACzE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAChD,QAAA,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC;AAC3D,QAAA,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAExC,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EACH,IAAI,EAAC,KAAK,EAAA,YAAA,EAER,IAAI,CAAC,KAAK;AACV,gBAAA,CAAA,sBAAA,EAAyBF,kBAAa,CAAC,KAAK,CAAC,OAAOA,kBAAa,CAAC,GAAG,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,MAAA,CAAQ,EAE1F,KAAK,EAAE;gBACL,wBAAwB,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;gBACzC,uBAAuB,EAAE,CAAA,EAAG,OAAO,CAAA,EAAA,CAAI;AACxC,aAAA,EAAA,EAEDC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EACd,IAAI,CAAC,iBAAiB,KACrBA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAA,EAClC,IAAI,CAAC,eAAe,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,gBAAgB,EAAA,aAAA,EAAa,MAAM,EAAA,CAAQ,EAChFA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACtB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAEE,OAAK,MAClCF,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,SAAS,EAAA,EAGlBE,OAAK,GAAG,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,GAAGA,OAAK,IAAI,CAAC,CAAC,GAAG,EAAE,CACjE,CACR,CAAC,CACE,CACF,CACP,EAEDF,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EACd,IAAI,CAAC,eAAe,KACnBA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,MAAM,EAClB,KAAK,EAAE;AACL,gBAAA,mBAAmB,EAAE,CAAA,OAAA,EAAU,KAAK,CAAC,MAAM,CAAA,8BAAA,CAAgC;AAC5E,aAAA,EAAA,EAEA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChBA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAA,EACjE,KAAK,CAAC,KAAK,CACP,CACR,CAAC,CACE,CACP,EAEDA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,EAC1B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,MAAM,KAC1B,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KACZ,IAAI,CAAC,OAAO,IACVA,OAAA,CAAA,MAAA,EAAA,EACE,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA,CAAE,EAAA,YAAA,EACtC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,EAC5E,KAAK,EAAE;gBACL,UAAU,EAAE,gBAAgB,CAC1B,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,EACxD,UAAU,CACX;;AAED,gBAAA,cAAc,EAAE,CAAA,EAAG,MAAM,GAAG,CAAC,CAAA,EAAA,CAAI;aAClC,EAAA,CACK,KAERA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,kBAAkB,EAAA,CAAQ,CACvC,CACF,CACF,CACG,CACF,CACF,CACD;;;;;;;","names":["parseISODate","toMidday","addDays","formatISODate","h","Host","index"],"sources":["../core/dist/heatmap.js","src/components/pf-heatmap/pf-heatmap.css?tag=pf-heatmap&encapsulation=shadow","src/components/pf-heatmap/pf-heatmap.tsx"],"sourcesContent":["import { addDays, formatISODate, parseISODate, toMidday } from \"./date.js\";\n//#region src/heatmap.ts\n/**\n* The grid behind a calendar heatmap: which days it covers, which column each\n* week is, and how dark a value makes a cell.\n*\n* Shared because all of it is date arithmetic and bucketing, and because the\n* date arithmetic is the part that is easy to get wrong in a way nobody sees\n* until a daylight-saving boundary. It goes through `date.ts`, which pins\n* every date to midday for exactly that reason.\n*/\n/** Short month names, in the order a `Date` reports them. */\nvar HEATMAP_MONTHS = [\n\t\"Jan\",\n\t\"Feb\",\n\t\"Mar\",\n\t\"Apr\",\n\t\"May\",\n\t\"Jun\",\n\t\"Jul\",\n\t\"Aug\",\n\t\"Sep\",\n\t\"Oct\",\n\t\"Nov\",\n\t\"Dec\"\n];\n/** Short weekday names, Sunday first, as `Date.getDay()` numbers them. */\nvar HEATMAP_WEEKDAYS = [\n\t\"Sun\",\n\t\"Mon\",\n\t\"Tue\",\n\t\"Wed\",\n\t\"Thu\",\n\t\"Fri\",\n\t\"Sat\"\n];\n/**\n* The first and last day to draw.\n*\n* The explicit bounds win; otherwise the earliest and latest dates in the\n* data. `null` when there is nothing to draw, which is the caller's signal to\n* show its empty state. A date that does not parse is ignored rather than\n* becoming an `Invalid Date` that poisons every comparison after it.\n*/\nfunction heatmapRange(data, startDate, endDate) {\n\tconst dates = data.map((item) => item.date).filter((iso) => parseISODate(iso) !== null).sort();\n\tconst start = parseISODate(startDate ?? dates[0]);\n\tconst end = parseISODate(endDate ?? dates[dates.length - 1]);\n\tif (!start || !end) return null;\n\tif (end < start) return null;\n\treturn {\n\t\tstart,\n\t\tend\n\t};\n}\n/**\n* The weeks to draw, as columns of seven days.\n*\n* The first column is aligned back to the configured week start, so every row\n* is the same weekday all the way across — which is the whole point of the\n* shape. Days before `start` and after `end` are present but not `inRange`,\n* because the grid has to stay rectangular.\n*\n* Capped at 400 columns: a `start`/`end` pair a consumer got the wrong way\n* round is caught by `heatmapRange`, but a range of twenty years is a\n* legitimate pair of dates and an unbounded loop building 1,040 columns of\n* seven cells each is a frozen tab rather than a chart.\n*/\nfunction buildHeatmapWeeks(start, end, weekStartsOn = 0) {\n\tconst from = toMidday(start);\n\tconst to = toMidday(end);\n\tconst offset = (from.getDay() - weekStartsOn + 7) % 7;\n\tconst weeks = [];\n\tlet cursor = addDays(from, -offset);\n\twhile (cursor <= to && weeks.length < 400) {\n\t\tconst week = [];\n\t\tfor (let day = 0; day < 7; day += 1) {\n\t\t\tweek.push({\n\t\t\t\tiso: formatISODate(cursor),\n\t\t\t\tdate: cursor,\n\t\t\t\tinRange: cursor >= from && cursor <= to\n\t\t\t});\n\t\t\tcursor = addDays(cursor, 1);\n\t\t}\n\t\tweeks.push(week);\n\t}\n\treturn weeks;\n}\n/**\n* The largest and the sum of the values, ignoring the ones that are not\n* numbers.\n*\n* The React `Heatmap` reduced with `Math.max(max, d.value)` and `sum +\n* d.value`, both of which carry one `NaN` through everything: every cell's\n* level came out `NaN` and the accessible summary read \"NaN total\".\n*/\nfunction summariseHeatmap(data) {\n\tlet max = 0;\n\tlet total = 0;\n\tfor (const item of data) {\n\t\tif (!Number.isFinite(item.value)) continue;\n\t\tmax = Math.max(max, item.value);\n\t\ttotal += item.value;\n\t}\n\treturn {\n\t\tmax,\n\t\ttotal\n\t};\n}\n/**\n* Which bucket a value falls in, from `0` (nothing) to `levelCount - 1`.\n*\n* Level 0 is reserved for \"no activity\", so any positive value is at least 1\n* however small — a day with one commit should not look like a day with none.\n*/\nfunction heatmapLevel(value, max, levelCount) {\n\tconst levels = Math.max(2, Math.floor(levelCount) || 2);\n\tif (!Number.isFinite(value) || value <= 0 || !(max > 0)) return 0;\n\treturn Math.min(levels - 1, Math.max(1, Math.ceil(value / max * (levels - 1))));\n}\n/**\n* The colour for a level, as a `color-mix` of the heatmap's own two aliases.\n*\n* A mix rather than a scale of tokens, so one `--pf-heatmap-color` override\n* re-tints the whole chart.\n*/\nfunction heatmapCellColor(level, levelCount) {\n\tif (level <= 0) return \"var(--pf-heatmap-empty)\";\n\tconst levels = Math.max(2, Math.floor(levelCount) || 2);\n\treturn `color-mix(in srgb, var(--pf-heatmap-color) ${Math.round(Math.min(level, levels - 1) / (levels - 1) * 100)}%, var(--pf-heatmap-empty))`;\n}\n/**\n* Where each month's name goes: the column of the first in-range day that\n* belongs to it.\n*\n* `column` is one-based, because it is used as a `grid-column-start`.\n*/\nfunction heatmapMonthLabels(weeks) {\n\tconst labels = [];\n\tlet lastMonth = -1;\n\tfor (const [index, week] of weeks.entries()) {\n\t\tconst first = week.find((cell) => cell.inRange);\n\t\tif (!first) continue;\n\t\tconst month = first.date.getMonth();\n\t\tif (month !== lastMonth) {\n\t\t\tlabels.push({\n\t\t\t\tcolumn: index + 1,\n\t\t\t\tlabel: HEATMAP_MONTHS[month]\n\t\t\t});\n\t\t\tlastMonth = month;\n\t\t}\n\t}\n\treturn labels;\n}\n//#endregion\nexport { HEATMAP_MONTHS, HEATMAP_WEEKDAYS, buildHeatmapWeeks, heatmapCellColor, heatmapLevel, heatmapMonthLabels, heatmapRange, summariseHeatmap };\n",":host {\n  display: inline-block;\n  font-family: var(--font-family-sans);\n  max-width: 100%;\n  /* A full year is wider than a small screen: scroll rather than overflow. */\n  overflow-x: auto;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.empty {\n  color: var(--pf-heatmap-empty-text);\n  font-size: var(--font-size-sm);\n  padding: var(--space-4);\n  text-align: center;\n}\n\n.body {\n  display: flex;\n  gap: var(--pf-heatmap-cell-gap);\n}\n\n.weekdays {\n  display: flex;\n  flex-direction: column;\n}\n\n.weekday-spacer {\n  display: block;\n  height: calc(var(--font-size-xs) + var(--space-1));\n}\n\n.weekday-grid {\n  display: grid;\n  gap: var(--pf-heatmap-cell-gap);\n  grid-template-rows: repeat(7, var(--pf-heatmap-cell-size));\n}\n\n.weekday {\n  align-items: center;\n  color: var(--pf-heatmap-label-color);\n  display: flex;\n  font-size: var(--font-size-xs);\n  line-height: 1;\n  padding-inline-end: var(--space-1);\n}\n\n.main {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n\n.months {\n  display: grid;\n  gap: var(--pf-heatmap-cell-gap);\n  height: var(--font-size-xs);\n}\n\n.month {\n  color: var(--pf-heatmap-label-color);\n  font-size: var(--font-size-xs);\n  line-height: 1;\n}\n\n/*\n * Columns of seven, filled top to bottom and then left to right, which is\n * what `grid-auto-flow: column` over seven fixed rows gives.\n */\n.grid {\n  display: grid;\n  gap: var(--pf-heatmap-cell-gap);\n  grid-auto-columns: var(--pf-heatmap-cell-size);\n  grid-auto-flow: column;\n  grid-template-rows: repeat(7, var(--pf-heatmap-cell-size));\n}\n\n.cell {\n  animation: pf-heatmap-cell-in var(--duration-moderate) var(--easing-decelerate) both;\n  border-radius: var(--pf-heatmap-cell-radius);\n  height: var(--pf-heatmap-cell-size);\n  width: var(--pf-heatmap-cell-size);\n}\n\n.cell--empty {\n  background: transparent;\n}\n\n/* Its own copy: `@keyframes` do not cross a shadow boundary. */\n@keyframes pf-heatmap-cell-in {\n  from {\n    opacity: 0;\n    transform: scale(0.6);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    animation: none;\n  }\n}\n","import {\n  HEATMAP_WEEKDAYS,\n  buildHeatmapWeeks,\n  formatISODate,\n  heatmapCellColor,\n  heatmapLevel,\n  heatmapMonthLabels,\n  heatmapRange,\n  summariseHeatmap,\n  type HeatmapDatumLike,\n} from '@pitchfork-ui/core';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * A calendar heatmap: one cell per day, darker where the value is higher.\n *\n * All of the arithmetic is core's, and the date stepping goes through\n * `date.ts`, which pins every date to midday — a day step from midnight\n * across a daylight-saving boundary loses or repeats a day, which is\n * invisible under UTC and is why both test projects now run in a timezone\n * that has daylight saving.\n *\n * @slot empty - what to show when there is nothing to draw.\n * @part empty - the empty state's box.\n * @part weekdays - the column of weekday names.\n * @part months - the row of month names.\n * @part grid - the cells.\n * @part cell - one day.\n */\n@Component({\n  tag: 'pf-heatmap',\n  styleUrl: 'pf-heatmap.css',\n  shadow: true,\n})\nexport class PfHeatmap {\n  /**\n   * One entry per day with a value, as `{ date: 'YYYY-MM-DD', value }`.\n   *\n   * An array for a framework consumer, or JSON for plain HTML, because\n   * Stencil coerces an attribute only for the primitive types it recognises\n   * and would otherwise hand this the string verbatim.\n   */\n  @Prop() data: HeatmapDatumLike[] | string = [];\n\n  /** First day to draw. Defaults to the earliest in the data. */\n  @Prop() startDate?: string;\n\n  /** Last day to draw. Defaults to the latest in the data. */\n  @Prop() endDate?: string;\n\n  /** Colour buckets, counting the empty one. */\n  @Prop() levels = 5;\n\n  /** 0 = Sunday, 1 = Monday. Read through a getter, which coerces. */\n  @Prop() weekStartsOn: 0 | 1 = 0;\n\n  @Prop() cellSize = 12;\n\n  @Prop() cellGap = 3;\n\n  @Prop({ reflect: true }) showWeekdayLabels = true;\n\n  @Prop({ reflect: true }) showMonthLabels = true;\n\n  /** The chart's accessible name. One is generated when it has none. */\n  @Prop() label?: string;\n\n  /** The entries, however they arrived. */\n  private get entries(): HeatmapDatumLike[] {\n    const raw = this.data;\n    if (Array.isArray(raw)) return raw;\n\n    try {\n      const parsed = JSON.parse(String(raw || '[]'));\n      return Array.isArray(parsed) ? parsed : [];\n    } catch {\n      // A malformed attribute is an empty heatmap, not a thrown render.\n      return [];\n    }\n  }\n\n  /**\n   * `0 | 1`, coerced.\n   *\n   * Written out as `0 | 1` rather than as an imported alias, which is the\n   * difference that decides whether Stencil coerces the attribute: measured\n   * side by side, this arrives as the **number** `1` while\n   * `pf-time-picker`'s imported `HourCycle` arrives as the string `\"12\"`.\n   * The getter stays anyway — it costs nothing and covers a consumer who\n   * sets the property to a string.\n   */\n  private get weekStart(): 0 | 1 {\n    return Number(this.weekStartsOn) === 1 ? 1 : 0;\n  }\n\n  render() {\n    const entries = this.entries;\n    const range = heatmapRange(entries, this.startDate, this.endDate);\n    const cellSize = Number(this.cellSize) || 12;\n    const cellGap = Number(this.cellGap) || 3;\n\n    if (!range) {\n      return (\n        <Host>\n          <div class=\"empty\" part=\"empty\">\n            <slot name=\"empty\">No data</slot>\n          </div>\n        </Host>\n      );\n    }\n\n    const { start, end } = range;\n    /*\n     * Passed through rather than clamped here: `heatmapLevel` and\n     * `heatmapCellColor` both floor it at two buckets, and a second copy of\n     * that clamp is a second thing to keep in step.\n     */\n    const levelCount = Number(this.levels);\n    const byDate = new Map(entries.map((entry) => [entry.date, entry.value]));\n    const { max, total } = summariseHeatmap(entries);\n    const weeks = buildHeatmapWeeks(start, end, this.weekStart);\n    const months = heatmapMonthLabels(weeks);\n\n    return (\n      <Host\n        role=\"img\"\n        aria-label={\n          this.label ??\n          `Activity heatmap from ${formatISODate(start)} to ${formatISODate(end)}, ${total} total`\n        }\n        style={{\n          '--pf-heatmap-cell-size': `${cellSize}px`,\n          '--pf-heatmap-cell-gap': `${cellGap}px`,\n        }}\n      >\n        <div class=\"body\">\n          {this.showWeekdayLabels && (\n            <div class=\"weekdays\" part=\"weekdays\">\n              {this.showMonthLabels && <span class=\"weekday-spacer\" aria-hidden=\"true\"></span>}\n              <div class=\"weekday-grid\">\n                {Array.from({ length: 7 }, (_, index) => (\n                  <span class=\"weekday\">\n                    {/* Every other name, or seven three-letter labels in a\n                        12px column overlap each other. */}\n                    {index % 2 === 1 ? HEATMAP_WEEKDAYS[(this.weekStart + index) % 7] : ''}\n                  </span>\n                ))}\n              </div>\n            </div>\n          )}\n\n          <div class=\"main\">\n            {this.showMonthLabels && (\n              <div\n                class=\"months\"\n                part=\"months\"\n                aria-hidden=\"true\"\n                style={{\n                  gridTemplateColumns: `repeat(${weeks.length}, var(--pf-heatmap-cell-size))`,\n                }}\n              >\n                {months.map((month) => (\n                  <span class=\"month\" style={{ gridColumnStart: String(month.column) }}>\n                    {month.label}\n                  </span>\n                ))}\n              </div>\n            )}\n\n            <div class=\"grid\" part=\"grid\">\n              {weeks.flatMap((week, column) =>\n                week.map((cell) =>\n                  cell.inRange ? (\n                    <span\n                      class=\"cell\"\n                      part=\"cell\"\n                      title={`${cell.iso}: ${byDate.get(cell.iso) ?? 0}`}\n                      data-level={String(heatmapLevel(byDate.get(cell.iso) ?? 0, max, levelCount))}\n                      style={{\n                        background: heatmapCellColor(\n                          heatmapLevel(byDate.get(cell.iso) ?? 0, max, levelCount),\n                          levelCount,\n                        ),\n                        // Staggered by column, so the grid wipes in oldest first.\n                        animationDelay: `${column * 8}ms`,\n                      }}\n                    ></span>\n                  ) : (\n                    <span class=\"cell cell--empty\"></span>\n                  ),\n                ),\n              )}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}