@aceshooting/lyra-ui 9.1.1 → 11.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aceshooting/lyra-ui",
-  "version": "9.1.1",
+  "version": "11.0.0",
   "description": "Free, independent Lit web components: an open-source alternative to Shoelace and Web Awesome with accessible forms, dashboards, charts, and agent UI.",
   "keywords": [
     "web-components",
@@ -990,6 +990,7 @@
     "./components/viewers/page-rail/page-rail.js": "./dist/components/viewers/page-rail/page-rail.js",
     "./components/viewers/pdf-viewer/pdf-viewer.class.js": "./dist/components/viewers/pdf-viewer/pdf-viewer.class.js",
     "./components/viewers/pdf-viewer/pdf-viewer.js": "./dist/components/viewers/pdf-viewer/pdf-viewer.js",
+    "./components/viewers/pptx-viewer/pptx-loader.js": "./dist/components/viewers/pptx-viewer/pptx-loader.js",
     "./components/viewers/pptx-viewer/pptx-viewer.class.js": "./dist/components/viewers/pptx-viewer/pptx-viewer.class.js",
     "./components/viewers/pptx-viewer/pptx-viewer.js": "./dist/components/viewers/pptx-viewer/pptx-viewer.js",
     "./components/viewers/spreadsheet-viewer/spreadsheet-viewer.class.js": "./dist/components/viewers/spreadsheet-viewer/spreadsheet-viewer.class.js",
@@ -1029,6 +1030,7 @@
     "./theme.css": "./dist/theme.css",
     "./design-tokens.css": "./dist/styles/design-tokens.css",
     "./native.css": "./dist/styles/native.css",
+    "./reservations.css": "./dist/styles/reservations.css",
     "./utilities.css": "./dist/styles/utilities.css",
     "./testing": "./dist/testing/happy-dom-shims.js",
     "./package.json": "./package.json"
@@ -1623,6 +1625,7 @@
     "./dist/ssr/all.js",
     "./dist/styles/design-tokens.css",
     "./dist/styles/native.css",
+    "./dist/styles/reservations.css",
     "./dist/styles/utilities.css",
     "./dist/theme.css",
     "./dist/translations/ar.js",
@@ -2226,6 +2229,7 @@
     "./src/ssr/all.ts",
     "./src/styles/design-tokens.css",
     "./src/styles/native.css",
+    "./src/styles/reservations.css",
     "./src/styles/utilities.css",
     "./src/theme.css",
     "./src/translations/ar.ts",
@@ -2252,6 +2256,7 @@
     "@aiden0z/pptx-renderer": "^1.2.4",
     "@sgratzl/chartjs-chart-boxplot": "^4.4.5",
     "chart.js": "^4.5.1",
+    "chartjs-plugin-annotation": "^3.1.0",
     "chartjs-plugin-datalabels": "^2.2.0",
     "chartjs-plugin-zoom": "^2.2.0",
     "d3-drag": "^3.0.0",
@@ -2302,6 +2307,9 @@
     "chart.js": {
       "optional": true
     },
+    "chartjs-plugin-annotation": {
+      "optional": true
+    },
     "chartjs-plugin-datalabels": {
       "optional": true
     },
@@ -2376,6 +2384,7 @@
     "@types/d3-force": "^3.0.10",
     "@types/d3-selection": "^3.0.11",
     "@types/d3-zoom": "^3.0.8",
+    "@types/mocha": "^10.0.10",
     "@types/papaparse": "^5.5.2",
     "@types/qrcode": "^1.5.6",
     "@types/react": "^19.2.18",
@@ -2386,6 +2395,7 @@
     "@web/test-runner-junit-reporter": "^1.0.0",
     "@web/test-runner-playwright": "^1.0.0",
     "chart.js": "^4.5.1",
+    "chartjs-plugin-annotation": "^3.1.0",
     "chartjs-plugin-datalabels": "^2.2.0",
     "chartjs-plugin-zoom": "^2.2.0",
     "d3-drag": "^3.0.0",
@@ -2404,9 +2414,9 @@
     "katex": "^0.18.4",
     "libphonenumber-js": "^1.13.11",
     "mammoth": "^1.12.1",
-    "maplibre-gl": "^6.4.0",
+    "maplibre-gl": "^6.4.1",
     "marked": "^18.0.10",
-    "oxc-parser": "^0.144.0",
+    "oxc-parser": "^0.145.0",
     "papaparse": "^5.6.0",
     "pdfjs-dist": "^6.2.108",
     "pixelmatch": "^7.2.0",
@@ -2497,11 +2507,12 @@
     "test:default-string-slices": "node scripts/generate-default-string-slices.test.mjs",
     "check:default-strings": "node scripts/check-default-strings.mjs",
     "test:default-strings": "node scripts/check-default-strings.test.mjs",
-    "test:tooling": "node scripts/build-llms.test.mjs && node --test scripts/create-component.test.mjs && node --test scripts/full-engine-shard.test.mjs && node --test scripts/web-test-runner-config.test.mjs && node scripts/component-families.test.mjs && node scripts/maplibre-peer-range.test.mjs && node scripts/migrate-wa.test.mjs && node scripts/visual-regression-compare.test.mjs && node --test scripts/visual-regression-shard.test.mjs && node scripts/visual-regression-config.test.mjs && node --test scripts/check-source-policy.test.mjs scripts/check-test-assertions.test.mjs && node scripts/bundle-budgets.test.mjs && node scripts/compact-build-js.test.mjs && node --test scripts/normalize-mixin-declarations.test.mjs && node --test scripts/check-palette-freshness.test.mjs && node scripts/manifest-compact.test.mjs && node --test scripts/viewer-fixture-generators.test.mjs",
+    "test:tooling": "node scripts/build-llms.test.mjs && node --test scripts/create-component.test.mjs && node --test scripts/full-engine-shard.test.mjs && node --test scripts/web-test-runner-config.test.mjs && node scripts/component-families.test.mjs && node scripts/maplibre-peer-range.test.mjs && node scripts/migrate-wa.test.mjs && node scripts/visual-regression-compare.test.mjs && node --test scripts/visual-regression-shard.test.mjs && node scripts/visual-regression-config.test.mjs && node --test scripts/check-source-policy.test.mjs scripts/check-test-assertions.test.mjs && node scripts/bundle-budgets.test.mjs && node scripts/compact-build-js.test.mjs && node --test scripts/normalize-mixin-declarations.test.mjs && node --test scripts/check-palette-freshness.test.mjs && node scripts/manifest-compact.test.mjs && node --test scripts/viewer-fixture-generators.test.mjs && node --test scripts/strip-css-comments.test.mjs",
     "framework-types": "node scripts/generate-framework-types.mjs",
     "check:framework-types": "node scripts/check-framework-types.mjs",
     "test:framework-types": "node scripts/generate-framework-types.test.mjs",
     "test:types": "tsc --noEmit -p tsconfig.type-tests.json",
+    "check:test-types": "tsc --noEmit -p tsconfig.test.json",
     "style-policy": "node --test scripts/check-style-policy.test.mjs && node scripts/check-style-policy.mjs",
     "check:source-policy": "node scripts/check-source-policy.mjs",
     "check:lifecycle-super": "node scripts/check-lifecycle-super.mjs",
@@ -2530,13 +2541,14 @@
     "llms-freshness": "node scripts/check-llms-freshness.mjs",
     "migrate-wa": "node scripts/migrate-wa.mjs",
     "test:migrate-wa": "node scripts/migrate-wa.test.mjs",
-    "contract-policy": "pnpm run check:script-paths && pnpm run test:script-paths && pnpm run check:package-exports && pnpm run test:package-exports && pnpm run check:package-metadata && pnpm run test:package-metadata && pnpm run test:public-api && pnpm run style-policy && pnpm run check:source-policy && pnpm run check:lifecycle-super && pnpm run test:lifecycle-super && pnpm run check:test-assertions && pnpm run check:part-reachability && pnpm run test:part-reachability && pnpm run provenance-policy && pnpm run contract-checklist && node scripts/check-component-coverage.mjs && node scripts/check-migration-coverage.mjs && node scripts/check-token-references.mjs && node scripts/check-contrast.mjs && pnpm run manifest:check && pnpm run manifest:coverage && pnpm run check:framework-types && pnpm run test:framework-types && pnpm run llms-freshness && pnpm run llms:check && pnpm run check:component-inventory && pnpm run test:component-inventory && pnpm run test:pinned-upstream-manifests && pnpm run check:component-metadata && pnpm run test:component-metadata && pnpm run check:autoloader-manifest && pnpm run test:autoloader-manifest && pnpm run check:tag-aliases && pnpm run test:tag-aliases && pnpm run test:architecture && pnpm run check-side-effects && pnpm run test:side-effects && pnpm run check:form-associated && pnpm run check:component-dependencies && pnpm run test:component-dependencies && pnpm run check:composed-child-contracts && pnpm run test:composed-child-contracts && pnpm run check:component-quality && pnpm run test:package-size && pnpm run check:qualification && pnpm run test:qualification && pnpm run check:event-barrel && pnpm run check:event-contracts && pnpm run test:event-contracts && pnpm run check:event-types && pnpm run check:collection-event-ownership && pnpm run check:cycles && pnpm run check:interaction-states && pnpm run check:value-named-tokens && pnpm run check:design-tokens && pnpm run test:design-tokens && pnpm run check:hit-area && pnpm run test:hit-area && pnpm run check:numeric-guards && pnpm run check:palette-freshness && pnpm run check:default-string-slices && pnpm run test:default-string-slices && pnpm run check:default-strings && pnpm run check:translations && pnpm run test:translation-reviews && pnpm run check:style-vocabulary && pnpm run test:style-vocabulary && pnpm run test:default-strings && pnpm run test:tooling && pnpm run check:llms-root-barrel && pnpm run test:llms-root-barrel && pnpm run test:llms-gaps",
+    "contract-policy": "pnpm run check:script-paths && pnpm run test:script-paths && pnpm run check:package-exports && pnpm run test:package-exports && pnpm run check:package-metadata && pnpm run test:package-metadata && pnpm run test:public-api && pnpm run style-policy && pnpm run check:source-policy && pnpm run check:lifecycle-super && pnpm run test:lifecycle-super && pnpm run check:test-assertions && pnpm run check:part-reachability && pnpm run test:part-reachability && pnpm run provenance-policy && pnpm run contract-checklist && node scripts/check-component-coverage.mjs && node scripts/check-migration-coverage.mjs && node scripts/check-token-references.mjs && node scripts/check-contrast.mjs && pnpm run manifest:check && pnpm run manifest:coverage && pnpm run check:framework-types && pnpm run test:framework-types && pnpm run llms-freshness && pnpm run llms:check && pnpm run check:component-inventory && pnpm run test:component-inventory && pnpm run test:pinned-upstream-manifests && pnpm run check:component-metadata && pnpm run test:component-metadata && pnpm run check:autoloader-manifest && pnpm run test:autoloader-manifest && pnpm run check:tag-aliases && pnpm run test:tag-aliases && pnpm run test:architecture && pnpm run check-side-effects && pnpm run test:side-effects && pnpm run check:form-associated && pnpm run check:component-dependencies && pnpm run test:component-dependencies && pnpm run check:composed-child-contracts && pnpm run test:composed-child-contracts && pnpm run check:component-quality && pnpm run test:package-size && pnpm run check:qualification && pnpm run test:qualification && pnpm run check:event-barrel && pnpm run check:event-contracts && pnpm run test:event-contracts && pnpm run check:event-types && pnpm run check:collection-event-ownership && pnpm run check:cycles && pnpm run check:interaction-states && pnpm run test:interaction-states && pnpm run check:value-named-tokens && pnpm run check:design-tokens && pnpm run test:design-tokens && pnpm run check:hit-area && pnpm run test:hit-area && pnpm run check:numeric-guards && pnpm run check:palette-freshness && pnpm run check:default-string-slices && pnpm run test:default-string-slices && pnpm run check:default-strings && pnpm run check:translations && pnpm run test:translation-reviews && pnpm run check:style-vocabulary && pnpm run test:style-vocabulary && pnpm run test:default-strings && pnpm run test:tooling && pnpm run check:llms-root-barrel && pnpm run test:llms-root-barrel && pnpm run test:llms-gaps",
     "lint": "pnpm run contract-policy && tsc --noEmit -p tsconfig.json && pnpm run test:types",
     "check:translations": "node scripts/check-translations.mjs",
     "test:translation-reviews": "node scripts/translation-review.test.mjs",
     "check:style-vocabulary": "node scripts/check-style-vocabulary.mjs",
     "test:style-vocabulary": "node scripts/check-style-vocabulary.test.mjs",
     "check:interaction-states": "node scripts/check-interaction-states.mjs",
+    "test:interaction-states": "node scripts/check-interaction-states.test.mjs",
     "check:value-named-tokens": "node scripts/check-value-named-tokens.mjs"
   }
 }

package/vscode-css-data.json

@@ -1597,6 +1597,20 @@
         "value": "**Shared design token** — Canonical shared component token for border width thin. Reads `--lr-theme-border-width-thin`."
       }
     },
+    {
+      "name": "--lr-box-plot-data-table-toggle-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-box-plot>`** — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."
+      }
+    },
+    {
+      "name": "--lr-box-plot-data-table-toggle-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-box-plot>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."
+      }
+    },
     {
       "name": "--lr-breadcrumb-current-color",
       "description": {
@@ -2185,6 +2199,20 @@
         "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of an actionable generated-table value."
       }
     },
+    {
+      "name": "--lr-chart-data-table-toggle-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."
+      }
+    },
+    {
+      "name": "--lr-chart-data-table-toggle-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."
+      }
+    },
     {
       "name": "--lr-chart-grid-color",
       "description": {
@@ -3963,6 +3991,27 @@
         "value": "**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `[part=\"previous\"]`/`[part=\"next\"]` month-navigation buttons."
       }
     },
+    {
+      "name": "--lr-date-picker-preset-active-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-picker>`** — Pressed background of a quick-range button; defaults to a mix of the hover background with the shared active mix partner."
+      }
+    },
+    {
+      "name": "--lr-date-picker-preset-hover-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of a quick-range button."
+      }
+    },
+    {
+      "name": "--lr-date-picker-preset-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Background and border of the quick-range button whose range is currently selected."
+      }
+    },
     {
       "name": "--lr-date-picker-radius",
       "description": {
@@ -5104,6 +5153,13 @@
         "value": "**`<lr-flow-minimap>`** (default: `var(--lr-color-success)`) — Successful-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-success)`) — Success status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-success)`) — Success count-dot color."
       }
     },
+    {
+      "name": "--lr-focus-ring",
+      "description": {
+        "kind": "markdown",
+        "value": "**Shared design token** — Composite focus-ring outline shorthand, derived from the width and color parts. Mirrors the ready-made outline value Web Awesome exposes as --wa-focus-ring so a migrating consumer has a one-to-one target instead of hand-expanding every site. Offset stays separate because outline-offset is its own property."
+      }
+    },
     {
       "name": "--lr-focus-ring-color",
       "description": {
@@ -8580,7 +8636,7 @@
       "name": "--lr-scroll-fade-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-segmented>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the track actually overflows, so a row that fits is never dimmed.\n\n**`<lr-stepper>`** (default: `2rem`) — Width of each decorative horizontal overflow fade. Pointer-state hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the stepper or any ancestor without retheming another state.\n\n**`<lr-tab-group>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the tablist actually overflows, so a row that fits is never dimmed.\n\n**`<lr-timeline>`** (default: `2rem`) — Inline size of each edge fade while a horizontal timeline overflows. Forced-colors mode disables the masks while retaining native scrolling.\n\n**Shared design token** — Canonical shared component token for scroll fade size. Reads `--lr-theme-scroll-fade-size`."
+        "value": "**`<lr-segmented>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the track actually overflows, so a row that fits is never dimmed.\n\n**`<lr-stepper>`** (default: `2rem`) — Width of each decorative horizontal overflow fade. Pointer-state hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the stepper or any ancestor without retheming another state.\n\n**`<lr-tab-group>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the tablist actually overflows, so a row that fits is never dimmed.\n\n**`<lr-timeline>`** (default: `2rem`) — Inline size of each edge fade while a horizontal timeline overflows. Forced-colors mode disables the masks while retaining native scrolling.\n\n**`<lr-widget>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge of the `actions`/`view-toggles` header rows. The fade is applied only while a row actually overflows, so a row that fits is never dimmed. `fullscreen-inset` overrides the safe-area panel inset while the viewport-filling backdrop stays at zero by default. `compact` tightens header/body padding — same convention as `lr-empty`.\n\n**Shared design token** — Canonical shared component token for scroll fade size. Reads `--lr-theme-scroll-fade-size`."
       }
     },
     {
@@ -10424,6 +10480,27 @@
         "value": "**`<lr-tab-group>`** (default: `var(--lr-size-12rem)`) — Maximum logical inline size of a vertical `start`/`end` nav. Long labels ellipsize inside that bound so the panel remains usable at narrow allocations."
       }
     },
+    {
+      "name": "--lr-table-cell-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `inherit`) — Text colour of body cells; inherits the host's own colour by default."
+      }
+    },
+    {
+      "name": "--lr-table-cell-link-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `var(--lr-color-brand)`) — Colour of an anchor returned from a column's `cell(row)`. Such an anchor renders inside this component's shadow root, so page CSS cannot reach it and `::part()` cannot select past the first compound selector to reach it either; without this hook it computes to the UA default link blue. Set `revert` for the UA default."
+      }
+    },
+    {
+      "name": "--lr-table-cell-link-hover-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `var(--lr-table-cell-link-color,var(--lr-color-brand))`) — Colour of that anchor on hover and `:focus-visible`, which also thicken its underline."
+      }
+    },
     {
       "name": "--lr-table-header-sorted-bg",
       "description": {
@@ -13196,6 +13273,13 @@
         "value": "**`<lr-timeline-item>`** (default: `var(--lr-timeline-marker-color)`) — Static outline color for the current/in-progress marker. The outline remains visible when reduced motion disables the optional pulse animation."
       }
     },
+    {
+      "name": "--lr-timeline-collision-offset",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline>`** (default: `var(--lr-space-l)`) — Cross-axis step between items stacked by `collision=\"stack\"`. Each collision lane is indented one step further, so a wider marker can claim more room without the lanes overlapping again. Ignored unless both `scale=\"time\"` and `collision=\"stack\"` are set."
+      }
+    },
     {
       "name": "--lr-timeline-gap",
       "description": {
@@ -13231,6 +13315,13 @@
         "value": "**`<lr-timeline-item>`** (default: `var(--lr-border-width-medium)`) — Thickness of the connecting rail line. Inherits from theme ancestors."
       }
     },
+    {
+      "name": "--lr-timeline-time-extent",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-timeline>`** (default: `var(--lr-size-20rem)`) — Distance the `scale=\"time\"` axis distributes items along: `block-size` when vertical, `inline-size` when horizontal. Time-scaled items are absolutely positioned, and a percentage offset against an auto-sized track resolves to zero, so the axis needs a definite extent. Ignored in the default `scale=\"flow\"`."
+      }
+    },
     {
       "name": "--lr-toast-accent-color",
       "description": {
@@ -14229,7 +14320,7 @@
       "name": "--lr-widget-backdrop-inset",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-widget>`** (default: `0`) — The `inset` applied to `[part=\"backdrop\"]`, so the scrim can be pulled back independently of the panel. Also set inline from the `backdrop-inset` attribute. `fullscreen-inset` overrides the safe-area panel inset while the viewport-filling backdrop stays at zero by default. `compact` tightens header/body padding — same convention as `lr-empty`."
+        "value": "**`<lr-widget>`** (default: `0`) — The `inset` applied to `[part=\"backdrop\"]`, so the scrim can be pulled back independently of the panel. Also set inline from the `backdrop-inset` attribute."
       }
     },
     {