@aceshooting/lyra-ui 2.1.0 → 2.2.0

package/dist/components/chart/lite-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lite-chart.js","sourceRoot":"","sources":["../../../src/components/chart/lite-chart.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/chart/lite-chart.styles.d.ts

@@ -1 +1,2 @@
 export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=lite-chart.styles.d.ts.map

package/dist/components/chart/lite-chart.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lite-chart.styles.d.ts","sourceRoot":"","sources":["../../../src/components/chart/lite-chart.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkGlB,CAAC"}

package/dist/components/chart/lite-chart.styles.js

@@ -3,7 +3,7 @@ export const styles = css `
   :host {
     display: block;
     position: relative;
-    block-size: var(--lyra-chart-height, 280px);
+    block-size: var(--lyra-chart-height, var(--lyra-size-280px));
     /* Same token names/fallback chain as chart.ts's --lyra-chart-* — a host
        already theming lyra-chart gets lyra-lite-chart themed for free, and
        vice versa. Unlike chart.ts (canvas-rendered, can't consume var()
@@ -14,6 +14,14 @@ export const styles = css `
     --lyra-chart-legend-color: var(--lyra-color-text);
     --lyra-chart-tooltip-bg: var(--lyra-color-surface);
     --lyra-chart-tooltip-text: var(--lyra-color-text);
+    --lyra-chart-color-1: var(--lyra-color-chart-1);
+    --lyra-chart-color-2: var(--lyra-color-chart-2);
+    --lyra-chart-color-3: var(--lyra-color-chart-3);
+    --lyra-chart-color-4: var(--lyra-color-chart-4);
+    --lyra-chart-color-5: var(--lyra-color-chart-5);
+    --lyra-chart-color-6: var(--lyra-color-chart-6);
+    --lyra-chart-color-7: var(--lyra-color-chart-7);
+    --lyra-chart-color-8: var(--lyra-color-chart-8);
   }
   [part='base'] {
     position: relative;
@@ -45,13 +53,13 @@ export const styles = css `
   }
   [part='axis-label'] {
     fill: var(--lyra-chart-tick-color);
-    font-size: 10px;
+    font-size: var(--lyra-size-10px);
     font-family: var(--lyra-font-family, inherit);
   }
   [part='axis-title'] {
     fill: var(--lyra-chart-tick-color);
-    font-size: 11px;
-    font-weight: 600;
+    font-size: var(--lyra-size-11px);
+    font-weight: var(--lyra-font-weight-semibold);
     font-family: var(--lyra-font-family, inherit);
   }
   [part='bar'] {
@@ -60,7 +68,7 @@ export const styles = css `
   [part='bar']:focus-visible,
   [part='point']:focus-visible {
     outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
-    outline-offset: 1px;
+    outline-offset: var(--lyra-size-1px);
   }
   [part='line'] {
     fill: none;
@@ -79,14 +87,15 @@ export const styles = css `
   [part='legend-item'] {
     display: inline-flex;
     align-items: center;
-    gap: 0.35em;
-    font-size: 0.8rem;
+    gap: var(--lyra-size-0-35em);
+    font-size: var(--lyra-size-0-8rem);
     color: var(--lyra-chart-legend-color);
   }
   [part='legend-swatch'] {
-    inline-size: 0.7em;
-    block-size: 0.7em;
-    border-radius: 2px;
+    inline-size: var(--lyra-size-0-7em);
+    block-size: var(--lyra-size-0-7em);
+    border-radius: var(--lyra-size-2px);
     flex: 0 0 auto;
   }
 `;
+//# sourceMappingURL=lite-chart.styles.js.map

package/dist/components/chart/lite-chart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lite-chart.styles.js","sourceRoot":"","sources":["../../../src/components/chart/lite-chart.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGxB,CAAC"}

package/dist/components/chart/pie-chart.class.d.ts

@@ -0,0 +1,16 @@
+import { LyraChart } from './chart.class.js';
+/**
+ * `<lyra-pie-chart>` — `<lyra-chart>` with `type` locked to `"pie"`. Single-series:
+ * one `Series` with `data: number[]` and `color: string[]` as the slice palette.
+ *
+ * @customElement lyra-pie-chart
+ */
+export declare class LyraPieChart extends LyraChart {
+    type: 'pie';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-pie-chart': LyraPieChart;
+    }
+}
+//# sourceMappingURL=pie-chart.class.d.ts.map

package/dist/components/chart/pie-chart.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.class.d.ts","sourceRoot":"","sources":["../../../src/components/chart/pie-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAE5D;;;;;GAKG;AACH,qBAAa,YAAa,SAAQ,SAAS;IACjC,IAAI,EAAE,KAAK,CAAC;CACrB;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/chart/pie-chart.class.js

@@ -0,0 +1,11 @@
+import { LyraChart, lockChartType } from './chart.class.js';
+/**
+ * `<lyra-pie-chart>` — `<lyra-chart>` with `type` locked to `"pie"`. Single-series:
+ * one `Series` with `data: number[]` and `color: string[]` as the slice palette.
+ *
+ * @customElement lyra-pie-chart
+ */
+export class LyraPieChart extends LyraChart {
+}
+lockChartType(LyraPieChart, 'pie');
+//# sourceMappingURL=pie-chart.class.js.map

package/dist/components/chart/pie-chart.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.class.js","sourceRoot":"","sources":["../../../src/components/chart/pie-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,OAAO,YAAa,SAAQ,SAAS;CAE1C;AAED,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC"}

package/dist/components/chart/pie-chart.d.ts

@@ -1,15 +1,3 @@
-import { LyraChart } from './chart.js';
-/**
- * `<lyra-pie-chart>` — `<lyra-chart>` with `type` locked to `"pie"`. Single-series:
- * one `Series` with `data: number[]` and `color: string[]` as the slice palette.
- *
- * @customElement lyra-pie-chart
- */
-export declare class LyraPieChart extends LyraChart {
-    type: 'pie';
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-pie-chart': LyraPieChart;
-    }
-}
+export * from './pie-chart.class.js';
+import "./chart.js";
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/components/chart/pie-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/pie-chart.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AAGrC,OAAO,YAAY,CAAC"}

package/dist/components/chart/pie-chart.js

@@ -1,12 +1,6 @@
-import { LyraChart, lockChartType } from './chart.js';
+export * from './pie-chart.class.js';
+import { LyraPieChart } from './pie-chart.class.js';
 import { defineElement } from '../../internal/prefix.js';
-/**
- * `<lyra-pie-chart>` — `<lyra-chart>` with `type` locked to `"pie"`. Single-series:
- * one `Series` with `data: number[]` and `color: string[]` as the slice palette.
- *
- * @customElement lyra-pie-chart
- */
-export class LyraPieChart extends LyraChart {
-}
-lockChartType(LyraPieChart, 'pie');
+import "./chart.js";
 defineElement('pie-chart', LyraPieChart);
+//# sourceMappingURL=pie-chart.js.map

package/dist/components/chart/pie-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../src/components/chart/pie-chart.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,YAAY,CAAC;AACpB,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/chart/polar-area-chart.class.d.ts

@@ -0,0 +1,15 @@
+import { LyraChart } from './chart.class.js';
+/**
+ * `<lyra-polar-area-chart>` — `<lyra-chart>` with `type` locked to `"polarArea"`.
+ *
+ * @customElement lyra-polar-area-chart
+ */
+export declare class LyraPolarAreaChart extends LyraChart {
+    type: 'polarArea';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-polar-area-chart': LyraPolarAreaChart;
+    }
+}
+//# sourceMappingURL=polar-area-chart.class.d.ts.map

package/dist/components/chart/polar-area-chart.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polar-area-chart.class.d.ts","sourceRoot":"","sources":["../../../src/components/chart/polar-area-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAE5D;;;;GAIG;AACH,qBAAa,kBAAmB,SAAQ,SAAS;IACvC,IAAI,EAAE,WAAW,CAAC;CAC3B;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}

package/dist/components/chart/polar-area-chart.class.js

@@ -0,0 +1,10 @@
+import { LyraChart, lockChartType } from './chart.class.js';
+/**
+ * `<lyra-polar-area-chart>` — `<lyra-chart>` with `type` locked to `"polarArea"`.
+ *
+ * @customElement lyra-polar-area-chart
+ */
+export class LyraPolarAreaChart extends LyraChart {
+}
+lockChartType(LyraPolarAreaChart, 'polarArea');
+//# sourceMappingURL=polar-area-chart.class.js.map

package/dist/components/chart/polar-area-chart.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polar-area-chart.class.js","sourceRoot":"","sources":["../../../src/components/chart/polar-area-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,OAAO,kBAAmB,SAAQ,SAAS;CAEhD;AAED,aAAa,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/chart/polar-area-chart.d.ts

@@ -1,14 +1,3 @@
-import { LyraChart } from './chart.js';
-/**
- * `<lyra-polar-area-chart>` — `<lyra-chart>` with `type` locked to `"polarArea"`.
- *
- * @customElement lyra-polar-area-chart
- */
-export declare class LyraPolarAreaChart extends LyraChart {
-    type: 'polarArea';
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-polar-area-chart': LyraPolarAreaChart;
-    }
-}
+export * from './polar-area-chart.class.js';
+import "./chart.js";
+//# sourceMappingURL=polar-area-chart.d.ts.map

package/dist/components/chart/polar-area-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polar-area-chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/polar-area-chart.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAG5C,OAAO,YAAY,CAAC"}

package/dist/components/chart/polar-area-chart.js

@@ -1,11 +1,6 @@
-import { LyraChart, lockChartType } from './chart.js';
+export * from './polar-area-chart.class.js';
+import { LyraPolarAreaChart } from './polar-area-chart.class.js';
 import { defineElement } from '../../internal/prefix.js';
-/**
- * `<lyra-polar-area-chart>` — `<lyra-chart>` with `type` locked to `"polarArea"`.
- *
- * @customElement lyra-polar-area-chart
- */
-export class LyraPolarAreaChart extends LyraChart {
-}
-lockChartType(LyraPolarAreaChart, 'polarArea');
+import "./chart.js";
 defineElement('polar-area-chart', LyraPolarAreaChart);
+//# sourceMappingURL=polar-area-chart.js.map

package/dist/components/chart/polar-area-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polar-area-chart.js","sourceRoot":"","sources":["../../../src/components/chart/polar-area-chart.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,YAAY,CAAC;AACpB,aAAa,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/components/chart/radar-chart.class.d.ts

@@ -0,0 +1,15 @@
+import { LyraChart } from './chart.class.js';
+/**
+ * `<lyra-radar-chart>` — `<lyra-chart>` with `type` locked to `"radar"`.
+ *
+ * @customElement lyra-radar-chart
+ */
+export declare class LyraRadarChart extends LyraChart {
+    type: 'radar';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-radar-chart': LyraRadarChart;
+    }
+}
+//# sourceMappingURL=radar-chart.class.d.ts.map

package/dist/components/chart/radar-chart.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.class.d.ts","sourceRoot":"","sources":["../../../src/components/chart/radar-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAE5D;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,SAAS;IACnC,IAAI,EAAE,OAAO,CAAC;CACvB;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/chart/radar-chart.class.js

@@ -0,0 +1,10 @@
+import { LyraChart, lockChartType } from './chart.class.js';
+/**
+ * `<lyra-radar-chart>` — `<lyra-chart>` with `type` locked to `"radar"`.
+ *
+ * @customElement lyra-radar-chart
+ */
+export class LyraRadarChart extends LyraChart {
+}
+lockChartType(LyraRadarChart, 'radar');
+//# sourceMappingURL=radar-chart.class.js.map

package/dist/components/chart/radar-chart.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.class.js","sourceRoot":"","sources":["../../../src/components/chart/radar-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,SAAS;CAE5C;AAED,aAAa,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/chart/radar-chart.d.ts

@@ -1,14 +1,3 @@
-import { LyraChart } from './chart.js';
-/**
- * `<lyra-radar-chart>` — `<lyra-chart>` with `type` locked to `"radar"`.
- *
- * @customElement lyra-radar-chart
- */
-export declare class LyraRadarChart extends LyraChart {
-    type: 'radar';
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-radar-chart': LyraRadarChart;
-    }
-}
+export * from './radar-chart.class.js';
+import "./chart.js";
+//# sourceMappingURL=radar-chart.d.ts.map

package/dist/components/chart/radar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/radar-chart.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AAGvC,OAAO,YAAY,CAAC"}

package/dist/components/chart/radar-chart.js

@@ -1,11 +1,6 @@
-import { LyraChart, lockChartType } from './chart.js';
+export * from './radar-chart.class.js';
+import { LyraRadarChart } from './radar-chart.class.js';
 import { defineElement } from '../../internal/prefix.js';
-/**
- * `<lyra-radar-chart>` — `<lyra-chart>` with `type` locked to `"radar"`.
- *
- * @customElement lyra-radar-chart
- */
-export class LyraRadarChart extends LyraChart {
-}
-lockChartType(LyraRadarChart, 'radar');
+import "./chart.js";
 defineElement('radar-chart', LyraRadarChart);
+//# sourceMappingURL=radar-chart.js.map

package/dist/components/chart/radar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.js","sourceRoot":"","sources":["../../../src/components/chart/radar-chart.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,YAAY,CAAC;AACpB,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}

package/dist/components/chart/scatter-chart.class.d.ts

@@ -0,0 +1,16 @@
+import { LyraChart } from './chart.class.js';
+/**
+ * `<lyra-scatter-chart>` — `<lyra-chart>` with `type` locked to `"scatter"`. Feed
+ * points via `Series.points`.
+ *
+ * @customElement lyra-scatter-chart
+ */
+export declare class LyraScatterChart extends LyraChart {
+    type: 'scatter';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-scatter-chart': LyraScatterChart;
+    }
+}
+//# sourceMappingURL=scatter-chart.class.d.ts.map

package/dist/components/chart/scatter-chart.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-chart.class.d.ts","sourceRoot":"","sources":["../../../src/components/chart/scatter-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAE5D;;;;;GAKG;AACH,qBAAa,gBAAiB,SAAQ,SAAS;IACrC,IAAI,EAAE,SAAS,CAAC;CACzB;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/chart/scatter-chart.class.js

@@ -0,0 +1,11 @@
+import { LyraChart, lockChartType } from './chart.class.js';
+/**
+ * `<lyra-scatter-chart>` — `<lyra-chart>` with `type` locked to `"scatter"`. Feed
+ * points via `Series.points`.
+ *
+ * @customElement lyra-scatter-chart
+ */
+export class LyraScatterChart extends LyraChart {
+}
+lockChartType(LyraScatterChart, 'scatter');
+//# sourceMappingURL=scatter-chart.class.js.map

package/dist/components/chart/scatter-chart.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-chart.class.js","sourceRoot":"","sources":["../../../src/components/chart/scatter-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,OAAO,gBAAiB,SAAQ,SAAS;CAE9C;AAED,aAAa,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC"}

package/dist/components/chart/scatter-chart.d.ts

@@ -1,15 +1,3 @@
-import { LyraChart } from './chart.js';
-/**
- * `<lyra-scatter-chart>` — `<lyra-chart>` with `type` locked to `"scatter"`. Feed
- * points via `Series.points`.
- *
- * @customElement lyra-scatter-chart
- */
-export declare class LyraScatterChart extends LyraChart {
-    type: 'scatter';
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-scatter-chart': LyraScatterChart;
-    }
-}
+export * from './scatter-chart.class.js';
+import "./chart.js";
+//# sourceMappingURL=scatter-chart.d.ts.map

package/dist/components/chart/scatter-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/scatter-chart.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AAGzC,OAAO,YAAY,CAAC"}

package/dist/components/chart/scatter-chart.js

@@ -1,12 +1,6 @@
-import { LyraChart, lockChartType } from './chart.js';
+export * from './scatter-chart.class.js';
+import { LyraScatterChart } from './scatter-chart.class.js';
 import { defineElement } from '../../internal/prefix.js';
-/**
- * `<lyra-scatter-chart>` — `<lyra-chart>` with `type` locked to `"scatter"`. Feed
- * points via `Series.points`.
- *
- * @customElement lyra-scatter-chart
- */
-export class LyraScatterChart extends LyraChart {
-}
-lockChartType(LyraScatterChart, 'scatter');
+import "./chart.js";
 defineElement('scatter-chart', LyraScatterChart);
+//# sourceMappingURL=scatter-chart.js.map

package/dist/components/chart/scatter-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-chart.js","sourceRoot":"","sources":["../../../src/components/chart/scatter-chart.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,YAAY,CAAC;AACpB,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/chat-composer/chat-composer.class.d.ts

@@ -0,0 +1,145 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type ChatComposerStatus = 'idle' | 'sending' | 'streaming';
+/**
+ * `<lyra-chat-composer>` — the message input for a chat/agent conversation
+ * surface: an auto-resizing textarea plus a send/stop button. Form-
+ * associated via the `FormAssociated` mixin (see `<lyra-date-input>` for the
+ * same shape), so it participates in native `<form>` submission/validation/
+ * reset like any other text control — `name`/`value`/`disabled`/`required`/
+ * `checkValidity()`/`reportValidity()` all come from that mixin.
+ *
+ * Auto-resize reads the textarea's own *computed* line-height/padding/
+ * border at runtime (`resizeTextarea()`) rather than assuming a fixed
+ * px-per-row constant, so it stays correct under a consumer's own font-size/
+ * line-height overrides. It grows between `min-rows` and `max-rows`, then
+ * switches to internal scrolling. A `ResizeObserver` on the textarea itself
+ * re-runs the same fit whenever its *width* changes (a responsive
+ * breakpoint, a sidebar toggling, a window resize, an orientation change)
+ * even though `value`/`min-rows`/`max-rows` never did -- a narrower box
+ * wraps the same text across more lines, so the previously-fitted height
+ * would otherwise go stale and clip content with no scrollbar to reveal it.
+ *
+ * Enter-to-send (only active while `submit-on-enter` is true, the default):
+ * plain Enter submits and is prevented from inserting a newline; Shift+Enter
+ * always inserts a newline no matter what; an IME composition step (checked
+ * via `isComposing`, with `keyCode === 229` as a defense-in-depth fallback
+ * for browsers that report `isComposing` inconsistently on the
+ * compositionend-adjacent keydown) is never treated as a submit trigger;
+ * and while `status` isn't `"idle"` Enter is left alone to insert a newline
+ * too, rather than trying to submit again -- there is nothing meaningful to
+ * submit while a previous message is still sending/streaming, and the
+ * textarea deliberately stays interactive (see `disabled` below) so a user
+ * can keep composing their next message in the meantime.
+ *
+ * `lyra-submit`'s `detail.value` is always the exact, untrimmed current
+ * value (`detail.value === value` at the moment it fires) -- trimming is
+ * left to the consumer so it never silently diverges from what `value`
+ * itself reports. Submitting does not clear `value`; the consumer clears it
+ * once the submission has actually been accepted (so e.g. a failed send can
+ * leave the text in place for retry).
+ *
+ * @customElement lyra-chat-composer
+ * @slot leading - Content rendered before the textarea (e.g. an attach-file trigger button).
+ * @slot chips - An attachment tray rendered above the input row (e.g. files queued for this message).
+ * @slot trailing - Overrides the built-in send/stop button entirely when it has assigned content.
+ * @event lyra-input - Fired on every user-driven edit of the textarea (not a programmatic `.value` assignment). `detail: { value }`.
+ * @event lyra-submit - Fired by Enter (per `submit-on-enter`) or the built-in button while `status="idle"`. `detail: { value }`.
+ * @event lyra-stop - Fired by the built-in button while `status` is `"sending"` or `"streaming"`. No detail.
+ * @csspart base - The bordered root container.
+ * @csspart chips - The wrapper around the `chips` slot. Hidden entirely when the slot is empty.
+ * @csspart row - The row holding the leading slot, textarea, and trailing slot/button.
+ * @csspart leading - The wrapper around the `leading` slot. Hidden entirely when the slot is empty.
+ * @csspart textarea - The auto-resizing `<textarea>` itself.
+ * @csspart trailing - The wrapper around the `trailing` slot and the built-in `action-button`.
+ * @csspart action-button - The built-in send/stop button. Absent from the accessibility tree's meaningful content whenever `trailing` has assigned content. Style its busy treatment via `:host([status='sending'])`/`:host([status='streaming'])`.
+ */
+export interface LyraChatComposerEventMap {
+    'lyra-input': CustomEvent<{
+        value: string;
+    }>;
+    'lyra-stop': CustomEvent<undefined>;
+    'lyra-submit': CustomEvent<{
+        value: string;
+    }>;
+}
+declare class LyraChatComposerBase extends LyraElement<LyraChatComposerEventMap> {
+}
+declare const LyraChatComposer_base: typeof LyraChatComposerBase & (new (...args: any[]) => import("../../lyra.js").FormAssociatedInterface);
+export declare class LyraChatComposer extends LyraChatComposer_base {
+    static styles: import("lit").CSSResultGroup[];
+    placeholder: string;
+    minRows: number;
+    maxRows: number;
+    status: ChatComposerStatus;
+    submitOnEnter: boolean;
+    private hasLeadingSlot;
+    private hasChipsSlot;
+    private hasTrailingSlot;
+    private touched;
+    private textareaEl?;
+    private textareaResizeObserver?;
+    private textareaResizeRaf?;
+    constructor();
+    protected willUpdate(): void;
+    protected firstUpdated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    formResetCallback(): void;
+    private hasSlotted;
+    /**
+     * Grows/shrinks the textarea between `min-rows` and `max-rows`, reading
+     * the *computed* line-height/padding/border back out of the element at
+     * call time instead of assuming a fixed px-per-row figure -- correct
+     * whatever font-size/line-height a consumer's own CSS ends up applying.
+     * Past `max-rows` the box stops growing and switches to internal
+     * scrolling (`overflow-y: auto`).
+     */
+    private resizeTextarea;
+    /**
+     * Re-fits the textarea whenever its own box *width* changes, independent
+     * of any `value`/`min-rows`/`max-rows` update -- `updated()` above only
+     * reacts to those, so a pure layout change (a responsive breakpoint, a
+     * sidebar collapsing/expanding, a window resize, an orientation change)
+     * would otherwise leave the height pinned at whatever it last was, even
+     * though the same text now wraps across a different number of lines.
+     * Mirrors split.ts's `collapseResizeObserver`/virtual-list.ts's
+     * `containerResizeObserver`/lite-chart.ts's `resizeObserver`.
+     *
+     * Only reacts to an actual inline-size change rather than calling
+     * `resizeTextarea()` unconditionally on every callback: `resizeTextarea()`
+     * itself sets `ta.style.height`, a *block*-size change on the very element
+     * being observed, which would otherwise re-trigger this same observer
+     * every tick. Diffing against the last-seen width (same technique as
+     * split.ts keying its collapse state off `contentBoxSize[0].inlineSize`)
+     * keeps a same-width, height-only callback from doing anything.
+     *
+     * The actual recompute is deferred one animation frame rather than run
+     * synchronously inside the callback: `ResizeObserver`'s spec re-delivers,
+     * within the same notification pass, to any observed element resized by
+     * its own callback -- mutating `ta.style.height` synchronously here would
+     * do exactly that to the very box just observed, and the browser reports
+     * it as "ResizeObserver loop completed with undelivered notifications"
+     * (a real, user-visible console error, not just noise). Deferring the
+     * mutation to the next frame -- outside that notification pass -- avoids
+     * ever resizing the observed element from inside its own callback.
+     */
+    private armTextareaResizeObserver;
+    private onTextareaInput;
+    private onTextareaKeyDown;
+    private onActionClick;
+    private submit;
+    private onLeadingSlotChange;
+    private onChipsSlotChange;
+    private onTrailingSlotChange;
+    private onTextareaBlur;
+    private renderActionButton;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-chat-composer': LyraChatComposer;
+    }
+}
+export {};
+//# sourceMappingURL=chat-composer.class.d.ts.map

package/dist/components/chat-composer/chat-composer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer.class.d.ts","sourceRoot":"","sources":["../../../src/components/chat-composer/chat-composer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3G,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;AA2ClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AACD,cAAM,oBAAqB,SAAQ,WAAW,CAAC,wBAAwB,CAAC;CAAG;;AAE3E,qBAAa,gBAAiB,SAAQ,qBAAoC;IACxE,MAAM,CAAC,MAAM,iCAAgC;IAEjC,WAAW,SAAM;IACsB,OAAO,SAAK;IACZ,OAAO,SAAK;IAClC,MAAM,EAAE,kBAAkB,CAAU;IACS,aAAa,UAAQ;IAEtF,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,OAAO,CAAS;IAEd,OAAO,CAAC,UAAU,CAAC,CAAsB;IAC5D,OAAO,CAAC,sBAAsB,CAAC,CAAiB;IAChD,OAAO,CAAC,iBAAiB,CAAC,CAAS;IAEnC,cAKC;IAED,SAAS,CAAC,UAAU,IAAI,IAAI,CAM3B;IAED,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAIpD;IAED,oBAAoB,IAAI,IAAI,CAK3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAK/C;IAED,iBAAiB,IAAI,IAAI,CAGxB;IAED,OAAO,CAAC,UAAU;IAIlB;;;;;;;OAOG;IACH,OAAO,CAAC,cAAc;IA0BtB;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,OAAO,CAAC,yBAAyB;IAoBjC,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,iBAAiB,CAkBvB;IAEF,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,kBAAkB;IAe1B,MAAM,IAAI,cAAc,CA+BvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}