npm - chroniko - Versions diffs - 0.2.1 → 0.3.0 - Mend

chroniko 0.2.1 → 0.3.0

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.

Files changed (5) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,14 @@
 All notable changes to Chroniko are documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and the project follows [Semantic Versioning](https://semver.org/).
+## [0.3.0] - 2026-10-19
+### Added
+- `dimToggle` option (default `true`): shows a **◐** button in the toolbar, left of the **Aa** button, that starts on. While it is on and at least one event is selected, the unselected events are dimmed; hovering or focusing one brings it part way back. Set `dimToggle: false` to remove the button and never dim.
+- `tags` event field: an array of strings shown as tags under the description on the event's card in the story. Tags are toggles with three states: a tag is on (solid dark fill, `aria-pressed="true"`) while every event with it is selected, partly on (light grey fill, `aria-pressed="mixed"`) while only some are, and off (`aria-pressed="false"`) while none are. Clicking an off or partly-on tag adds all its events to the selection; clicking an on tag removes them all, even ones that also have another tag. When any event has tags, a collapsible **Tags** bar between the toolbar and the timeline (collapsed at first) lists every tag alphabetically with its event count, and those tags are clickable the same way. A single string is one tag; blank and repeated tags are dropped. A new UI string, `tags`, is translated for every built-in language.
+- The icon buttons in the toolbar (+, −, ◐, Aa) and the × on story cards show their label as a tooltip on hover or keyboard focus.
 ## [0.2.1] - 2026-10-15
 ### Changed
@@ -44,6 +52,7 @@ All notable changes to Chroniko are documented in this file. The format is based
 - Initial release.
+[0.3.0]: https://github.com/ykyuen/chroniko/compare/0.2.1...0.3.0
 [0.2.1]: https://github.com/ykyuen/chroniko/compare/0.2.0...0.2.1
 [0.2.0]: https://github.com/ykyuen/chroniko/compare/0.1.1...0.2.0
 [0.1.1]: https://github.com/ykyuen/chroniko/compare/0.1.0...0.1.1

package/README.md CHANGED Viewed

@@ -32,13 +32,13 @@ The minified files can be loaded from jsDelivr without installing anything.
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Chroniko</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/chroniko@0.2.1/dist/chroniko.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/chroniko@0.3.0/dist/chroniko.min.css">
 </head>
 <body>
   <div id="timeline"></div>
   <script type="module">
-    import { Chroniko } from 'https://cdn.jsdelivr.net/npm/chroniko@0.2.1/dist/chroniko.min.js';
+    import { Chroniko } from 'https://cdn.jsdelivr.net/npm/chroniko@0.3.0/dist/chroniko.min.js';
     const timeline = new Chroniko('#timeline', {
       events: [
@@ -62,6 +62,7 @@ The minified files can be loaded from jsDelivr without installing anything.
 | `end`         | no       | Same formats as `start`. If set, the event is drawn as a bar. |
 | `id`          | no       | Must be unique. See [Event ids](#event-ids). |
 | `category`    | no       | Used for colors and the legend filter. |
+| `tags`        | no       | Array of strings, shown as tags on the event's card in the story. Tags are toggles with three states: a tag is on while every event with it is selected, partly on (light grey fill) while only some are, and off while none are. Clicking an off or partly-on tag adds all its events to the selection; clicking an on tag removes them all again. When any event has tags, a collapsible **Tags** bar between the toolbar and the timeline lists them all, with how many events have each; those tags are clickable too. A single string is one tag. Blank and repeated tags are dropped. |
 | `description` | no       | Shown in the detail panel. |
 | `url`         | no       | `http(s)` link shown in the detail panel. |
 | `color`       | no       | Overrides the category color. |
@@ -90,6 +91,7 @@ Ids must be unique. If two events end up with the same id, whether given or gene
 | `syncUrl`           | `boolean`            | no       | `false` | Keep the view, selection and hidden categories in the URL hash. See [Sharing](#sharing). |
 | `storyPosition`     | `'below' \| 'right'` | no       | `'below'` | Where the [story](#story-view) goes. See [Story beside the timeline](#story-beside-the-timeline). |
 | `split`             | `number`             | no       | `0.6`   | With `storyPosition: 'right'`, the timeline's share of the width, between 0 and 1 (exclusive). The story gets the rest. |
+| `dimToggle`         | `boolean`            | no       | `true`  | Show a **◐** button in the toolbar. While it is on and at least one event is selected, the unselected events are dimmed. Set to `false` to remove the button and never dim. |
 | `textSizeToggle`    | `boolean`            | no       | `false` | Show an **Aa** button in the toolbar that switches the event and category labels from 13px to 14px and the time axis labels from 12px to 13px. Text in the story and the toolbar buttons also grows by 1px. |
 | `language`          | `string`             | no       | `'en'`  | Language of the timeline's own text and dates. See [Languages](#languages). An unknown code throws. |
 | `uiText`            | `object`             | no       | N/A     | Replaces individual UI strings of the chosen language. See [Languages](#languages). |

package/dist/chroniko.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .chroniko{--ck-height:420px;--ck-sticky-top:0px;--ck-bg:#fff;--ck-surface:#f6f7f9;--ck-fg:#1f2328;--ck-muted:#656d76;--ck-border:#d8dee4;--ck-grid:#eef1f4;--ck-focus:#0969da;background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:8px;color:var(--ck-fg);font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}@media (prefers-color-scheme:dark){.chroniko{--ck-bg:#0d1117;--ck-surface:#161b22;--ck-fg:#e6edf3;--ck-muted:#8d96a0;--ck-border:#30363d;--ck-grid:#1c2128;--ck-focus:#4493f8}}.chroniko button{color:inherit;font:inherit}.ck-toolbar{align-items:center;background:var(--ck-surface);border-bottom:1px solid var(--ck-border);gap:8px;justify-content:space-between;padding:8px 12px}.ck-legend,.ck-toolbar{display:flex;flex-wrap:wrap}.ck-legend{gap:6px}.ck-legend-item{align-items:center;background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:999px;cursor:pointer;display:inline-flex;gap:6px;padding:3px 10px;text-transform:capitalize}.ck-legend-item[aria-pressed=false]{color:var(--ck-muted);opacity:.6}.ck-swatch{background:var(--ck-color);border:2px solid var(--ck-color);border-radius:50%;box-sizing:border-box;height:10px;width:10px}.ck-legend-item[aria-pressed=false] .ck-swatch{background:transparent}.ck-controls{display:flex;gap:4px}.ck-controls button{background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:6px;cursor:pointer;height:28px;min-width:30px;padding:0 8px}.ck-controls button[aria-pressed=true]{border-color:var(--ck-focus);color:var(--ck-focus)}.ck-controls button:hover,.ck-legend-item:hover{border-color:var(--ck-muted)}.ck-viewport{cursor:grab;height:var(--ck-height);overflow:hidden;position:relative;touch-action:pan-y;user-select:none}.ck-viewport.ck-dragging{cursor:grabbing}.ck-viewport:after{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ck-focus) 40%,transparent);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:2}.ck-viewport:focus-within:after{opacity:1}.chroniko .ck-viewport:focus-visible{outline:none}.ck-viewport:focus-visible:after{box-shadow:inset 0 0 0 2px var(--ck-focus)}.ck-hint{background:color-mix(in srgb,var(--ck-fg) 85%,transparent);border-radius:6px;color:var(--ck-bg);left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;white-space:nowrap;z-index:1}.ck-hint.ck-visible{opacity:1}.chroniko :focus-visible{outline:2px solid var(--ck-focus);outline-offset:-2px}.ck-grid{inset:0;pointer-events:none;position:absolute}.ck-gridline{background:var(--ck-grid);bottom:0;position:absolute;top:0;width:1px}.ck-lanes{font-weight:500;inset:0 0 32px 0;overflow:hidden auto;position:absolute}.ck-large-text .ck-lanes,.ck-large-text .ck-legend-item{font-size:14px}.ck-large-text .ck-tick{font-size:13px}.ck-lanes-inner{position:relative}.ck-axis{background:var(--ck-bg);border-top:1px solid var(--ck-border);bottom:0;height:32px;left:0;position:absolute;right:0}.ck-tick{color:var(--ck-muted);font-size:12px;font-variant-numeric:tabular-nums;padding-top:8px;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.ck-tick:before{background:var(--ck-border);content:"";height:5px;left:50%;position:absolute;top:0;width:1px}.ck-event{background:none;border:0;cursor:pointer;height:22px;margin:0;padding:0;position:absolute;text-align:left}.ck-event,.ck-label{white-space:nowrap}.ck-event:hover .ck-label{text-decoration:underline}.ck-range{background:color-mix(in srgb,var(--ck-color) 22%,transparent);border-left:3px solid var(--ck-color);border-radius:4px}.ck-range .ck-label{position:absolute;top:50%;transform:translateY(-50%)}.ck-range.ck-selected{box-shadow:0 0 0 2px var(--ck-color)}.ck-point{align-items:center;display:flex;gap:6px}.ck-dot{background:var(--ck-color);border-radius:50%;box-shadow:0 0 0 2px var(--ck-bg);flex:none;height:10px;width:10px}.ck-point.ck-selected .ck-dot{box-shadow:0 0 0 2px var(--ck-bg),0 0 0 4px var(--ck-color)}.ck-event.ck-hover{z-index:1}.ck-event.ck-hover .ck-label{text-decoration:underline}.ck-range.ck-hover{background:color-mix(in srgb,var(--ck-color) 40%,transparent)}.ck-point.ck-hover .ck-dot{transform:scale(1.3)}.ck-event.ck-flash{animation:ck-event-flash 1.5s ease-out;border-radius:6px;z-index:1}@keyframes ck-event-flash{0%,40%{box-shadow:0 0 0 4px color-mix(in srgb,var(--ck-color) 60%,transparent)}to{box-shadow:0 0 0 4px transparent}}@media (prefers-reduced-motion:reduce){.ck-event.ck-flash{animation-timing-function:step-end}}.ck-story{background:var(--ck-surface);border-top:1px solid var(--ck-border);padding:12px 16px 16px}.ck-story[hidden]{display:none}.ck-story-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.ck-story-title{font-weight:600}.ck-count{background:var(--ck-border);border-radius:999px;font-size:12px;font-weight:500;margin-left:4px;padding:0 7px}.chroniko .ck-clear{background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:6px;cursor:pointer;padding:3px 10px}.chroniko .ck-clear:hover{border-color:var(--ck-muted)}.ck-story-list{list-style:none;margin:0;padding:0 0 0 20px;position:relative}.ck-card{background:var(--ck-bg);border:1px solid var(--ck-border);border-left:3px solid var(--ck-color);border-radius:6px;margin-top:10px;padding:10px 44px 12px 14px;position:relative}.ck-card:before{background:var(--ck-color);border-radius:50%;box-shadow:0 0 0 2px var(--ck-surface);content:"";height:10px;left:-22px;position:absolute;top:15px;width:10px}.ck-story-list>li:not(:last-child):after{background:var(--ck-border);bottom:-26px;content:"";left:-18px;position:absolute;top:25px;width:2px}.ck-card:focus{outline:none}.ck-card.ck-flash{animation:ck-flash 1.2s ease-out}@keyframes ck-flash{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--ck-color) 55%,transparent)}to{box-shadow:0 0 0 3px transparent}}@media (prefers-reduced-motion:reduce){.ck-card.ck-flash{animation-duration:.01ms;outline:2px solid var(--ck-color)}}.ck-end{margin-top:10px;position:relative}.ck-end:before{background:var(--ck-surface);border:2px solid var(--ck-color);border-radius:50%;content:"";height:6px;left:-19px;position:absolute;top:13px;width:6px}.ck-story-list>.ck-end:not(:last-child):after{left:-15px;top:23px}.chroniko .ck-end-jump{align-items:baseline;background:none;border:1px dashed var(--ck-border);border-left:3px solid color-mix(in srgb,var(--ck-color) 50%,transparent);border-radius:6px;color:var(--ck-muted);cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;font-size:13px;gap:4px 10px;padding:6px 14px;text-align:left;width:100%}.chroniko .ck-end-jump.ck-hover,.chroniko .ck-end-jump:hover{border-color:var(--ck-muted);border-left-color:var(--ck-color)}.ck-end-jump strong{color:var(--ck-fg);font-weight:600}.ck-end-date,.ck-end-duration,.ck-meta{font-size:12px}.ck-meta{align-items:center;color:var(--ck-muted);display:flex;flex-wrap:wrap;gap:8px}.ck-badge{background:color-mix(in srgb,var(--ck-color) 22%,transparent);border-radius:999px;color:var(--ck-fg);padding:1px 8px;text-transform:capitalize}.ck-title{font-size:16px;margin:4px 0 2px}.ck-description{margin:4px 0 0;max-width:70ch}.ck-card.ck-hover{border-color:color-mix(in srgb,var(--ck-color) 60%,var(--ck-border));border-left-color:var(--ck-color)}.ck-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px}.chroniko .ck-locate,.ck-link{color:var(--ck-focus)}.chroniko .ck-locate{background:none;border:0;cursor:pointer;padding:0}.chroniko .ck-locate:hover{text-decoration:underline}.chroniko .ck-remove{background:none;border:0;border-radius:6px;color:var(--ck-muted);cursor:pointer;font-size:20px;height:28px;line-height:1;position:absolute;right:10px;top:8px;width:28px}.chroniko .ck-remove:hover{background:var(--ck-border)}.ck-large-text .ck-controls,.ck-large-text .ck-story{font-size:14px}.ck-large-text .ck-count,.ck-large-text .ck-end-date,.ck-large-text .ck-end-duration,.ck-large-text .ck-meta{font-size:13px}.ck-large-text .ck-end-jump{font-size:14px}.ck-large-text .ck-title{font-size:17px}.ck-large-text .ck-remove{font-size:21px}.chroniko.ck-side{container:chroniko/inline-size;overflow:clip}.ck-side .ck-layout{display:grid;grid-template-columns:calc(var(--ck-split)*100%) minmax(0,1fr)}.ck-side .ck-main{align-self:start;min-width:0;position:sticky;top:var(--ck-sticky-top)}.ck-side .ck-story{border-left:1px solid var(--ck-border);border-top:0;min-width:0}.ck-story-placeholder{color:var(--ck-muted);margin:0}@container chroniko (max-width: 640px){.ck-side .ck-layout{display:block}.ck-side .ck-main{position:static}.ck-side .ck-story{border-left:0;border-top:1px solid var(--ck-border)}.ck-side .ck-story.ck-empty{display:none}}
1	+ .chroniko{--ck-height:420px;--ck-sticky-top:0px;--ck-bg:#fff;--ck-surface:#f6f7f9;--ck-fg:#1f2328;--ck-muted:#656d76;--ck-border:#d8dee4;--ck-grid:#eef1f4;--ck-focus:#0969da;background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:8px;color:var(--ck-fg);font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}@media (prefers-color-scheme:dark){.chroniko{--ck-bg:#0d1117;--ck-surface:#161b22;--ck-fg:#e6edf3;--ck-muted:#8d96a0;--ck-border:#30363d;--ck-grid:#1c2128;--ck-focus:#4493f8}}.chroniko button{color:inherit;font:inherit}.ck-toolbar{align-items:center;background:var(--ck-surface);border-bottom:1px solid var(--ck-border);gap:8px;justify-content:space-between;padding:8px 12px}.ck-legend,.ck-toolbar{display:flex;flex-wrap:wrap}.ck-legend{gap:6px}.ck-legend-item{align-items:center;background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:999px;cursor:pointer;display:inline-flex;gap:6px;padding:3px 10px;text-transform:capitalize}.ck-legend-item[aria-pressed=false]{color:var(--ck-muted);opacity:.6}.ck-swatch{background:var(--ck-color);border:2px solid var(--ck-color);border-radius:50%;box-sizing:border-box;height:10px;width:10px}.ck-legend-item[aria-pressed=false] .ck-swatch{background:transparent}.ck-controls{display:flex;gap:4px}.ck-controls button{background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:6px;cursor:pointer;height:28px;min-width:30px;padding:0 8px}.ck-controls button[aria-pressed=true]{border-color:var(--ck-focus);color:var(--ck-focus)}.ck-controls button:hover,.ck-legend-item:hover{border-color:var(--ck-muted)}.ck-tagbar{background:var(--ck-surface);border-bottom:1px solid var(--ck-border);padding:6px 12px}.ck-tagbar summary{color:var(--ck-muted);cursor:pointer;width:max-content}.ck-tagbar summary:hover{color:var(--ck-fg)}.ck-tagbar .ck-tags{margin-bottom:2px}.ck-tag-count{font-variant-numeric:tabular-nums;opacity:.7}.ck-large-text .ck-tagbar summary{font-size:14px}.ck-viewport{cursor:grab;height:var(--ck-height);overflow:hidden;position:relative;touch-action:pan-y;user-select:none}.ck-viewport.ck-dragging{cursor:grabbing}.ck-viewport:after{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ck-focus) 40%,transparent);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:2}.ck-viewport:focus-within:after{opacity:1}.chroniko .ck-viewport:focus-visible{outline:none}.ck-viewport:focus-visible:after{box-shadow:inset 0 0 0 2px var(--ck-focus)}.ck-hint{background:color-mix(in srgb,var(--ck-fg) 85%,transparent);border-radius:6px;color:var(--ck-bg);left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;white-space:nowrap;z-index:1}.ck-hint.ck-visible{opacity:1}.chroniko :focus-visible{outline:2px solid var(--ck-focus);outline-offset:-2px}.ck-grid{inset:0;pointer-events:none;position:absolute}.ck-gridline{background:var(--ck-grid);bottom:0;position:absolute;top:0;width:1px}.ck-lanes{font-weight:500;inset:0 0 32px 0;overflow:hidden auto;position:absolute}.ck-large-text .ck-lanes,.ck-large-text .ck-legend-item{font-size:14px}.ck-large-text .ck-tick{font-size:13px}.ck-lanes-inner{position:relative}.ck-axis{background:var(--ck-bg);border-top:1px solid var(--ck-border);bottom:0;height:32px;left:0;position:absolute;right:0}.ck-tick{color:var(--ck-muted);font-size:12px;font-variant-numeric:tabular-nums;padding-top:8px;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.ck-tick:before{background:var(--ck-border);content:"";height:5px;left:50%;position:absolute;top:0;width:1px}.ck-event{background:none;border:0;cursor:pointer;height:22px;margin:0;padding:0;position:absolute;text-align:left;transition:opacity .15s}.ck-event,.ck-label{white-space:nowrap}.ck-event:hover .ck-label{text-decoration:underline}.ck-range{background:color-mix(in srgb,var(--ck-color) 22%,transparent);border-left:3px solid var(--ck-color);border-radius:4px}.ck-range .ck-label{position:absolute;top:50%;transform:translateY(-50%)}.ck-range.ck-selected{box-shadow:0 0 0 2px var(--ck-color)}.ck-point{align-items:center;display:flex;gap:6px}.ck-dot{background:var(--ck-color);border-radius:50%;box-shadow:0 0 0 2px var(--ck-bg);flex:none;height:10px;width:10px}.ck-point.ck-selected .ck-dot{box-shadow:0 0 0 2px var(--ck-bg),0 0 0 4px var(--ck-color)}.ck-dim.ck-has-selection .ck-event:not(.ck-selected){opacity:.2}.ck-dim.ck-has-selection .ck-event:not(.ck-selected):is(:hover,:focus-visible,.ck-hover){opacity:.6}.ck-event.ck-hover{z-index:1}.ck-event.ck-hover .ck-label{text-decoration:underline}.ck-range.ck-hover{background:color-mix(in srgb,var(--ck-color) 40%,transparent)}.ck-point.ck-hover .ck-dot{transform:scale(1.3)}.ck-event.ck-flash{animation:ck-event-flash 1.5s ease-out;border-radius:6px;z-index:1}@keyframes ck-event-flash{0%,40%{box-shadow:0 0 0 4px color-mix(in srgb,var(--ck-color) 60%,transparent)}to{box-shadow:0 0 0 4px transparent}}@media (prefers-reduced-motion:reduce){.ck-event.ck-flash{animation-timing-function:step-end}}.ck-story{background:var(--ck-surface);border-top:1px solid var(--ck-border);padding:12px 16px 16px}.ck-story[hidden]{display:none}.ck-story-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.ck-story-title{font-weight:600}.ck-count{background:var(--ck-border);border-radius:999px;font-size:12px;font-weight:500;margin-left:4px;padding:0 7px}.chroniko .ck-clear{background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:6px;cursor:pointer;padding:3px 10px}.chroniko .ck-clear:hover{border-color:var(--ck-muted)}.ck-story-list{list-style:none;margin:0;padding:0 0 0 20px;position:relative}.ck-card{background:var(--ck-bg);border:1px solid var(--ck-border);border-left:3px solid var(--ck-color);border-radius:6px;margin-top:10px;padding:10px 44px 12px 14px;position:relative}.ck-card:before{background:var(--ck-color);border-radius:50%;box-shadow:0 0 0 2px var(--ck-surface);content:"";height:10px;left:-22px;position:absolute;top:15px;width:10px}.ck-story-list>li:not(:last-child):after{background:var(--ck-border);bottom:-26px;content:"";left:-18px;position:absolute;top:25px;width:2px}.ck-card:focus{outline:none}.ck-card.ck-flash{animation:ck-flash 1.2s ease-out}@keyframes ck-flash{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--ck-color) 55%,transparent)}to{box-shadow:0 0 0 3px transparent}}@media (prefers-reduced-motion:reduce){.ck-card.ck-flash{animation-duration:.01ms;outline:2px solid var(--ck-color)}}.ck-end{margin-top:10px;position:relative}.ck-end:before{background:var(--ck-surface);border:2px solid var(--ck-color);border-radius:50%;content:"";height:6px;left:-19px;position:absolute;top:13px;width:6px}.ck-story-list>.ck-end:not(:last-child):after{left:-15px;top:23px}.chroniko .ck-end-jump{align-items:baseline;background:none;border:1px dashed var(--ck-border);border-left:3px solid color-mix(in srgb,var(--ck-color) 50%,transparent);border-radius:6px;color:var(--ck-muted);cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;font-size:13px;gap:4px 10px;padding:6px 14px;text-align:left;width:100%}.chroniko .ck-end-jump.ck-hover,.chroniko .ck-end-jump:hover{border-color:var(--ck-muted);border-left-color:var(--ck-color)}.ck-end-jump strong{color:var(--ck-fg);font-weight:600}.ck-end-date,.ck-end-duration,.ck-meta{font-size:12px}.ck-meta{align-items:center;color:var(--ck-muted);display:flex;flex-wrap:wrap;gap:8px}.ck-badge{background:color-mix(in srgb,var(--ck-color) 22%,transparent);border-radius:999px;color:var(--ck-fg);padding:1px 8px;text-transform:capitalize}.ck-title{font-size:16px;margin:4px 0 2px}.ck-description{margin:4px 0 0;max-width:70ch}.ck-tags{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:6px 0 0;padding:0}.chroniko .ck-tag{background:none;border:1px solid var(--ck-border);border-radius:999px;color:var(--ck-muted);cursor:pointer;font-size:12px;padding:0 8px}.chroniko .ck-tag:hover{border-color:var(--ck-muted);color:var(--ck-fg)}.chroniko .ck-tag[aria-pressed=true]{background:var(--ck-fg);border-color:var(--ck-fg);color:var(--ck-bg)}.chroniko .ck-tag[aria-pressed=mixed]{background:color-mix(in srgb,var(--ck-fg) 12%,transparent);border-color:var(--ck-muted);color:var(--ck-fg)}.ck-card.ck-hover{border-color:color-mix(in srgb,var(--ck-color) 60%,var(--ck-border));border-left-color:var(--ck-color)}.ck-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px}.chroniko .ck-locate,.ck-link{color:var(--ck-focus)}.chroniko .ck-locate{background:none;border:0;cursor:pointer;padding:0}.chroniko .ck-locate:hover{text-decoration:underline}.chroniko .ck-remove{background:none;border:0;border-radius:6px;color:var(--ck-muted);cursor:pointer;font-size:20px;height:28px;line-height:1;position:absolute;right:10px;top:8px;width:28px}.chroniko .ck-remove:hover{background:var(--ck-border)}.ck-controls button{position:relative}.chroniko .ck-remove:after,.ck-controls button[aria-label]:after{background:color-mix(in srgb,var(--ck-fg) 85%,transparent);border-radius:6px;color:var(--ck-bg);content:attr(aria-label);font-size:12px;font-weight:400;line-height:1.4;max-width:240px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;text-align:left;transition:opacity .15s;white-space:normal;width:max-content;z-index:3}.ck-controls button[aria-label]:after{right:0;top:calc(100% + 6px)}.ck-controls button[aria-label]:first-child:after{left:0;right:auto}.chroniko .ck-remove:after{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.chroniko .ck-remove:is(:hover,:focus-visible):after,.ck-controls button[aria-label]:is(:hover,:focus-visible):after{opacity:1;transition-delay:.3s}.ck-large-text .ck-controls,.ck-large-text .ck-story{font-size:14px}.ck-large-text .ck-count,.ck-large-text .ck-end-date,.ck-large-text .ck-end-duration,.ck-large-text .ck-meta,.ck-large-text .ck-tag{font-size:13px}.ck-large-text .ck-end-jump{font-size:14px}.ck-large-text .ck-title{font-size:17px}.ck-large-text .ck-remove{font-size:21px}.ck-large-text .ck-controls button[aria-label]:after,.ck-large-text .ck-remove:after{font-size:13px}.chroniko.ck-side{container:chroniko/inline-size;overflow:clip}.ck-side .ck-layout{display:grid;grid-template-columns:calc(var(--ck-split)*100%) minmax(0,1fr)}.ck-side .ck-main{align-self:start;min-width:0;position:sticky;top:var(--ck-sticky-top)}.ck-side .ck-story{border-left:1px solid var(--ck-border);border-top:0;min-width:0}.ck-story-placeholder{color:var(--ck-muted);margin:0}@container chroniko (max-width: 640px){.ck-side .ck-layout{display:block}.ck-side .ck-main{position:static}.ck-side .ck-story{border-left:0;border-top:1px solid var(--ck-border)}.ck-side .ck-story.ck-empty{display:none}}

package/dist/chroniko.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- const e={en:{zoomIn:"Zoom in",zoomOut:"Zoom out",fit:"Fit",largerText:"Larger text",categories:"Categories",ctrlKey:"Ctrl",viewport:e=>`Timeline. Drag or use arrow keys to pan; press + and −, ${e}+scroll or pinch to zoom.`,hint:e=>`${e} + scroll to zoom, or click the timeline first`,selectedEvents:"Selected events",clearAll:"Clear all",placeholder:"Click an event to add it here.",showOnTimeline:"Show on timeline",readMore:"Read more ↗",remove:e=>`Remove ${e} from selection`,endOf:e=>`End of ${e}`,lasted:e=>`lasted ${e}`,endsAria:(e,t,n)=>`${e} ends ${t}${n?`, after ${n}`:""}. Go to event`,months:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],year:e=>e<0?-e+" BCE":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# year",other:"# years"},month:{one:"# month",other:"# months"},day:{one:"# day",other:"# days"}},unitJoin:", ",lessThan:{year:"less than a year",month:"less than a month",day:"less than a day"}},"zh-Hant":{zoomIn:"放大",zoomOut:"縮小",fit:"全覽",largerText:"放大文字",categories:"類別",ctrlKey:"Ctrl",viewport:e=>`時間軸。拖曳或使用方向鍵平移；按 + 和 −、${e} + 滾輪或雙指縮放。`,hint:e=>`${e} + 滾輪縮放，或先點擊時間軸`,selectedEvents:"已選事件",clearAll:"全部清除",placeholder:"點擊事件以加入此處。",showOnTimeline:"在時間軸上顯示",readMore:"了解更多 ↗",remove:e=>`從已選事件中移除「${e}」`,endOf:e=>`${e}結束`,lasted:e=>`歷時${e}`,endsAria:(e,t,n)=>`${e}於${t}結束${n?`，歷時${n}`:""}。前往事件`,months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],year:e=>e<0?`公元前${-e}年`:`${e}年`,month:(e,t)=>`${t}${e}`,day:(e,t,n)=>`${n}${t}${e}日`,units:{year:{other:"#年"},month:{other:"#個月"},day:{other:"#天"}},unitJoin:"",lessThan:{year:"不足一年",month:"不足一個月",day:"不足一天"}},"zh-Hans":{zoomIn:"放大",zoomOut:"缩小",fit:"全览",largerText:"放大文字",categories:"类别",ctrlKey:"Ctrl",viewport:e=>`时间轴。拖动或使用方向键平移；按 + 和 −、${e} + 滚轮或双指缩放。`,hint:e=>`${e} + 滚轮缩放，或先点击时间轴`,selectedEvents:"已选事件",clearAll:"全部清除",placeholder:"点击事件以添加到此处。",showOnTimeline:"在时间轴上显示",readMore:"了解更多 ↗",remove:e=>`从已选事件中移除“${e}”`,endOf:e=>`${e}结束`,lasted:e=>`历时${e}`,endsAria:(e,t,n)=>`${e}于${t}结束${n?`，历时${n}`:""}。前往事件`,months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],year:e=>e<0?`公元前${-e}年`:`${e}年`,month:(e,t)=>`${t}${e}`,day:(e,t,n)=>`${n}${t}${e}日`,units:{year:{other:"#年"},month:{other:"#个月"},day:{other:"#天"}},unitJoin:"",lessThan:{year:"不足一年",month:"不足一个月",day:"不足一天"}},yue:{zoomIn:"放大",zoomOut:"縮細",fit:"睇晒",largerText:"大啲字",categories:"類別",ctrlKey:"Ctrl",viewport:e=>`時間軸。拖或者用方向鍵左右移；撳 + 同 −、${e} + 碌滾輪或者用兩隻手指縮放。`,hint:e=>`${e} + 碌滾輪就可以縮放，或者先撳一下時間軸`,selectedEvents:"揀咗嘅事件",clearAll:"清晒",placeholder:"撳一下事件就會加入呢度。",showOnTimeline:"喺時間軸度睇",readMore:"睇多啲 ↗",remove:e=>`移走「${e}」`,endOf:e=>`${e}完結`,lasted:e=>`維持咗${e}`,endsAria:(e,t,n)=>`${e}喺${t}完結${n?`，維持咗${n}`:""}。去返個事件`,months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],year:e=>e<0?`公元前${-e}年`:`${e}年`,month:(e,t)=>`${t}${e}`,day:(e,t,n)=>`${n}${t}${e}日`,units:{year:{other:"#年"},month:{other:"#個月"},day:{other:"#日"}},unitJoin:"",lessThan:{year:"唔夠一年",month:"唔夠一個月",day:"唔夠一日"}},ja:{zoomIn:"拡大",zoomOut:"縮小",fit:"全体表示",largerText:"文字を大きく",categories:"カテゴリ",ctrlKey:"Ctrl",viewport:e=>`タイムライン。ドラッグまたは矢印キーで移動し、+ と −、${e} + スクロール、またはピンチで拡大・縮小します。`,hint:e=>`${e} + スクロールで拡大・縮小、または先にタイムラインをクリック`,selectedEvents:"選択した出来事",clearAll:"すべて解除",placeholder:"出来事をクリックするとここに追加されます。",showOnTimeline:"タイムラインで表示",readMore:"詳しく見る ↗",remove:e=>`「${e}」を選択から外す`,endOf:e=>`${e}の終わり`,lasted:e=>`期間：${e}`,endsAria:(e,t,n)=>`${e}は${t}に終了${n?`（期間：${n}）`:""}。出来事へ移動`,months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],year:e=>e<0?`紀元前${-e}年`:`${e}年`,month:(e,t)=>`${t}${e}`,day:(e,t,n)=>`${n}${t}${e}日`,units:{year:{other:"#年"},month:{other:"#か月"},day:{other:"#日"}},unitJoin:"",lessThan:{year:"1年未満",month:"1か月未満",day:"1日未満"}},ko:{zoomIn:"확대",zoomOut:"축소",fit:"전체 보기",largerText:"글자 크게",categories:"분류",ctrlKey:"Ctrl",viewport:e=>`타임라인. 드래그하거나 화살표 키로 이동하고, + 와 −, ${e}+스크롤 또는 핀치로 확대/축소합니다.`,hint:e=>`${e} + 스크롤로 확대/축소하거나 먼저 타임라인을 클릭하세요`,selectedEvents:"선택한 사건",clearAll:"모두 지우기",placeholder:"사건을 클릭하면 여기에 추가됩니다.",showOnTimeline:"타임라인에서 보기",readMore:"더 보기 ↗",remove:e=>`선택에서 ${e} 제거`,endOf:e=>`${e} 종료`,lasted:e=>`기간: ${e}`,endsAria:(e,t,n)=>`${e} 종료: ${t}${n?`, 기간 ${n}`:""}. 사건으로 이동`,months:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],year:e=>e<0?`기원전 ${-e}년`:`${e}년`,month:(e,t)=>`${t} ${e}`,day:(e,t,n)=>`${n} ${t} ${e}일`,units:{year:{other:"#년"},month:{other:"#개월"},day:{other:"#일"}},unitJoin:" ",lessThan:{year:"1년 미만",month:"1개월 미만",day:"1일 미만"}},fr:{zoomIn:"Zoom avant",zoomOut:"Zoom arrière",fit:"Ajuster",largerText:"Texte plus grand",categories:"Catégories",ctrlKey:"Ctrl",viewport:e=>`Frise chronologique. Faites glisser ou utilisez les flèches pour vous déplacer ; appuyez sur + et −, ${e}+molette ou pincez pour zoomer.`,hint:e=>`${e} + molette pour zoomer, ou cliquez d’abord sur la frise`,selectedEvents:"Événements sélectionnés",clearAll:"Tout effacer",placeholder:"Cliquez sur un événement pour l’ajouter ici.",showOnTimeline:"Afficher sur la frise",readMore:"En savoir plus ↗",remove:e=>`Retirer ${e} de la sélection`,endOf:e=>`Fin : ${e}`,lasted:e=>`durée : ${e}`,endsAria:(e,t,n)=>`Fin de « ${e} » : ${t}${n?`, durée ${n}`:""}. Aller à l’événement`,months:["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc."],year:e=>e<0?-e+" av. J.-C.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${1===e?"1er":e} ${t} ${n}`,units:{year:{one:"# an",other:"# ans"},month:{one:"# mois",other:"# mois"},day:{one:"# jour",other:"# jours"}},unitJoin:" et ",lessThan:{year:"moins d’un an",month:"moins d’un mois",day:"moins d’un jour"}},de:{zoomIn:"Vergrößern",zoomOut:"Verkleinern",fit:"Einpassen",largerText:"Größere Schrift",categories:"Kategorien",ctrlKey:"Strg",viewport:e=>`Zeitleiste. Zum Verschieben ziehen oder die Pfeiltasten verwenden; zum Zoomen + und −, ${e}+Mausrad oder zwei Finger verwenden.`,hint:e=>`${e} + Mausrad zum Zoomen, oder zuerst auf die Zeitleiste klicken`,selectedEvents:"Ausgewählte Ereignisse",clearAll:"Alle entfernen",placeholder:"Klicken Sie auf ein Ereignis, um es hier hinzuzufügen.",showOnTimeline:"Auf der Zeitleiste anzeigen",readMore:"Mehr erfahren ↗",remove:e=>`${e} aus der Auswahl entfernen`,endOf:e=>`Ende: ${e}`,lasted:e=>`Dauer: ${e}`,endsAria:(e,t,n)=>`Ende von ${e}: ${t}${n?`, Dauer ${n}`:""}. Zum Ereignis`,months:["Jan.","Feb.","März","Apr.","Mai","Juni","Juli","Aug.","Sept.","Okt.","Nov.","Dez."],year:e=>e<0?-e+" v. Chr.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e}. ${t} ${n}`,units:{year:{one:"# Jahr",other:"# Jahre"},month:{one:"# Monat",other:"# Monate"},day:{one:"# Tag",other:"# Tage"}},unitJoin:", ",lessThan:{year:"weniger als ein Jahr",month:"weniger als ein Monat",day:"weniger als ein Tag"}},it:{zoomIn:"Ingrandisci",zoomOut:"Riduci",fit:"Adatta",largerText:"Testo più grande",categories:"Categorie",ctrlKey:"Ctrl",viewport:e=>`Linea del tempo. Trascina o usa i tasti freccia per spostarti; premi + e −, ${e}+rotellina o pizzica per lo zoom.`,hint:e=>`${e} + rotellina per lo zoom, oppure fai prima clic sulla linea del tempo`,selectedEvents:"Eventi selezionati",clearAll:"Cancella tutto",placeholder:"Fai clic su un evento per aggiungerlo qui.",showOnTimeline:"Mostra sulla linea del tempo",readMore:"Scopri di più ↗",remove:e=>`Rimuovi ${e} dalla selezione`,endOf:e=>`Fine: ${e}`,lasted:e=>`durata: ${e}`,endsAria:(e,t,n)=>`Fine di ${e}: ${t}${n?`, durata ${n}`:""}. Vai all’evento`,months:["gen","feb","mar","apr","mag","giu","lug","ago","set","ott","nov","dic"],year:e=>e<0?-e+" a.C.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# anno",other:"# anni"},month:{one:"# mese",other:"# mesi"},day:{one:"# giorno",other:"# giorni"}},unitJoin:" e ",lessThan:{year:"meno di un anno",month:"meno di un mese",day:"meno di un giorno"}},es:{zoomIn:"Acercar",zoomOut:"Alejar",fit:"Ajustar",largerText:"Texto más grande",categories:"Categorías",ctrlKey:"Ctrl",viewport:e=>`Línea de tiempo. Arrastra o usa las flechas para desplazarte; pulsa + y −, ${e}+rueda o pellizca para hacer zoom.`,hint:e=>`${e} + rueda para hacer zoom, o haz clic primero en la línea de tiempo`,selectedEvents:"Eventos seleccionados",clearAll:"Borrar todo",placeholder:"Haz clic en un evento para añadirlo aquí.",showOnTimeline:"Mostrar en la línea de tiempo",readMore:"Más información ↗",remove:e=>`Quitar ${e} de la selección`,endOf:e=>`Fin: ${e}`,lasted:e=>`duración: ${e}`,endsAria:(e,t,n)=>`Fin de ${e}: ${t}${n?`, duración ${n}`:""}. Ir al evento`,months:["ene","feb","mar","abr","may","jun","jul","ago","sept","oct","nov","dic"],year:e=>e<0?-e+" a. C.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# año",other:"# años"},month:{one:"# mes",other:"# meses"},day:{one:"# día",other:"# días"}},unitJoin:" y ",lessThan:{year:"menos de un año",month:"menos de un mes",day:"menos de un día"}},pt:{zoomIn:"Ampliar",zoomOut:"Reduzir",fit:"Ajustar",largerText:"Texto maior",categories:"Categorias",ctrlKey:"Ctrl",viewport:e=>`Linha do tempo. Arraste ou use as setas para deslocar; use + e −, ${e}+roda ou o gesto de pinça para ampliar ou reduzir.`,hint:e=>`${e} + roda para ampliar ou reduzir, ou clique primeiro na linha do tempo`,selectedEvents:"Eventos selecionados",clearAll:"Limpar tudo",placeholder:"Clique num evento para adicioná-lo aqui.",showOnTimeline:"Mostrar na linha do tempo",readMore:"Saiba mais ↗",remove:e=>`Remover ${e} da seleção`,endOf:e=>`Fim: ${e}`,lasted:e=>`duração: ${e}`,endsAria:(e,t,n)=>`Fim de ${e}: ${t}${n?`, duração ${n}`:""}. Ir para o evento`,months:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],year:e=>e<0?-e+" a.C.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# ano",other:"# anos"},month:{one:"# mês",other:"# meses"},day:{one:"# dia",other:"# dias"}},unitJoin:" e ",lessThan:{year:"menos de um ano",month:"menos de um mês",day:"menos de um dia"}},pl:{zoomIn:"Powiększ",zoomOut:"Pomniejsz",fit:"Dopasuj",largerText:"Większy tekst",categories:"Kategorie",ctrlKey:"Ctrl",viewport:e=>`Oś czasu. Przeciągnij lub użyj klawiszy strzałek, aby przesuwać; naciśnij + i −, ${e}+kółko myszy lub zsuń palce, aby zmienić powiększenie.`,hint:e=>`${e} + kółko myszy, aby zmienić powiększenie, lub najpierw kliknij oś czasu`,selectedEvents:"Wybrane wydarzenia",clearAll:"Wyczyść wszystko",placeholder:"Kliknij wydarzenie, aby dodać je tutaj.",showOnTimeline:"Pokaż na osi czasu",readMore:"Więcej ↗",remove:e=>`Usuń ${e} z wyboru`,endOf:e=>`Koniec: ${e}`,lasted:e=>`czas trwania: ${e}`,endsAria:(e,t,n)=>`Koniec: ${e}, ${t}${n?`, czas trwania ${n}`:""}. Przejdź do wydarzenia`,months:["sty","lut","mar","kwi","maj","cze","lip","sie","wrz","paź","lis","gru"],year:e=>e<0?-e+" p.n.e.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# rok",few:"# lata",many:"# lat",other:"# roku"},month:{one:"# miesiąc",few:"# miesiące",many:"# miesięcy",other:"# miesiąca"},day:{one:"# dzień",few:"# dni",many:"# dni",other:"# dnia"}},unitJoin:", ",lessThan:{year:"mniej niż rok",month:"mniej niż miesiąc",day:"mniej niż dzień"}},nl:{zoomIn:"Inzoomen",zoomOut:"Uitzoomen",fit:"Passend maken",largerText:"Grotere tekst",categories:"Categorieën",ctrlKey:"Ctrl",viewport:e=>`Tijdlijn. Sleep of gebruik de pijltjestoetsen om te verschuiven; druk op + en −, ${e}+scrollen of knijp om te zoomen.`,hint:e=>`${e} + scrollen om te zoomen, of klik eerst op de tijdlijn`,selectedEvents:"Geselecteerde gebeurtenissen",clearAll:"Alles wissen",placeholder:"Klik op een gebeurtenis om die hier toe te voegen.",showOnTimeline:"Tonen op tijdlijn",readMore:"Meer lezen ↗",remove:e=>`${e} uit selectie verwijderen`,endOf:e=>`Einde: ${e}`,lasted:e=>`duur: ${e}`,endsAria:(e,t,n)=>`Einde van ${e}: ${t}${n?`, duur ${n}`:""}. Ga naar gebeurtenis`,months:["jan","feb","mrt","apr","mei","jun","jul","aug","sep","okt","nov","dec"],year:e=>e<0?-e+" v.Chr.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# jaar",other:"# jaar"},month:{one:"# maand",other:"# maanden"},day:{one:"# dag",other:"# dagen"}},unitJoin:" en ",lessThan:{year:"minder dan een jaar",month:"minder dan een maand",day:"minder dan een dag"}}},t=["#4e79a7","#e15759","#59a14f","#f28e2b","#b07aa1","#76b7b2","#edc948","#9c755f"],n={year:1,month:1/12,day:1/372},i=[1/12,1/4,...[1,10,100,1e3,1e4,1e5].flatMap(e=>[e,2e,5e])];function s(t){if(null==t\|\|""===t)return null;const n="object"==typeof t?JSON.stringify(t):"string"==typeof t?`"${t}"`:String(t);let i,s,a;if("number"==typeof t){if(!Number.isFinite(t))throw new Error(`Chroniko: invalid date ${n}`);return r(t)}if("object"==typeof t)({year:i,month:s,day:a}=t);else{const e=/^(-?\d+)(?:-(\d{1,2}))?(?:-(\d{1,2}))?$/.exec(String(t).trim());if(!e)throw new Error(`Chroniko: cannot parse date ${n}`);[i,s,a]=[Number(e[1]),e[2]&&Number(e[2]),e[3]&&Number(e[3])]}const l=function(t,n,i){if(!Number.isInteger(t))return"year must be a whole number";if(null!=n&&!(Number.isInteger(n)&&n>=1&&n<=12))return"month must be 1–12";if(null!=i){if(null==n)return"a day needs a month";if(!(Number.isInteger(i)&&i>=1&&i<=o[n-1]))return`day must be 1–${o[n-1]} in ${e.en.months[n-1]}`}return null}(i,s??null,a??null);if(l)throw new Error(`Chroniko: invalid date ${n}: ${l}`);return r(i,s,a)}const o=[31,29,31,30,31,30,31,31,30,31,30,31];function r(e,t,n){let i=e;t&&(i+=(t-1)/12),n&&(i+=(n-1)/372);return{year:e,month:t\|\|null,day:n\|\|null,precision:n?"day":t?"month":"year",value:i}}const a=new Map;function l(t,n){if(!Object.hasOwn(e,t)){const n=Object.keys(e).map(e=>`'${e}'`).join(", ");throw new Error(`Chroniko: language must be one of ${n}, got ${JSON.stringify(t)}`)}if(!n&&a.has(t))return a.get(t);const i={...e.en,...e[t],...n,number:new Intl.NumberFormat(t),plural:new Intl.PluralRules(t)};return n\|\|a.set(t,i),i}function d(e,t="en"){return l(t).year(e)}function h(e,t="en"){return c(e,l(t))}function c(e,t){const n=t.year(e.year);return e.day?t.day(e.day,t.months[e.month-1],n):e.month?t.month(t.months[e.month-1],n):n}function u(e,t,n="en"){return m(e,t,l(n))}function m(e,t,n){const i=e=>e<0?e+1:e,s=[e.precision,t.precision],o=s.includes("year")?"year":s.includes("month")?"month":"day";let r=i(t.year)-i(e.year),a="year"===o?0:t.month-e.month,l="day"===o?t.day-e.day:0;if(l<0&&(a-=1,l=Math.max(function(e,t){if(0===t)return 31;return[31,e%4==0&&e%100!=0\|\|e%400==0?29:28,31,30,31,30,31,31,30,31,30,31][t-1]}(i(t.year),t.month-1)-e.day,0)+t.day),a<0&&(r-=1,a+=12),r<0)return"";const d=[["year",r],["month",a],["day",l]],h=d.findIndex(([,e])=>e>0);if(h<0)return n.lessThan[o];const c=([e,t])=>{const i=n.units[e];return(i[n.plural.select(t)]??i.other).replace("#",n.number.format(t))},u=d[h+1];return u?.[1]>0?`${c(d[h])}${n.unitJoin}${c(u)}`:c(d[h])}function p(e,t){const n=c(e.start,t);return e.end?`${n} – ${c(e.end,t)}`:n}function y(e,t){return`${String(e.category??"").trim().toLowerCase().replace(/\s+/g,"-")\|\|"event"}-${t}`}function $(){const e=new Map;for(const t of location.hash.slice(1).split("&")){if(!t)continue;const n=t.indexOf("=");n<0?e.set(t,null):e.set(t.slice(0,n),t.slice(n+1))}return e}function g(e,t,n){if(t>=1)return n.year(Math.round(e));const i=Math.floor(e+1e-9),s=Math.round(12(e-i))%12;return 0===s?n.year(i):n.months[s]}function f(e){return String(e).replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"}[e]))}class v{constructor(e,t={}){const n="string"==typeof e?document.querySelector(e):e;if(!n)throw new Error("Chroniko: container not found");this.options={minSpan:1/12,colors:{},storyPosition:"below",split:.6,language:"en",categoryLabels:{},...t};const{storyPosition:i,split:s}=this.options;if("below"!==i&&"right"!==i)throw new Error(`Chroniko: storyPosition must be 'below' or 'right', got ${JSON.stringify(i)}`);if(!("number"==typeof s&&s>0&&s<1))throw new Error(`Chroniko: split must be a number between 0 and 1, got ${JSON.stringify(s)}`);this.m=l(this.options.language,this.options.uiText),this.items=[],this.hidden=new Set,this.selected=new Set,this.start=0,this.end=1,this._frame=0,this._build(n),this._bind(),this.setEvents(t.events??[]),null!=t.start&&null!=t.end?this.zoomTo(t.start,t.end):this.fit(),this.options.syncUrl&&(this._onHashChange=()=>this._readHash(),window.addEventListener("hashchange",this._onHashChange),this._readHash(),clearTimeout(this._hashTimer))}setEvents(e){const i=e.map((e,t)=>{const i=n=>{try{return s(e[n])}catch(i){const s=i.message.replace(/^Chroniko: /,"");throw new Error(`Chroniko: event "${e.title??t}" has an invalid ${n}: ${s}`)}},o=i("start");if(!o)throw new Error(`Chroniko: event "${e.title??t}" has no start date`);const r=i("end");return{event:e,id:String(e.id??y(e,t)),start:o,end:r,from:o.value,to:r?r.value+n[r.precision]:null,category:e.category??null}}).sort((e,t)=>e.from-t.from),o=new Map;for(const e of i){const t=o.get(e.id);if(t)throw new Error(`Chroniko: events "${t.event.title}" and "${e.event.title}" share the id "${e.id}"; ids must be unique`);o.set(e.id,e)}this.items=i,this.categories=[...new Set(this.items.map(e=>e.category).filter(Boolean))];const r=new Set(Object.values(this.options.colors)),a=t.filter(e=>!r.has(e));let l=0;this.colorOf=new Map(this.categories.map(e=>[e,this.options.colors[e]??a[l++%a.length]??t[0]]));for(const e of this.items)e.color=e.event.color??this.colorOf.get(e.category)??t[0];const[d,h]=this._extent();this._dataSpan=h-d,this._measureLabels(),this._renderLegend(),this.selected=new Set(this.items.filter(e=>this.selected.has(e.id)).map(e=>e.id)),this._renderStory(),this._invalidateLayout()}zoomTo(e,t){const n=s(e)?.value,i=s(t)?.value;if(null==n\|\|null==i)throw new Error("Chroniko: zoomTo needs both a start and an end");if(n>=i)throw new Error(`Chroniko: zoomTo start (${e}) must be before end (${t})`);const o=(n+i)/2,r=this._clampSpan(i-n);this._setView(o-r/2,o+r/2)}fit(){if(!this.items.length)return this._setView(0,2e3);const[e,t]=this._extent(),n=Math.max(t-e,1);this._setView(e-.04n,t+.12n)}zoomBy(e,t=.5){const n=this.end-this.start,i=this.start+nt,s=this._clampSpan(ne);this._setView(i-st,i-st+s)}panBy(e){const t=e/this._scale();this._setView(this.start+t,this.end+t)}select(e){e=String(e),!this.selected.has(e)&&this.items.some(t=>t.id===e)&&this._setSelection([...this.selected,e])}deselect(e){e=String(e),this.selected.has(e)&&this._setSelection([...this.selected].filter(t=>t!==e))}toggle(e){this.selected.has(String(e))?this.deselect(e):this.select(e)}clearSelection(){this.selected.size&&this._setSelection([])}getSelection(){return this.items.filter(e=>this.selected.has(e.id)).map(e=>e.event)}reveal(e){const t=this.items.find(t=>t.id===String(e));if(!t)return;t.category&&this.hidden.has(t.category)&&this._setHidden([...this.hidden].filter(e=>e!==t.category));const n=null!=t.to?(t.from+t.to)/2:t.from,i=null!=t.to?this._clampSpan((t.to-t.from)/.6):this.end-this.start;this._revealing={id:t.id,at:performance.now(),pending:!0},this._setView(n-i/2,n+i/2)}getState(){return{start:this.start,end:this.end,selected:this.items.filter(e=>this.selected.has(e.id)).map(e=>e.id),hidden:[...this.hidden]}}setState(e={}){if(null!=e.start&&null!=e.end&&this.zoomTo(e.start,e.end),e.hidden&&this._setHidden(e.hidden.map(String)),e.selected){const t=new Set(e.selected.map(String));this._setSelection(this.items.filter(e=>t.has(e.id)).map(e=>e.id))}}destroy(){cancelAnimationFrame(this._frame),clearTimeout(this._zoomTimer),clearTimeout(this._hintTimer),clearTimeout(this._hashTimer),this._onHashChange&&window.removeEventListener("hashchange",this._onHashChange),this._resizeObserver.disconnect(),document.fonts?.removeEventListener("loadingdone",this._onFontsLoaded),this.root.remove()}_build(e){this.root=document.createElement("div"),this.root.className="chroniko",this.root.lang=this.options.language,"right"===this.options.storyPosition&&(this.root.classList.add("ck-side"),this.root.style.setProperty("--ck-split",this.options.split));const t=this.m,n=/Mac\|iPhone\|iPad/.test(navigator.userAgentData?.platform??navigator.platform)?"⌘":t.ctrlKey;this.root.innerHTML=`\n <div class="ck-layout">\n <div class="ck-main">\n <div class="ck-toolbar">\n <div class="ck-legend" role="group" aria-label="${f(t.categories)}"></div>\n <div class="ck-controls">\n <button type="button" data-action="zoom-in" aria-label="${f(t.zoomIn)}">+</button>\n <button type="button" data-action="zoom-out" aria-label="${f(t.zoomOut)}">−</button>\n <button type="button" data-action="fit">${f(t.fit)}</button>\n ${this.options.textSizeToggle?`<button type="button" data-action="text-size" aria-pressed="false" aria-label="${f(t.largerText)}">Aa</button>`:""}\n </div>\n </div>\n <div class="ck-viewport" tabindex="0" aria-label="${t.viewport(f(n))}">\n <div class="ck-grid"></div>\n <div class="ck-lanes"></div>\n <div class="ck-axis"></div>\n <div class="ck-hint" aria-hidden="true"></div>\n </div>\n </div>\n <section class="ck-story" aria-label="${f(t.selectedEvents)}" hidden></section>\n </div>`,e.append(this.root),this.legendEl=this.root.querySelector(".ck-legend"),this.viewport=this.root.querySelector(".ck-viewport"),this.gridEl=this.root.querySelector(".ck-grid"),this.lanesEl=this.root.querySelector(".ck-lanes"),this.axisEl=this.root.querySelector(".ck-axis"),this.storyEl=this.root.querySelector(".ck-story"),this.hintEl=this.root.querySelector(".ck-hint"),this.hintEl.innerHTML=t.hint(f(n))}_showHint(){this.hintEl.classList.add("ck-visible"),clearTimeout(this._hintTimer),this._hintTimer=setTimeout(()=>this.hintEl.classList.remove("ck-visible"),1500)}_bind(){const e=this.viewport;this.root.querySelector(".ck-controls").addEventListener("click",e=>{const t=e.target.closest("button")?.dataset.action;"zoom-in"===t?this.zoomBy(1/1.5):"zoom-out"===t?this.zoomBy(1.5):"fit"===t?this.fit():"text-size"===t&&this._toggleTextSize(e.target.closest("button"))}),this.legendEl.addEventListener("click",e=>{const t=e.target.closest(".ck-legend-item")?.dataset.category;if(null==t)return;const n=new Set(this.hidden);n.has(t)?n.delete(t):n.add(t),this._setHidden(n)});const t=e=>{e.pointerType&&"mouse"!==e.pointerType\|\|this._setHover(e.target.closest(".ck-event, .ck-card, .ck-end-jump")?.dataset.id??null)};for(const e of[this.lanesEl,this.storyEl])e.addEventListener("pointerover",t),e.addEventListener("focusin",t),e.addEventListener("pointerleave",()=>this._setHover(null)),e.addEventListener("focusout",()=>this._setHover(null));e.addEventListener("wheel",t=>{const n=1===t.deltaMode?16:2===t.deltaMode?e.clientWidth:1,i=t.deltaXn,s=t.deltaYn;if(Math.abs(i)>Math.abs(s))return t.preventDefault(),void this.panBy(i);t.ctrlKey\|\|t.metaKey\|\|e.contains(document.activeElement)?(t.preventDefault(),this._zooming=!0,clearTimeout(this._zoomTimer),this._zoomTimer=setTimeout(()=>{this._zooming=!1,this._scheduleRender()},150),this.zoomBy(Math.exp(.002s),this._ratioAt(t.clientX))):this._showHint()},{passive:!1});const n=new Map;let i=null,s=null;const o=(e,t)=>{i={id:e,x:t,start:this.start,span:this.end-this.start,moved:!1}},r=()=>{const[e,t]=n.values();return{dist:Math.max(Math.hypot(e.x-t.x,e.y-t.y),1),ratio:this._ratioAt((e.x+t.x)/2)}},a=()=>{const{dist:e,ratio:t}=r(),n=this.end-this.start;s={dist:e,span:n,anchor:this.start+nt}};e.addEventListener("pointerdown",t=>{if(0===t.button)if(n.set(t.pointerId,{x:t.clientX,y:t.clientY}),1===n.size)this._suppressClick=!1,o(t.pointerId,t.clientX);else if(2===n.size){for(const t of n.keys())e.setPointerCapture(t);a(),i=null,this._zooming=!0,e.classList.add("ck-dragging")}}),e.addEventListener("pointermove",t=>{const o=n.get(t.pointerId);if(!o)return;if(o.x=t.clientX,o.y=t.clientY,s){const{dist:e,ratio:t}=r(),n=this._clampSpan(s.spans.dist/e),i=s.anchor-nt;return void this._setView(i,i+n)}if(!i\|\|t.pointerId!==i.id)return;const a=t.clientX-i.x;if(!i.moved){if(Math.abs(a)<4)return;i.moved=!0,e.setPointerCapture(t.pointerId),e.classList.add("ck-dragging")}const l=i.start-a/this._scale();this._setView(l,l+i.span)});const l=t=>{if(n.delete(t.pointerId)){if(s){if(n.size>=2)return void a();s=null,this._suppressClick=!0,this._zooming=!1,this._scheduleRender();const[e]=n;if(e)return o(e[0],e[1].x),void(i.moved=!0)}else i?.id===t.pointerId&&i.moved&&(this._suppressClick=!0);n.size\|\|(i=null,e.classList.remove("ck-dragging"))}};e.addEventListener("pointerup",l),e.addEventListener("pointercancel",l),e.addEventListener("click",e=>{if(this._suppressClick)return void(this._suppressClick=!1);const t=e.target.closest(".ck-event")?.dataset.id;null!=t&&this.toggle(t)}),e.addEventListener("keydown",t=>{const n=.1e.clientWidth,i={ArrowLeft:()=>this.panBy(-n),ArrowRight:()=>this.panBy(n),"+":()=>this.zoomBy(1/1.5),"=":()=>this.zoomBy(1/1.5),"-":()=>this.zoomBy(1.5),Escape:()=>this.clearSelection()};i[t.key]&&(t.preventDefault(),i[t.key]())}),this.storyEl.addEventListener("click",e=>{const t=e.target.closest(".ck-remove"),n=e.target.closest(".ck-end-jump"),i=e.target.closest(".ck-locate");t?this.deselect(t.dataset.id):n?this._jumpToCard(n.dataset.id):i?this.reveal(i.dataset.id):e.target.closest(".ck-clear")&&this.clearSelection()}),this._resizeObserver=new ResizeObserver(()=>this._scheduleRender()),this._resizeObserver.observe(e),this._onFontsLoaded=()=>{this._measureLabels(),this._invalidateLayout()},document.fonts?.addEventListener("loadingdone",this._onFontsLoaded)}_toggleTextSize(e){const t=this.root.classList.toggle("ck-large-text");e.setAttribute("aria-pressed",t),this._measureLabels(),this._invalidateLayout()}_setSelection(e){this.selected=new Set(e);for(const e of this.lanesEl.querySelectorAll(".ck-event")){const t=this.selected.has(e.dataset.id);e.classList.toggle("ck-selected",t),e.setAttribute("aria-pressed",t)}this._renderStory(),this._stateChanged(),this.options.onSelectionChange?.(this.getSelection())}_setView(e,t){this.start=e,this.end=t,this._scheduleRender(),this._stateChanged()}_setHidden(e){this.hidden=new Set(e),this._renderLegend(),this._invalidateLayout(),this._stateChanged()}_setHover(e){if(e!==this._hoverId){this._hoverId=e;for(const t of this.root.querySelectorAll(".ck-event, .ck-card, .ck-end-jump"))t.classList.toggle("ck-hover",t.dataset.id===e)}}_stateChanged(){this.options.syncUrl&&(clearTimeout(this._hashTimer),this._hashTimer=setTimeout(()=>this._writeHash(),250))}_readHash(){const e=$(),t=t=>{const n=e.get(t);if(!n)return[];try{return n.split(",").map(decodeURIComponent)}catch{return[]}},n={},i=e.get("ck-view")?.split(",").map(Number);2===i?.length&&i.every(Number.isFinite)&&i[0]<i[1]&&([n.start,n.end]=i),e.has("ck-sel")&&(n.selected=t("ck-sel")),e.has("ck-hide")&&(n.hidden=t("ck-hide")),this.setState(n)}_writeHash(){const{start:e,end:t,selected:n,hidden:i}=this.getState(),s=$(),o=Math.min(6,Math.max(0,Math.ceil(3-Math.log10(t-e))));s.set("ck-view",`${+e.toFixed(o)},${+t.toFixed(o)}`);for(const[e,t]of[["ck-sel",n],["ck-hide",i]])t.length?s.set(e,t.map(encodeURIComponent).join(",")):s.delete(e);const r=[...s].map(([e,t])=>null==t?e:`${e}=${t}`).join("&");history.replaceState(history.state,"",`${location.pathname}${location.search}#${r}`)}_clampSpan(e){const t=this.options.maxSpan??Math.max(3this._dataSpan,100);return Math.min(Math.max(e,this.options.minSpan),t)}_scale(){return(this.viewport.clientWidth\|\|1)/(this.end-this.start)}_ratioAt(e){const t=this.viewport.getBoundingClientRect();return(e-t.left)/t.width}_extent(){let e=1/0,t=-1/0;for(const n of this.items)e=Math.min(e,n.from),t=Math.max(t,n.to??n.from);return this.items.length?[e,t]:[0,0]}_measureLabels(){const e=this._ctx??=document.createElement("canvas").getContext("2d"),t=document.createElement("span");t.className="ck-label",t.style.visibility="hidden",this.lanesEl.append(t);const n=getComputedStyle(t);e.font=`${n.fontStyle} ${n.fontWeight} ${n.fontSize} ${n.fontFamily}`,e.letterSpacing="normal"===n.letterSpacing?"0px":n.letterSpacing,e.wordSpacing="normal"===n.wordSpacing?"0px":n.wordSpacing;const i=n.textTransform;t.remove();for(const t of this.items){let n=t.event.title??"";"uppercase"===i?n=n.toUpperCase():"lowercase"===i&&(n=n.toLowerCase()),t.labelWidth=e.measureText(n).width}}_scheduleRender(){this._frame\|\|(this._frame=requestAnimationFrame(()=>{this._frame=0,this._render()}))}_render(){const e=this.viewport.clientWidth;if(!e)return;const t=e/(this.end-this.start),n=e=>(e-this.start)t,i=null==this._layoutScale\|\|Math.abs(t/this._layoutScale-1)>1e-6;(null==this._layoutScale\|\|i&&!this._zooming)&&this._layout(t),this._renderAxis(t,n),this._renderEvents(e,n)}_layout(e){const t=[];for(const n of this.items){if(n.category&&this.hidden.has(n.category)){n.lane=-1;continue}const i=null!=n.to,s=n.frome,o=i?n.toe:s,r=i?s:s-5,a=i?6:16,l=Math.max(o,r+a+n.labelWidth)+12;let d=t.findIndex(e=>e<=r);d<0?d=t.push(l)-1:t[d]=l,n.lane=d}this._laneCount=t.length,this._layoutScale=e}_invalidateLayout(){this._layoutScale=null,this._scheduleRender()}_renderAxis(e,t){const n=i.find(t=>te>=90)??i.at(-1);let s="",o="";for(let e=Math.ceil(this.start/n);en<=this.end;e++){const i=en,r=t(i).toFixed(1);s+=`<span class="ck-tick" style="left:${r}px">${f(g(i,n,this.m))}</span>`,o+=`<span class="ck-gridline" style="left:${r}px"></span>`}this.axisEl.innerHTML=s,this.gridEl.innerHTML=o}_renderEvents(e,t){const n=this.lanesEl.contains(document.activeElement)?document.activeElement.dataset.id:null,i=this._revealing,s=i?performance.now()-i.at:1/0;let o="";for(const n of this.items){if(n.lane<0)continue;const r=null!=n.to,a=t(n.from),l=r?t(n.to):a,d=r?a:a-5,h=r?Math.min(Math.max(0,-a),Math.max(0,l-a-n.labelWidth-6))+6:16,c=Math.max(l,d+h+n.labelWidth);if((r?l:c)<0\|\|d>e)continue;const u=12+30n.lane,m=this.selected.has(n.id),y=i?.id===n.id&&s<1500,$=`ck-event ${r?"ck-range":"ck-point"}${m?" ck-selected":""}${this._hoverClass(n)}${y?" ck-flash":""}`,g=`--ck-color:${f(n.color)};left:${d.toFixed(1)}px;top:${u}px`+(y?`;animation-delay:-${Math.round(s)}ms`:""),v=f(n.event.title??""),k=`type="button" class="${$}" data-id="${f(n.id)}" aria-pressed="${m}"\n title="${v} · ${f(p(n,this.m))}"`;o+=r?`<button ${k} style="${g};width:${Math.max(l-a,4).toFixed(1)}px">\n <span class="ck-label" style="left:${h.toFixed(1)}px">${v}</span></button>`:`<button ${k} style="${g}">\n <span class="ck-dot"></span><span class="ck-label">${v}</span></button>`}const r=24+30*this._laneCount;if(this.lanesEl.innerHTML=`<div class="ck-lanes-inner" style="height:${r}px">${o}</div>`,null!=n){([...this.lanesEl.querySelectorAll(".ck-event")].find(e=>e.dataset.id===n)??this.viewport).focus({preventScroll:!0})}i?.pending&&this._finishReveal(i)}_finishReveal(e){e.pending=!1;const t=[...this.lanesEl.querySelectorAll(".ck-event")].find(t=>t.dataset.id===e.id);if(!t)return;const n=this.lanesEl;(t.offsetTop<n.scrollTop\|\|t.offsetTop+t.offsetHeight>n.scrollTop+n.clientHeight)&&(n.scrollTop=t.offsetTop-(n.clientHeight-t.offsetHeight)/2);const i=matchMedia("(prefers-reduced-motion: reduce)").matches;this.viewport.scrollIntoView({block:"nearest",behavior:i?"auto":"smooth"}),t.focus({preventScroll:!0})}_renderLegend(){this.legendEl.innerHTML=this.categories.map(e=>`<button type="button" class="ck-legend-item" data-category="${f(e)}"\n aria-pressed="${!this.hidden.has(e)}" style="--ck-color:${f(this.colorOf.get(e))}">\n <span class="ck-swatch"></span>${f(this._categoryLabel(e))}</button>`).join("")}_renderStory(){const e=this.items.filter(e=>this.selected.has(e.id)),t="right"===this.options.storyPosition;if(this.storyEl.hidden=!e.length&&!t,this.storyEl.classList.toggle("ck-empty",!e.length),!e.length)return void(this.storyEl.innerHTML=t?`<p class="ck-story-placeholder">${f(this.m.placeholder)}</p>`:"");const n=e.map(e=>({item:e,at:e.from,isEnd:!1}));for(const t of e)t.end&&t.end.value>t.from&&n.push({item:t,at:t.end.value,isEnd:!0});n.sort((e,t)=>e.at-t.at\|\|t.isEnd-e.isEnd),this.storyEl.innerHTML=`\n <div class="ck-story-header">\n <span class="ck-story-title">${f(this.m.selectedEvents)} <span class="ck-count">${this.m.number.format(e.length)}</span></span>\n <button type="button" class="ck-clear">${f(this.m.clearAll)}</button>\n </div>\n <ol class="ck-story-list">${n.map(e=>e.isEnd?this._storyEnd(e.item):this._storyCard(e.item)).join("")}</ol>`}_storyEnd(e){const t=this.m,n=f(e.event.title??""),i=f(c(e.end,t)),s=f(m(e.start,e.end,t));return`\n <li class="ck-end" style="--ck-color:${f(e.color)}">\n <button type="button" class="ck-end-jump${this._hoverClass(e)}" data-id="${f(e.id)}"\n aria-label="${t.endsAria(n,i,s)}">\n <span class="ck-end-date">${i}</span>\n <span>${t.endOf(`<strong>${n}</strong>`)}</span>\n ${s?`<span class="ck-end-duration">${t.lasted(s)}</span>`:""}\n </button>\n </li>`}_jumpToCard(e){const t=[...this.storyEl.querySelectorAll(".ck-card")].find(t=>t.dataset.id===e);if(!t)return;const n=matchMedia("(prefers-reduced-motion: reduce)").matches;t.scrollIntoView({block:"nearest",behavior:n?"auto":"smooth"}),t.focus({preventScroll:!0}),t.classList.remove("ck-flash"),t.offsetWidth,t.classList.add("ck-flash")}_storyCard(e){const t=e.event,n=t.url&&/^https?:\/\//i.test(t.url)?t.url:null;return`\n <li class="ck-card${this._hoverClass(e)}" data-id="${f(e.id)}" tabindex="-1"\n style="--ck-color:${f(e.color)}">\n <button type="button" class="ck-remove" data-id="${f(e.id)}"\n aria-label="${this.m.remove(f(t.title??""))}">×</button>\n <div class="ck-meta">\n ${e.category?`<span class="ck-badge">${f(this._categoryLabel(e.category))}</span>`:""}\n <span>${f(p(e,this.m))}</span>\n </div>\n <h3 class="ck-title">${f(t.title??"")}</h3>\n ${t.description?`<p class="ck-description">${f(t.description)}</p>`:""}\n <div class="ck-card-actions">\n <button type="button" class="ck-locate" data-id="${f(e.id)}">${f(this.m.showOnTimeline)}</button>\n ${n?`<a class="ck-link" href="${f(n)}" target="_blank" rel="noopener">${f(this.m.readMore)}</a>`:""}\n </div>\n </li>`}_hoverClass(e){return this._hoverId===e.id?" ck-hover":""}_categoryLabel(e){return this.options.categoryLabels[e]??e}}export{v as Chroniko,h as formatDate,u as formatDuration,d as formatYear,s as parseDate};
1	+ const e={en:{zoomIn:"Zoom in",zoomOut:"Zoom out",fit:"Fit",dimUnselected:"Dim unselected events",largerText:"Larger text",categories:"Categories",ctrlKey:"Ctrl",viewport:e=>`Timeline. Drag or use arrow keys to pan; press + and −, ${e}+scroll or pinch to zoom.`,hint:e=>`${e} + scroll to zoom, or click the timeline first`,selectedEvents:"Selected events",clearAll:"Clear all",placeholder:"Click an event to add it here.",showOnTimeline:"Show on timeline",readMore:"Read more ↗",tags:"Tags",remove:e=>`Remove ${e} from selection`,endOf:e=>`End of ${e}`,lasted:e=>`lasted ${e}`,endsAria:(e,t,n)=>`${e} ends ${t}${n?`, after ${n}`:""}. Go to event`,months:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],year:e=>e<0?-e+" BCE":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# year",other:"# years"},month:{one:"# month",other:"# months"},day:{one:"# day",other:"# days"}},unitJoin:", ",lessThan:{year:"less than a year",month:"less than a month",day:"less than a day"}},"zh-Hant":{zoomIn:"放大",zoomOut:"縮小",fit:"全覽",dimUnselected:"淡化未選事件",largerText:"放大文字",categories:"類別",ctrlKey:"Ctrl",viewport:e=>`時間軸。拖曳或使用方向鍵平移；按 + 和 −、${e} + 滾輪或雙指縮放。`,hint:e=>`${e} + 滾輪縮放，或先點擊時間軸`,selectedEvents:"已選事件",clearAll:"全部清除",placeholder:"點擊事件以加入此處。",showOnTimeline:"在時間軸上顯示",readMore:"了解更多 ↗",tags:"標籤",remove:e=>`從已選事件中移除「${e}」`,endOf:e=>`${e}結束`,lasted:e=>`歷時${e}`,endsAria:(e,t,n)=>`${e}於${t}結束${n?`，歷時${n}`:""}。前往事件`,months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],year:e=>e<0?`公元前${-e}年`:`${e}年`,month:(e,t)=>`${t}${e}`,day:(e,t,n)=>`${n}${t}${e}日`,units:{year:{other:"#年"},month:{other:"#個月"},day:{other:"#天"}},unitJoin:"",lessThan:{year:"不足一年",month:"不足一個月",day:"不足一天"}},"zh-Hans":{zoomIn:"放大",zoomOut:"缩小",fit:"全览",dimUnselected:"淡化未选事件",largerText:"放大文字",categories:"类别",ctrlKey:"Ctrl",viewport:e=>`时间轴。拖动或使用方向键平移；按 + 和 −、${e} + 滚轮或双指缩放。`,hint:e=>`${e} + 滚轮缩放，或先点击时间轴`,selectedEvents:"已选事件",clearAll:"全部清除",placeholder:"点击事件以添加到此处。",showOnTimeline:"在时间轴上显示",readMore:"了解更多 ↗",tags:"标签",remove:e=>`从已选事件中移除“${e}”`,endOf:e=>`${e}结束`,lasted:e=>`历时${e}`,endsAria:(e,t,n)=>`${e}于${t}结束${n?`，历时${n}`:""}。前往事件`,months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],year:e=>e<0?`公元前${-e}年`:`${e}年`,month:(e,t)=>`${t}${e}`,day:(e,t,n)=>`${n}${t}${e}日`,units:{year:{other:"#年"},month:{other:"#个月"},day:{other:"#天"}},unitJoin:"",lessThan:{year:"不足一年",month:"不足一个月",day:"不足一天"}},yue:{zoomIn:"放大",zoomOut:"縮細",fit:"睇晒",dimUnselected:"淡化未揀嘅",largerText:"大啲字",categories:"類別",ctrlKey:"Ctrl",viewport:e=>`時間軸。拖或者用方向鍵左右移；撳 + 同 −、${e} + 碌滾輪或者用兩隻手指縮放。`,hint:e=>`${e} + 碌滾輪就可以縮放，或者先撳一下時間軸`,selectedEvents:"揀咗嘅事件",clearAll:"清晒",placeholder:"撳一下事件就會加入呢度。",showOnTimeline:"喺時間軸度睇",readMore:"睇多啲 ↗",tags:"標籤",remove:e=>`移走「${e}」`,endOf:e=>`${e}完結`,lasted:e=>`維持咗${e}`,endsAria:(e,t,n)=>`${e}喺${t}完結${n?`，維持咗${n}`:""}。去返個事件`,months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],year:e=>e<0?`公元前${-e}年`:`${e}年`,month:(e,t)=>`${t}${e}`,day:(e,t,n)=>`${n}${t}${e}日`,units:{year:{other:"#年"},month:{other:"#個月"},day:{other:"#日"}},unitJoin:"",lessThan:{year:"唔夠一年",month:"唔夠一個月",day:"唔夠一日"}},ja:{zoomIn:"拡大",zoomOut:"縮小",fit:"全体表示",dimUnselected:"選択外を暗く",largerText:"文字を大きく",categories:"カテゴリ",ctrlKey:"Ctrl",viewport:e=>`タイムライン。ドラッグまたは矢印キーで移動し、+ と −、${e} + スクロール、またはピンチで拡大・縮小します。`,hint:e=>`${e} + スクロールで拡大・縮小、または先にタイムラインをクリック`,selectedEvents:"選択した出来事",clearAll:"すべて解除",placeholder:"出来事をクリックするとここに追加されます。",showOnTimeline:"タイムラインで表示",readMore:"詳しく見る ↗",tags:"タグ",remove:e=>`「${e}」を選択から外す`,endOf:e=>`${e}の終わり`,lasted:e=>`期間：${e}`,endsAria:(e,t,n)=>`${e}は${t}に終了${n?`（期間：${n}）`:""}。出来事へ移動`,months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],year:e=>e<0?`紀元前${-e}年`:`${e}年`,month:(e,t)=>`${t}${e}`,day:(e,t,n)=>`${n}${t}${e}日`,units:{year:{other:"#年"},month:{other:"#か月"},day:{other:"#日"}},unitJoin:"",lessThan:{year:"1年未満",month:"1か月未満",day:"1日未満"}},ko:{zoomIn:"확대",zoomOut:"축소",fit:"전체 보기",dimUnselected:"선택 안 된 항목 흐리게",largerText:"글자 크게",categories:"분류",ctrlKey:"Ctrl",viewport:e=>`타임라인. 드래그하거나 화살표 키로 이동하고, + 와 −, ${e}+스크롤 또는 핀치로 확대/축소합니다.`,hint:e=>`${e} + 스크롤로 확대/축소하거나 먼저 타임라인을 클릭하세요`,selectedEvents:"선택한 사건",clearAll:"모두 지우기",placeholder:"사건을 클릭하면 여기에 추가됩니다.",showOnTimeline:"타임라인에서 보기",readMore:"더 보기 ↗",tags:"태그",remove:e=>`선택에서 ${e} 제거`,endOf:e=>`${e} 종료`,lasted:e=>`기간: ${e}`,endsAria:(e,t,n)=>`${e} 종료: ${t}${n?`, 기간 ${n}`:""}. 사건으로 이동`,months:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],year:e=>e<0?`기원전 ${-e}년`:`${e}년`,month:(e,t)=>`${t} ${e}`,day:(e,t,n)=>`${n} ${t} ${e}일`,units:{year:{other:"#년"},month:{other:"#개월"},day:{other:"#일"}},unitJoin:" ",lessThan:{year:"1년 미만",month:"1개월 미만",day:"1일 미만"}},fr:{zoomIn:"Zoom avant",zoomOut:"Zoom arrière",fit:"Ajuster",dimUnselected:"Atténuer les non sélectionnés",largerText:"Texte plus grand",categories:"Catégories",ctrlKey:"Ctrl",viewport:e=>`Frise chronologique. Faites glisser ou utilisez les flèches pour vous déplacer ; appuyez sur + et −, ${e}+molette ou pincez pour zoomer.`,hint:e=>`${e} + molette pour zoomer, ou cliquez d’abord sur la frise`,selectedEvents:"Événements sélectionnés",clearAll:"Tout effacer",placeholder:"Cliquez sur un événement pour l’ajouter ici.",showOnTimeline:"Afficher sur la frise",readMore:"En savoir plus ↗",tags:"Étiquettes",remove:e=>`Retirer ${e} de la sélection`,endOf:e=>`Fin : ${e}`,lasted:e=>`durée : ${e}`,endsAria:(e,t,n)=>`Fin de « ${e} » : ${t}${n?`, durée ${n}`:""}. Aller à l’événement`,months:["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc."],year:e=>e<0?-e+" av. J.-C.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${1===e?"1er":e} ${t} ${n}`,units:{year:{one:"# an",other:"# ans"},month:{one:"# mois",other:"# mois"},day:{one:"# jour",other:"# jours"}},unitJoin:" et ",lessThan:{year:"moins d’un an",month:"moins d’un mois",day:"moins d’un jour"}},de:{zoomIn:"Vergrößern",zoomOut:"Verkleinern",fit:"Einpassen",dimUnselected:"Nicht ausgewählte abblenden",largerText:"Größere Schrift",categories:"Kategorien",ctrlKey:"Strg",viewport:e=>`Zeitleiste. Zum Verschieben ziehen oder die Pfeiltasten verwenden; zum Zoomen + und −, ${e}+Mausrad oder zwei Finger verwenden.`,hint:e=>`${e} + Mausrad zum Zoomen, oder zuerst auf die Zeitleiste klicken`,selectedEvents:"Ausgewählte Ereignisse",clearAll:"Alle entfernen",placeholder:"Klicken Sie auf ein Ereignis, um es hier hinzuzufügen.",showOnTimeline:"Auf der Zeitleiste anzeigen",readMore:"Mehr erfahren ↗",tags:"Schlagwörter",remove:e=>`${e} aus der Auswahl entfernen`,endOf:e=>`Ende: ${e}`,lasted:e=>`Dauer: ${e}`,endsAria:(e,t,n)=>`Ende von ${e}: ${t}${n?`, Dauer ${n}`:""}. Zum Ereignis`,months:["Jan.","Feb.","März","Apr.","Mai","Juni","Juli","Aug.","Sept.","Okt.","Nov.","Dez."],year:e=>e<0?-e+" v. Chr.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e}. ${t} ${n}`,units:{year:{one:"# Jahr",other:"# Jahre"},month:{one:"# Monat",other:"# Monate"},day:{one:"# Tag",other:"# Tage"}},unitJoin:", ",lessThan:{year:"weniger als ein Jahr",month:"weniger als ein Monat",day:"weniger als ein Tag"}},it:{zoomIn:"Ingrandisci",zoomOut:"Riduci",fit:"Adatta",dimUnselected:"Attenua i non selezionati",largerText:"Testo più grande",categories:"Categorie",ctrlKey:"Ctrl",viewport:e=>`Linea del tempo. Trascina o usa i tasti freccia per spostarti; premi + e −, ${e}+rotellina o pizzica per lo zoom.`,hint:e=>`${e} + rotellina per lo zoom, oppure fai prima clic sulla linea del tempo`,selectedEvents:"Eventi selezionati",clearAll:"Cancella tutto",placeholder:"Fai clic su un evento per aggiungerlo qui.",showOnTimeline:"Mostra sulla linea del tempo",readMore:"Scopri di più ↗",tags:"Tag",remove:e=>`Rimuovi ${e} dalla selezione`,endOf:e=>`Fine: ${e}`,lasted:e=>`durata: ${e}`,endsAria:(e,t,n)=>`Fine di ${e}: ${t}${n?`, durata ${n}`:""}. Vai all’evento`,months:["gen","feb","mar","apr","mag","giu","lug","ago","set","ott","nov","dic"],year:e=>e<0?-e+" a.C.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# anno",other:"# anni"},month:{one:"# mese",other:"# mesi"},day:{one:"# giorno",other:"# giorni"}},unitJoin:" e ",lessThan:{year:"meno di un anno",month:"meno di un mese",day:"meno di un giorno"}},es:{zoomIn:"Acercar",zoomOut:"Alejar",fit:"Ajustar",dimUnselected:"Atenuar los no seleccionados",largerText:"Texto más grande",categories:"Categorías",ctrlKey:"Ctrl",viewport:e=>`Línea de tiempo. Arrastra o usa las flechas para desplazarte; pulsa + y −, ${e}+rueda o pellizca para hacer zoom.`,hint:e=>`${e} + rueda para hacer zoom, o haz clic primero en la línea de tiempo`,selectedEvents:"Eventos seleccionados",clearAll:"Borrar todo",placeholder:"Haz clic en un evento para añadirlo aquí.",showOnTimeline:"Mostrar en la línea de tiempo",readMore:"Más información ↗",tags:"Etiquetas",remove:e=>`Quitar ${e} de la selección`,endOf:e=>`Fin: ${e}`,lasted:e=>`duración: ${e}`,endsAria:(e,t,n)=>`Fin de ${e}: ${t}${n?`, duración ${n}`:""}. Ir al evento`,months:["ene","feb","mar","abr","may","jun","jul","ago","sept","oct","nov","dic"],year:e=>e<0?-e+" a. C.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# año",other:"# años"},month:{one:"# mes",other:"# meses"},day:{one:"# día",other:"# días"}},unitJoin:" y ",lessThan:{year:"menos de un año",month:"menos de un mes",day:"menos de un día"}},pt:{zoomIn:"Ampliar",zoomOut:"Reduzir",fit:"Ajustar",dimUnselected:"Escurecer os não selecionados",largerText:"Texto maior",categories:"Categorias",ctrlKey:"Ctrl",viewport:e=>`Linha do tempo. Arraste ou use as setas para deslocar; use + e −, ${e}+roda ou o gesto de pinça para ampliar ou reduzir.`,hint:e=>`${e} + roda para ampliar ou reduzir, ou clique primeiro na linha do tempo`,selectedEvents:"Eventos selecionados",clearAll:"Limpar tudo",placeholder:"Clique num evento para adicioná-lo aqui.",showOnTimeline:"Mostrar na linha do tempo",readMore:"Saiba mais ↗",tags:"Etiquetas",remove:e=>`Remover ${e} da seleção`,endOf:e=>`Fim: ${e}`,lasted:e=>`duração: ${e}`,endsAria:(e,t,n)=>`Fim de ${e}: ${t}${n?`, duração ${n}`:""}. Ir para o evento`,months:["jan","fev","mar","abr","mai","jun","jul","ago","set","out","nov","dez"],year:e=>e<0?-e+" a.C.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# ano",other:"# anos"},month:{one:"# mês",other:"# meses"},day:{one:"# dia",other:"# dias"}},unitJoin:" e ",lessThan:{year:"menos de um ano",month:"menos de um mês",day:"menos de um dia"}},pl:{zoomIn:"Powiększ",zoomOut:"Pomniejsz",fit:"Dopasuj",dimUnselected:"Przyciemnij niezaznaczone",largerText:"Większy tekst",categories:"Kategorie",ctrlKey:"Ctrl",viewport:e=>`Oś czasu. Przeciągnij lub użyj klawiszy strzałek, aby przesuwać; naciśnij + i −, ${e}+kółko myszy lub zsuń palce, aby zmienić powiększenie.`,hint:e=>`${e} + kółko myszy, aby zmienić powiększenie, lub najpierw kliknij oś czasu`,selectedEvents:"Wybrane wydarzenia",clearAll:"Wyczyść wszystko",placeholder:"Kliknij wydarzenie, aby dodać je tutaj.",showOnTimeline:"Pokaż na osi czasu",readMore:"Więcej ↗",tags:"Tagi",remove:e=>`Usuń ${e} z wyboru`,endOf:e=>`Koniec: ${e}`,lasted:e=>`czas trwania: ${e}`,endsAria:(e,t,n)=>`Koniec: ${e}, ${t}${n?`, czas trwania ${n}`:""}. Przejdź do wydarzenia`,months:["sty","lut","mar","kwi","maj","cze","lip","sie","wrz","paź","lis","gru"],year:e=>e<0?-e+" p.n.e.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# rok",few:"# lata",many:"# lat",other:"# roku"},month:{one:"# miesiąc",few:"# miesiące",many:"# miesięcy",other:"# miesiąca"},day:{one:"# dzień",few:"# dni",many:"# dni",other:"# dnia"}},unitJoin:", ",lessThan:{year:"mniej niż rok",month:"mniej niż miesiąc",day:"mniej niż dzień"}},nl:{zoomIn:"Inzoomen",zoomOut:"Uitzoomen",fit:"Passend maken",dimUnselected:"Niet-geselecteerde dimmen",largerText:"Grotere tekst",categories:"Categorieën",ctrlKey:"Ctrl",viewport:e=>`Tijdlijn. Sleep of gebruik de pijltjestoetsen om te verschuiven; druk op + en −, ${e}+scrollen of knijp om te zoomen.`,hint:e=>`${e} + scrollen om te zoomen, of klik eerst op de tijdlijn`,selectedEvents:"Geselecteerde gebeurtenissen",clearAll:"Alles wissen",placeholder:"Klik op een gebeurtenis om die hier toe te voegen.",showOnTimeline:"Tonen op tijdlijn",readMore:"Meer lezen ↗",tags:"Tags",remove:e=>`${e} uit selectie verwijderen`,endOf:e=>`Einde: ${e}`,lasted:e=>`duur: ${e}`,endsAria:(e,t,n)=>`Einde van ${e}: ${t}${n?`, duur ${n}`:""}. Ga naar gebeurtenis`,months:["jan","feb","mrt","apr","mei","jun","jul","aug","sep","okt","nov","dec"],year:e=>e<0?-e+" v.Chr.":String(e),month:(e,t)=>`${e} ${t}`,day:(e,t,n)=>`${e} ${t} ${n}`,units:{year:{one:"# jaar",other:"# jaar"},month:{one:"# maand",other:"# maanden"},day:{one:"# dag",other:"# dagen"}},unitJoin:" en ",lessThan:{year:"minder dan een jaar",month:"minder dan een maand",day:"minder dan een dag"}}},t=["#4e79a7","#e15759","#59a14f","#f28e2b","#b07aa1","#76b7b2","#edc948","#9c755f"],n={year:1,month:1/12,day:1/372},s=[1/12,1/4,...[1,10,100,1e3,1e4,1e5].flatMap(e=>[e,2e,5e])];function i(t){if(null==t\|\|""===t)return null;const n="object"==typeof t?JSON.stringify(t):"string"==typeof t?`"${t}"`:String(t);let s,i,r;if("number"==typeof t){if(!Number.isFinite(t))throw new Error(`Chroniko: invalid date ${n}`);return a(t)}if("object"==typeof t)({year:s,month:i,day:r}=t);else{const e=/^(-?\d+)(?:-(\d{1,2}))?(?:-(\d{1,2}))?$/.exec(String(t).trim());if(!e)throw new Error(`Chroniko: cannot parse date ${n}`);[s,i,r]=[Number(e[1]),e[2]&&Number(e[2]),e[3]&&Number(e[3])]}const l=function(t,n,s){if(!Number.isInteger(t))return"year must be a whole number";if(null!=n&&!(Number.isInteger(n)&&n>=1&&n<=12))return"month must be 1–12";if(null!=s){if(null==n)return"a day needs a month";if(!(Number.isInteger(s)&&s>=1&&s<=o[n-1]))return`day must be 1–${o[n-1]} in ${e.en.months[n-1]}`}return null}(s,i??null,r??null);if(l)throw new Error(`Chroniko: invalid date ${n}: ${l}`);return a(s,i,r)}const o=[31,29,31,30,31,30,31,31,30,31,30,31];function a(e,t,n){let s=e;t&&(s+=(t-1)/12),n&&(s+=(n-1)/372);return{year:e,month:t\|\|null,day:n\|\|null,precision:n?"day":t?"month":"year",value:s}}const r=new Map;function l(t,n){if(!Object.hasOwn(e,t)){const n=Object.keys(e).map(e=>`'${e}'`).join(", ");throw new Error(`Chroniko: language must be one of ${n}, got ${JSON.stringify(t)}`)}if(!n&&r.has(t))return r.get(t);const s={...e.en,...e[t],...n,number:new Intl.NumberFormat(t),plural:new Intl.PluralRules(t)};return n\|\|r.set(t,s),s}function d(e,t="en"){return l(t).year(e)}function c(e,t="en"){return h(e,l(t))}function h(e,t){const n=t.year(e.year);return e.day?t.day(e.day,t.months[e.month-1],n):e.month?t.month(t.months[e.month-1],n):n}function m(e,t,n="en"){return u(e,t,l(n))}function u(e,t,n){const s=e=>e<0?e+1:e,i=[e.precision,t.precision],o=i.includes("year")?"year":i.includes("month")?"month":"day";let a=s(t.year)-s(e.year),r="year"===o?0:t.month-e.month,l="day"===o?t.day-e.day:0;if(l<0&&(r-=1,l=Math.max(function(e,t){if(0===t)return 31;return[31,e%4==0&&e%100!=0\|\|e%400==0?29:28,31,30,31,30,31,31,30,31,30,31][t-1]}(s(t.year),t.month-1)-e.day,0)+t.day),r<0&&(a-=1,r+=12),a<0)return"";const d=[["year",a],["month",r],["day",l]],c=d.findIndex(([,e])=>e>0);if(c<0)return n.lessThan[o];const h=([e,t])=>{const s=n.units[e];return(s[n.plural.select(t)]??s.other).replace("#",n.number.format(t))},m=d[c+1];return m?.[1]>0?`${h(d[c])}${n.unitJoin}${h(m)}`:h(d[c])}function p(e,t){const n=h(e.start,t);return e.end?`${n} – ${h(e.end,t)}`:n}function g(e,t){return`${String(e.category??"").trim().toLowerCase().replace(/\s+/g,"-")\|\|"event"}-${t}`}function y(){const e=new Map;for(const t of location.hash.slice(1).split("&")){if(!t)continue;const n=t.indexOf("=");n<0?e.set(t,null):e.set(t.slice(0,n),t.slice(n+1))}return e}function $(e,t,n){if(t>=1)return n.year(Math.round(e));const s=Math.floor(e+1e-9),i=Math.round(12(e-s))%12;return 0===i?n.year(s):n.months[i]}function f(e){return String(e).replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"}[e]))}class v{constructor(e,t={}){const n="string"==typeof e?document.querySelector(e):e;if(!n)throw new Error("Chroniko: container not found");this.options={minSpan:1/12,colors:{},storyPosition:"below",split:.6,dimToggle:!0,language:"en",categoryLabels:{},...t};const{storyPosition:s,split:i}=this.options;if("below"!==s&&"right"!==s)throw new Error(`Chroniko: storyPosition must be 'below' or 'right', got ${JSON.stringify(s)}`);if(!("number"==typeof i&&i>0&&i<1))throw new Error(`Chroniko: split must be a number between 0 and 1, got ${JSON.stringify(i)}`);this.m=l(this.options.language,this.options.uiText),this.items=[],this.hidden=new Set,this.selected=new Set,this.start=0,this.end=1,this._frame=0,this._build(n),this._bind(),this.setEvents(t.events??[]),null!=t.start&&null!=t.end?this.zoomTo(t.start,t.end):this.fit(),this.options.syncUrl&&(this._onHashChange=()=>this._readHash(),window.addEventListener("hashchange",this._onHashChange),this._readHash(),clearTimeout(this._hashTimer))}setEvents(e){const s=e.map((e,t)=>{const s=n=>{try{return i(e[n])}catch(s){const i=s.message.replace(/^Chroniko: /,"");throw new Error(`Chroniko: event "${e.title??t}" has an invalid ${n}: ${i}`)}},o=s("start");if(!o)throw new Error(`Chroniko: event "${e.title??t}" has no start date`);const a=s("end");return{event:e,id:String(e.id??g(e,t)),start:o,end:a,from:o.value,to:a?a.value+n[a.precision]:null,category:e.category??null,tags:[...new Set([e.tags??[]].flat().map(e=>String(e).trim()).filter(Boolean))]}}).sort((e,t)=>e.from-t.from),o=new Map;for(const e of s){const t=o.get(e.id);if(t)throw new Error(`Chroniko: events "${t.event.title}" and "${e.event.title}" share the id "${e.id}"; ids must be unique`);o.set(e.id,e)}this.items=s,this.categories=[...new Set(this.items.map(e=>e.category).filter(Boolean))];const a=new Set(Object.values(this.options.colors)),r=t.filter(e=>!a.has(e));let l=0;this.colorOf=new Map(this.categories.map(e=>[e,this.options.colors[e]??r[l++%r.length]??t[0]]));for(const e of this.items)e.color=e.event.color??this.colorOf.get(e.category)??t[0];const[d,c]=this._extent();this._dataSpan=c-d,this._measureLabels(),this._renderLegend(),this._renderTagbar(),this.selected=new Set(this.items.filter(e=>this.selected.has(e.id)).map(e=>e.id)),this._renderStory(),this._syncTags(),this._invalidateLayout()}zoomTo(e,t){const n=i(e)?.value,s=i(t)?.value;if(null==n\|\|null==s)throw new Error("Chroniko: zoomTo needs both a start and an end");if(n>=s)throw new Error(`Chroniko: zoomTo start (${e}) must be before end (${t})`);const o=(n+s)/2,a=this._clampSpan(s-n);this._setView(o-a/2,o+a/2)}fit(){if(!this.items.length)return this._setView(0,2e3);const[e,t]=this._extent(),n=Math.max(t-e,1);this._setView(e-.04n,t+.12n)}zoomBy(e,t=.5){const n=this.end-this.start,s=this.start+nt,i=this._clampSpan(ne);this._setView(s-it,s-it+i)}panBy(e){const t=e/this._scale();this._setView(this.start+t,this.end+t)}select(e){e=String(e),!this.selected.has(e)&&this.items.some(t=>t.id===e)&&this._setSelection([...this.selected,e])}deselect(e){e=String(e),this.selected.has(e)&&this._setSelection([...this.selected].filter(t=>t!==e))}toggle(e){this.selected.has(String(e))?this.deselect(e):this.select(e)}clearSelection(){this.selected.size&&this._setSelection([])}getSelection(){return this.items.filter(e=>this.selected.has(e.id)).map(e=>e.event)}reveal(e){const t=this.items.find(t=>t.id===String(e));if(!t)return;t.category&&this.hidden.has(t.category)&&this._setHidden([...this.hidden].filter(e=>e!==t.category));const n=null!=t.to?(t.from+t.to)/2:t.from,s=null!=t.to?this._clampSpan((t.to-t.from)/.6):this.end-this.start;this._revealing={id:t.id,at:performance.now(),pending:!0},this._setView(n-s/2,n+s/2)}getState(){return{start:this.start,end:this.end,selected:this.items.filter(e=>this.selected.has(e.id)).map(e=>e.id),hidden:[...this.hidden]}}setState(e={}){if(null!=e.start&&null!=e.end&&this.zoomTo(e.start,e.end),e.hidden&&this._setHidden(e.hidden.map(String)),e.selected){const t=new Set(e.selected.map(String));this._setSelection(this.items.filter(e=>t.has(e.id)).map(e=>e.id))}}destroy(){cancelAnimationFrame(this._frame),clearTimeout(this._zoomTimer),clearTimeout(this._hintTimer),clearTimeout(this._hashTimer),this._onHashChange&&window.removeEventListener("hashchange",this._onHashChange),this._resizeObserver.disconnect(),document.fonts?.removeEventListener("loadingdone",this._onFontsLoaded),this.root.remove()}_build(e){this.root=document.createElement("div"),this.root.className="chroniko",this.root.lang=this.options.language,"right"===this.options.storyPosition&&(this.root.classList.add("ck-side"),this.root.style.setProperty("--ck-split",this.options.split)),this.options.dimToggle&&this.root.classList.add("ck-dim");const t=this.m,n=/Mac\|iPhone\|iPad/.test(navigator.userAgentData?.platform??navigator.platform)?"⌘":t.ctrlKey;this.root.innerHTML=`\n <div class="ck-layout">\n <div class="ck-main">\n <div class="ck-toolbar">\n <div class="ck-legend" role="group" aria-label="${f(t.categories)}"></div>\n <div class="ck-controls">\n <button type="button" data-action="zoom-in" aria-label="${f(t.zoomIn)}">+</button>\n <button type="button" data-action="zoom-out" aria-label="${f(t.zoomOut)}">−</button>\n <button type="button" data-action="fit">${f(t.fit)}</button>\n ${this.options.dimToggle?`<button type="button" data-action="dim" aria-pressed="true" aria-label="${f(t.dimUnselected)}">◐</button>`:""}\n ${this.options.textSizeToggle?`<button type="button" data-action="text-size" aria-pressed="false" aria-label="${f(t.largerText)}">Aa</button>`:""}\n </div>\n </div>\n <details class="ck-tagbar" hidden>\n <summary>${f(t.tags)} <span class="ck-count"></span></summary>\n <ul class="ck-tags" aria-label="${f(t.tags)}"></ul>\n </details>\n <div class="ck-viewport" tabindex="0" aria-label="${t.viewport(f(n))}">\n <div class="ck-grid"></div>\n <div class="ck-lanes"></div>\n <div class="ck-axis"></div>\n <div class="ck-hint" aria-hidden="true"></div>\n </div>\n </div>\n <section class="ck-story" aria-label="${f(t.selectedEvents)}" hidden></section>\n </div>`,e.append(this.root),this.legendEl=this.root.querySelector(".ck-legend"),this.tagbarEl=this.root.querySelector(".ck-tagbar"),this.viewport=this.root.querySelector(".ck-viewport"),this.gridEl=this.root.querySelector(".ck-grid"),this.lanesEl=this.root.querySelector(".ck-lanes"),this.axisEl=this.root.querySelector(".ck-axis"),this.storyEl=this.root.querySelector(".ck-story"),this.hintEl=this.root.querySelector(".ck-hint"),this.hintEl.innerHTML=t.hint(f(n))}_showHint(){this.hintEl.classList.add("ck-visible"),clearTimeout(this._hintTimer),this._hintTimer=setTimeout(()=>this.hintEl.classList.remove("ck-visible"),1500)}_bind(){const e=this.viewport;this.root.querySelector(".ck-controls").addEventListener("click",e=>{const t=e.target.closest("button")?.dataset.action;"zoom-in"===t?this.zoomBy(1/1.5):"zoom-out"===t?this.zoomBy(1.5):"fit"===t?this.fit():"dim"===t?this._toggleDim(e.target.closest("button")):"text-size"===t&&this._toggleTextSize(e.target.closest("button"))}),this.tagbarEl.addEventListener("click",e=>{const t=e.target.closest(".ck-tag");t&&this._toggleTag(t.dataset.tag,t)}),this.legendEl.addEventListener("click",e=>{const t=e.target.closest(".ck-legend-item")?.dataset.category;if(null==t)return;const n=new Set(this.hidden);n.has(t)?n.delete(t):n.add(t),this._setHidden(n)});const t=e=>{e.pointerType&&"mouse"!==e.pointerType\|\|this._setHover(e.target.closest(".ck-event, .ck-card, .ck-end-jump")?.dataset.id??null)};for(const e of[this.lanesEl,this.storyEl])e.addEventListener("pointerover",t),e.addEventListener("focusin",t),e.addEventListener("pointerleave",()=>this._setHover(null)),e.addEventListener("focusout",()=>this._setHover(null));e.addEventListener("wheel",t=>{const n=1===t.deltaMode?16:2===t.deltaMode?e.clientWidth:1,s=t.deltaXn,i=t.deltaYn;if(Math.abs(s)>Math.abs(i))return t.preventDefault(),void this.panBy(s);t.ctrlKey\|\|t.metaKey\|\|e.contains(document.activeElement)?(t.preventDefault(),this._zooming=!0,clearTimeout(this._zoomTimer),this._zoomTimer=setTimeout(()=>{this._zooming=!1,this._scheduleRender()},150),this.zoomBy(Math.exp(.002i),this._ratioAt(t.clientX))):this._showHint()},{passive:!1});const n=new Map;let s=null,i=null;const o=(e,t)=>{s={id:e,x:t,start:this.start,span:this.end-this.start,moved:!1}},a=()=>{const[e,t]=n.values();return{dist:Math.max(Math.hypot(e.x-t.x,e.y-t.y),1),ratio:this._ratioAt((e.x+t.x)/2)}},r=()=>{const{dist:e,ratio:t}=a(),n=this.end-this.start;i={dist:e,span:n,anchor:this.start+nt}};e.addEventListener("pointerdown",t=>{if(0===t.button)if(n.set(t.pointerId,{x:t.clientX,y:t.clientY}),1===n.size)this._suppressClick=!1,o(t.pointerId,t.clientX);else if(2===n.size){for(const t of n.keys())e.setPointerCapture(t);r(),s=null,this._zooming=!0,e.classList.add("ck-dragging")}}),e.addEventListener("pointermove",t=>{const o=n.get(t.pointerId);if(!o)return;if(o.x=t.clientX,o.y=t.clientY,i){const{dist:e,ratio:t}=a(),n=this._clampSpan(i.spani.dist/e),s=i.anchor-nt;return void this._setView(s,s+n)}if(!s\|\|t.pointerId!==s.id)return;const r=t.clientX-s.x;if(!s.moved){if(Math.abs(r)<4)return;s.moved=!0,e.setPointerCapture(t.pointerId),e.classList.add("ck-dragging")}const l=s.start-r/this._scale();this._setView(l,l+s.span)});const l=t=>{if(n.delete(t.pointerId)){if(i){if(n.size>=2)return void r();i=null,this._suppressClick=!0,this._zooming=!1,this._scheduleRender();const[e]=n;if(e)return o(e[0],e[1].x),void(s.moved=!0)}else s?.id===t.pointerId&&s.moved&&(this._suppressClick=!0);n.size\|\|(s=null,e.classList.remove("ck-dragging"))}};e.addEventListener("pointerup",l),e.addEventListener("pointercancel",l),e.addEventListener("click",e=>{if(this._suppressClick)return void(this._suppressClick=!1);const t=e.target.closest(".ck-event")?.dataset.id;null!=t&&this.toggle(t)}),e.addEventListener("keydown",t=>{const n=.1e.clientWidth,s={ArrowLeft:()=>this.panBy(-n),ArrowRight:()=>this.panBy(n),"+":()=>this.zoomBy(1/1.5),"=":()=>this.zoomBy(1/1.5),"-":()=>this.zoomBy(1.5),Escape:()=>this.clearSelection()};s[t.key]&&(t.preventDefault(),s[t.key]())}),this.storyEl.addEventListener("click",e=>{const t=e.target.closest(".ck-remove"),n=e.target.closest(".ck-end-jump"),s=e.target.closest(".ck-locate"),i=e.target.closest(".ck-tag");i?this._toggleTag(i.dataset.tag,i):t?this.deselect(t.dataset.id):n?this._jumpToCard(n.dataset.id):s?this.reveal(s.dataset.id):e.target.closest(".ck-clear")&&this.clearSelection()}),this._resizeObserver=new ResizeObserver(()=>this._scheduleRender()),this._resizeObserver.observe(e),this._onFontsLoaded=()=>{this._measureLabels(),this._invalidateLayout()},document.fonts?.addEventListener("loadingdone",this._onFontsLoaded)}_toggleTag(e,t){const n=new Set(this.items.filter(t=>t.tags.includes(e)).map(e=>e.id)),s=[...n].every(e=>this.selected.has(e))?[...this.selected].filter(e=>!n.has(e)):[...new Set([...this.selected,...n])],i=t.closest(".ck-card")?.dataset.id,o=null!=i&&t===document.activeElement;if(this._setSelection(s),!o)return;const a=[...this.storyEl.querySelectorAll(".ck-card")].find(e=>e.dataset.id===i);[...a?.querySelectorAll(".ck-tag")??[]].find(t=>t.dataset.tag===e)?.focus()}_tagStates(){const e=new Map;for(const t of this.items){const n=this.selected.has(t.id);for(const s of t.tags){const t=e.get(s)??{some:!1,all:!0};t.some\|\|=n,t.all&&=n,e.set(s,t)}}return new Map([...e].map(([e,t])=>[e,t.all?"true":t.some?"mixed":"false"]))}_syncTags(){const e=this._tagStates();for(const t of this.root.querySelectorAll(".ck-tag"))t.setAttribute("aria-pressed",e.get(t.dataset.tag)??"false")}_toggleDim(e){e.setAttribute("aria-pressed",this.root.classList.toggle("ck-dim"))}_toggleTextSize(e){const t=this.root.classList.toggle("ck-large-text");e.setAttribute("aria-pressed",t),this._measureLabels(),this._invalidateLayout()}_setSelection(e){this.selected=new Set(e);for(const e of this.lanesEl.querySelectorAll(".ck-event")){const t=this.selected.has(e.dataset.id);e.classList.toggle("ck-selected",t),e.setAttribute("aria-pressed",t)}this._renderStory(),this._syncTags(),this._stateChanged(),this.options.onSelectionChange?.(this.getSelection())}_setView(e,t){this.start=e,this.end=t,this._scheduleRender(),this._stateChanged()}_setHidden(e){this.hidden=new Set(e),this._renderLegend(),this._invalidateLayout(),this._stateChanged()}_setHover(e){if(e!==this._hoverId){this._hoverId=e;for(const t of this.root.querySelectorAll(".ck-event, .ck-card, .ck-end-jump"))t.classList.toggle("ck-hover",t.dataset.id===e)}}_stateChanged(){this.options.syncUrl&&(clearTimeout(this._hashTimer),this._hashTimer=setTimeout(()=>this._writeHash(),250))}_readHash(){const e=y(),t=t=>{const n=e.get(t);if(!n)return[];try{return n.split(",").map(decodeURIComponent)}catch{return[]}},n={},s=e.get("ck-view")?.split(",").map(Number);2===s?.length&&s.every(Number.isFinite)&&s[0]<s[1]&&([n.start,n.end]=s),e.has("ck-sel")&&(n.selected=t("ck-sel")),e.has("ck-hide")&&(n.hidden=t("ck-hide")),this.setState(n)}_writeHash(){const{start:e,end:t,selected:n,hidden:s}=this.getState(),i=y(),o=Math.min(6,Math.max(0,Math.ceil(3-Math.log10(t-e))));i.set("ck-view",`${+e.toFixed(o)},${+t.toFixed(o)}`);for(const[e,t]of[["ck-sel",n],["ck-hide",s]])t.length?i.set(e,t.map(encodeURIComponent).join(",")):i.delete(e);const a=[...i].map(([e,t])=>null==t?e:`${e}=${t}`).join("&");history.replaceState(history.state,"",`${location.pathname}${location.search}#${a}`)}_clampSpan(e){const t=this.options.maxSpan??Math.max(3this._dataSpan,100);return Math.min(Math.max(e,this.options.minSpan),t)}_scale(){return(this.viewport.clientWidth\|\|1)/(this.end-this.start)}_ratioAt(e){const t=this.viewport.getBoundingClientRect();return(e-t.left)/t.width}_extent(){let e=1/0,t=-1/0;for(const n of this.items)e=Math.min(e,n.from),t=Math.max(t,n.to??n.from);return this.items.length?[e,t]:[0,0]}_measureLabels(){const e=this._ctx??=document.createElement("canvas").getContext("2d"),t=document.createElement("span");t.className="ck-label",t.style.visibility="hidden",this.lanesEl.append(t);const n=getComputedStyle(t);e.font=`${n.fontStyle} ${n.fontWeight} ${n.fontSize} ${n.fontFamily}`,e.letterSpacing="normal"===n.letterSpacing?"0px":n.letterSpacing,e.wordSpacing="normal"===n.wordSpacing?"0px":n.wordSpacing;const s=n.textTransform;t.remove();for(const t of this.items){let n=t.event.title??"";"uppercase"===s?n=n.toUpperCase():"lowercase"===s&&(n=n.toLowerCase()),t.labelWidth=e.measureText(n).width}}_scheduleRender(){this._frame\|\|(this._frame=requestAnimationFrame(()=>{this._frame=0,this._render()}))}_render(){const e=this.viewport.clientWidth;if(!e)return;const t=e/(this.end-this.start),n=e=>(e-this.start)t,s=null==this._layoutScale\|\|Math.abs(t/this._layoutScale-1)>1e-6;(null==this._layoutScale\|\|s&&!this._zooming)&&this._layout(t),this._renderAxis(t,n),this._renderEvents(e,n)}_layout(e){const t=[];for(const n of this.items){if(n.category&&this.hidden.has(n.category)){n.lane=-1;continue}const s=null!=n.to,i=n.frome,o=s?n.toe:i,a=s?i:i-5,r=s?6:16,l=Math.max(o,a+r+n.labelWidth)+12;let d=t.findIndex(e=>e<=a);d<0?d=t.push(l)-1:t[d]=l,n.lane=d}this._laneCount=t.length,this._layoutScale=e}_invalidateLayout(){this._layoutScale=null,this._scheduleRender()}_renderAxis(e,t){const n=s.find(t=>te>=90)??s.at(-1);let i="",o="";for(let e=Math.ceil(this.start/n);en<=this.end;e++){const s=en,a=t(s).toFixed(1);i+=`<span class="ck-tick" style="left:${a}px">${f($(s,n,this.m))}</span>`,o+=`<span class="ck-gridline" style="left:${a}px"></span>`}this.axisEl.innerHTML=i,this.gridEl.innerHTML=o}_renderEvents(e,t){const n=this.lanesEl.contains(document.activeElement)?document.activeElement.dataset.id:null,s=this._revealing,i=s?performance.now()-s.at:1/0;let o="";for(const n of this.items){if(n.lane<0)continue;const a=null!=n.to,r=t(n.from),l=a?t(n.to):r,d=a?r:r-5,c=a?Math.min(Math.max(0,-r),Math.max(0,l-r-n.labelWidth-6))+6:16,h=Math.max(l,d+c+n.labelWidth);if((a?l:h)<0\|\|d>e)continue;const m=12+30n.lane,u=this.selected.has(n.id),g=s?.id===n.id&&i<1500,y=`ck-event ${a?"ck-range":"ck-point"}${u?" ck-selected":""}${this._hoverClass(n)}${g?" ck-flash":""}`,$=`--ck-color:${f(n.color)};left:${d.toFixed(1)}px;top:${m}px`+(g?`;animation-delay:-${Math.round(i)}ms`:""),v=f(n.event.title??""),k=`type="button" class="${y}" data-id="${f(n.id)}" aria-pressed="${u}"\n title="${v} · ${f(p(n,this.m))}"`;o+=a?`<button ${k} style="${$};width:${Math.max(l-r,4).toFixed(1)}px">\n <span class="ck-label" style="left:${c.toFixed(1)}px">${v}</span></button>`:`<button ${k} style="${$}">\n <span class="ck-dot"></span><span class="ck-label">${v}</span></button>`}const a=24+30*this._laneCount;if(this.lanesEl.innerHTML=`<div class="ck-lanes-inner" style="height:${a}px">${o}</div>`,null!=n){([...this.lanesEl.querySelectorAll(".ck-event")].find(e=>e.dataset.id===n)??this.viewport).focus({preventScroll:!0})}s?.pending&&this._finishReveal(s)}_finishReveal(e){e.pending=!1;const t=[...this.lanesEl.querySelectorAll(".ck-event")].find(t=>t.dataset.id===e.id);if(!t)return;const n=this.lanesEl;(t.offsetTop<n.scrollTop\|\|t.offsetTop+t.offsetHeight>n.scrollTop+n.clientHeight)&&(n.scrollTop=t.offsetTop-(n.clientHeight-t.offsetHeight)/2);const s=matchMedia("(prefers-reduced-motion: reduce)").matches;this.viewport.scrollIntoView({block:"nearest",behavior:s?"auto":"smooth"}),t.focus({preventScroll:!0})}_renderLegend(){this.legendEl.innerHTML=this.categories.map(e=>`<button type="button" class="ck-legend-item" data-category="${f(e)}"\n aria-pressed="${!this.hidden.has(e)}" style="--ck-color:${f(this.colorOf.get(e))}">\n <span class="ck-swatch"></span>${f(this._categoryLabel(e))}</button>`).join("")}_renderTagbar(){const e=new Map;for(const t of this.items)for(const n of t.tags)e.set(n,(e.get(n)??0)+1);const t=[...e.keys()].sort((e,t)=>e.localeCompare(t,this.options.language));this.tagbarEl.hidden=!t.length,this.tagbarEl.querySelector(".ck-count").textContent=t.length,this.tagbarEl.querySelector(".ck-tags").innerHTML=t.map(t=>`<li><button type="button" class="ck-tag" data-tag="${f(t)}" aria-pressed="false">${f(t)} <span class="ck-tag-count">${e.get(t)}</span></button></li>`).join("")}_renderStory(){const e=this.items.filter(e=>this.selected.has(e.id)),t="right"===this.options.storyPosition;if(this.storyEl.hidden=!e.length&&!t,this.storyEl.classList.toggle("ck-empty",!e.length),this.root.classList.toggle("ck-has-selection",e.length>0),!e.length)return void(this.storyEl.innerHTML=t?`<p class="ck-story-placeholder">${f(this.m.placeholder)}</p>`:"");const n=e.map(e=>({item:e,at:e.from,isEnd:!1}));for(const t of e)t.end&&t.end.value>t.from&&n.push({item:t,at:t.end.value,isEnd:!0});n.sort((e,t)=>e.at-t.at\|\|t.isEnd-e.isEnd),this.storyEl.innerHTML=`\n <div class="ck-story-header">\n <span class="ck-story-title">${f(this.m.selectedEvents)} <span class="ck-count">${this.m.number.format(e.length)}</span></span>\n <button type="button" class="ck-clear">${f(this.m.clearAll)}</button>\n </div>\n <ol class="ck-story-list">${n.map(e=>e.isEnd?this._storyEnd(e.item):this._storyCard(e.item)).join("")}</ol>`}_storyEnd(e){const t=this.m,n=f(e.event.title??""),s=f(h(e.end,t)),i=f(u(e.start,e.end,t));return`\n <li class="ck-end" style="--ck-color:${f(e.color)}">\n <button type="button" class="ck-end-jump${this._hoverClass(e)}" data-id="${f(e.id)}"\n aria-label="${t.endsAria(n,s,i)}">\n <span class="ck-end-date">${s}</span>\n <span>${t.endOf(`<strong>${n}</strong>`)}</span>\n ${i?`<span class="ck-end-duration">${t.lasted(i)}</span>`:""}\n </button>\n </li>`}_jumpToCard(e){const t=[...this.storyEl.querySelectorAll(".ck-card")].find(t=>t.dataset.id===e);if(!t)return;const n=matchMedia("(prefers-reduced-motion: reduce)").matches;t.scrollIntoView({block:"nearest",behavior:n?"auto":"smooth"}),t.focus({preventScroll:!0}),t.classList.remove("ck-flash"),t.offsetWidth,t.classList.add("ck-flash")}_storyCard(e){const t=e.event,n=t.url&&/^https?:\/\//i.test(t.url)?t.url:null;return`\n <li class="ck-card${this._hoverClass(e)}" data-id="${f(e.id)}" tabindex="-1"\n style="--ck-color:${f(e.color)}">\n <button type="button" class="ck-remove" data-id="${f(e.id)}"\n aria-label="${this.m.remove(f(t.title??""))}">×</button>\n <div class="ck-meta">\n ${e.category?`<span class="ck-badge">${f(this._categoryLabel(e.category))}</span>`:""}\n <span>${f(p(e,this.m))}</span>\n </div>\n <h3 class="ck-title">${f(t.title??"")}</h3>\n ${t.description?`<p class="ck-description">${f(t.description)}</p>`:""}\n ${e.tags.length?`<ul class="ck-tags" aria-label="${f(this.m.tags)}">${e.tags.map(e=>`<li><button type="button" class="ck-tag" data-tag="${f(e)}" aria-pressed="false">${f(e)}</button></li>`).join("")}</ul>`:""}\n <div class="ck-card-actions">\n <button type="button" class="ck-locate" data-id="${f(e.id)}">${f(this.m.showOnTimeline)}</button>\n ${n?`<a class="ck-link" href="${f(n)}" target="_blank" rel="noopener">${f(this.m.readMore)}</a>`:""}\n </div>\n </li>`}_hoverClass(e){return this._hoverId===e.id?" ck-hover":""}_categoryLabel(e){return this.options.categoryLabels[e]??e}}export{v as Chroniko,c as formatDate,m as formatDuration,d as formatYear,i as parseDate};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "chroniko",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Render historical events on a single zoomable time axis. Plain HTML, CSS and JavaScript, no dependencies.",
   "license": "Apache-2.0",
   "type": "module",