@redvars/peacock 3.3.1 → 3.3.2

package/dist/src/card/card.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+type CardVariant = 'elevated' | 'filled' | 'outlined';
+type CardElevation = 0 | 1 | 2 | 3 | 4 | 5;
+/**
+ * @label Card
+ * @tag wc-card
+ * @rawTag card
+ * @summary A Material 3 inspired card surface for grouping related content.
+ * @cssprop --card-padding - Inner padding for the card container. Defaults to 1rem.
+ * @cssprop --card-shape - Corner radius for the card container. Defaults to a large radius.
+ * @cssprop --card-gap - Gap between slotted children.
+ *
+ * @example
+ * ```html
+ * <wc-card variant="outlined">
+ *   <h3>Title</h3>
+ *   <p>Supportive text</p>
+ * </wc-card>
+ * ```
+ */
+export declare class Card extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    variant: CardVariant;
+    elevation: CardElevation;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/src/card/index.d.ts

@@ -0,0 +1 @@
+export { Card } from './card.js';

package/dist/src/chart-bar/chart-bar.d.ts

@@ -0,0 +1,53 @@
+import { LitElement, PropertyValues } from 'lit';
+export type ChartBarItem = {
+    name: string;
+    value: number;
+    label?: string;
+    color?: string;
+};
+/**
+ * @label Chart Bar
+ * @tag wc-chart-bar
+ * @rawTag chart-bar
+ * @summary A vertical bar chart that follows Material Design 3 color and spacing tokens.
+ * @tags charts
+ *
+ * @example
+ * ```html
+ * <wc-chart-bar width="520" height="320"></wc-chart-bar>
+ * <script>
+ *   document.querySelector('wc-chart-bar').data = [
+ *     { name: 'apples', label: 'Apples', value: 20 },
+ *     { name: 'bananas', label: 'Bananas', value: 35 },
+ *     { name: 'cherries', label: 'Cherries', value: 15 },
+ *   ];
+ * </script>
+ * ```
+ */
+export declare class ChartBar extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    private svgElement?;
+    /** Width of the chart in pixels. */
+    width: number;
+    /** Height of the chart in pixels. */
+    height: number;
+    /** Margin around the chart drawing area. */
+    margin: number;
+    /** Chart data array. Each item should have name, value, and optional label and color. */
+    data: ChartBarItem[];
+    /** Whether to render value labels above bars. */
+    showValues: boolean;
+    private _initialized;
+    private _debouncedRenderChart;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    private _getPaletteScale;
+    private _resolveColor;
+    private _renderChart;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wc-chart-bar': ChartBar;
+    }
+}

package/dist/src/chart-bar/chart-stacked-bar.d.ts

@@ -0,0 +1,78 @@
+import { LitElement, PropertyValues } from 'lit';
+export type ChartStackedSegment = {
+    name: string;
+    value: number;
+    label?: string;
+    color?: string;
+};
+export type ChartStackedBarItem = {
+    name: string;
+    label?: string;
+    segments: ChartStackedSegment[];
+};
+/**
+ * @label Chart Stacked Bar
+ * @tag wc-chart-stacked-bar
+ * @rawTag chart-stacked-bar
+ * @summary A stacked bar chart that groups series by category using Material Design 3 tokens.
+ * @tags charts
+ *
+ * @example
+ * ```html
+ * <wc-chart-stacked-bar width="560" height="360"></wc-chart-stacked-bar>
+ * <script>
+ *   document.querySelector('wc-chart-stacked-bar').data = [
+ *     {
+ *       name: 'q1',
+ *       label: 'Q1',
+ *       segments: [
+ *         { name: 'mobile', label: 'Mobile', value: 40 },
+ *         { name: 'web', label: 'Web', value: 25 },
+ *         { name: 'store', label: 'Store', value: 15 },
+ *       ],
+ *     },
+ *     {
+ *       name: 'q2',
+ *       label: 'Q2',
+ *       segments: [
+ *         { name: 'mobile', label: 'Mobile', value: 32 },
+ *         { name: 'web', label: 'Web', value: 30 },
+ *         { name: 'store', label: 'Store', value: 18 },
+ *       ],
+ *     },
+ *   ];
+ * </script>
+ * ```
+ */
+export declare class ChartStackedBar extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    private svgElement?;
+    /** Width of the chart in pixels. */
+    width: number;
+    /** Height of the chart in pixels. */
+    height: number;
+    /** Margin around the chart drawing area. */
+    margin: number;
+    /** Chart data array. Each item holds the stacked segments for a category. */
+    data: ChartStackedBarItem[];
+    /** Whether to render total value labels above each stack. */
+    showValues: boolean;
+    /** Whether to render the legend. */
+    showLegend: boolean;
+    private _initialized;
+    private _debouncedRenderChart;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    private _getSegmentKeys;
+    private _getColorScale;
+    private _getColorMap;
+    private _getSegmentLabel;
+    private _getTotals;
+    private _renderChart;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wc-chart-stacked-bar': ChartStackedBar;
+    }
+}

package/dist/src/chart-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartBar } from './chart-bar.js';
+export { ChartStackedBar } from './chart-stacked-bar.js';

package/dist/src/index.d.ts

@@ -21,6 +21,7 @@ export { DatePicker } from './date-picker/index.js';
 export { TimePicker } from './time-picker/index.js';
 export { Textarea } from './textarea/index.js';
 export { Switch } from './switch/index.js';
+export { Checkbox } from './checkbox/index.js';
 export { Spinner } from './spinner/index.js';
 export { Container } from './container/index.js';
 export { NumberCounter } from './number-counter/index.js';
@@ -33,8 +34,12 @@ export { CodeEditor } from './code-editor/index.js';
 export { Image } from './image/index.js';
 export { Tab, TabGroup, TabPanel, Tabs } from './tabs/index.js';
 export { Slider } from './slider/index.js';
+export { ChartDonut } from './chart-donut/index.js';
 export { ChartDoughnut } from './chart-doughnut/index.js';
 export { ChartPie } from './chart-pie/index.js';
+export { ChartBar, ChartStackedBar } from './chart-bar/index.js';
 export { Table } from './table/index.js';
 export { Pagination } from './pagination/index.js';
 export { TreeView, TreeNode } from './tree-view/index.js';
+export { Card } from './card/index.js';
+export { Snackbar } from './snackbar/index.js';

package/dist/src/menu/menu-item/menu-item.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
  * @label Menu Item
  * @tag wc-menu-item
  * @rawTag menu-item
- * @parentRawTag menu-list
+ * @parentRawTag menu
  * @summary An item in a menu list.
  * @tags navigation
  *

package/dist/src/snackbar/index.d.ts

@@ -0,0 +1 @@
+export { Snackbar } from './snackbar.js';

package/dist/src/snackbar/snackbar.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+/**
+ * @label Snackbar
+ * @tag wc-snackbar
+ * @rawTag snackbar
+ * @summary Snackbars provide brief messages about app processes at the bottom of the screen.
+ *
+ * @cssprop --snackbar-container-color - Container color for the snackbar.
+ * @cssprop --snackbar-label-text-color - Label text color for the snackbar.
+ * @cssprop --snackbar-action-text-color - Action text color.
+ * @cssprop --snackbar-close-icon-color - Close icon color.
+ * @cssprop --snackbar-border-radius - Border radius of the snackbar surface.
+ *
+ * @example
+ * ```html
+ * <wc-snackbar open message="Message archived" action-label="Undo"></wc-snackbar>
+ * ```
+ * @tags display, feedback
+ */
+export declare class Snackbar extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    open: boolean;
+    message: string;
+    actionLabel: string;
+    showCloseIcon: boolean;
+    duration: number;
+    multiline: boolean;
+    private hideTimer;
+    show(): void;
+    hide(): void;
+    private close;
+    private dispatchActionEvent;
+    private handleActionClick;
+    private handleCloseClick;
+    private clearTimer;
+    private scheduleAutoHide;
+    protected updated(changedProperties: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/tabs/tab-group.d.ts

@@ -30,12 +30,12 @@ export declare class TabGroup extends LitElement {
     static Tabs: typeof Tabs;
     static TabPanel: typeof TabPanel;
     variant: 'line' | 'line-secondary' | 'contained' | 'pill';
-    private uid;
     connectedCallback(): void;
     disconnectedCallback(): void;
     firstUpdated(): void;
     private onTabClick;
     selectTab(target: string): void;
+    selectTabByIndex(index: number): void;
     private getTabs;
     private getTabPanels;
     private getTabList;

package/dist/src/tabs/tab-panel.d.ts

@@ -18,5 +18,6 @@ import { LitElement } from 'lit';
 export declare class TabPanel extends LitElement {
     static styles: import("lit").CSSResultGroup[];
     value?: string;
+    active: boolean;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/tabs/tab.d.ts

@@ -21,7 +21,6 @@ export declare class Tab extends LitElement {
     active: boolean;
     disabled: boolean;
     disabledReason: string;
-    icon?: string;
     label?: string;
     value?: string;
     configAria?: {
@@ -38,6 +37,8 @@ export declare class Tab extends LitElement {
     throttleDelay: number;
     hasFocus: boolean;
     slotHasContent: boolean;
+    slotHasIcon: boolean;
+    slotHasBadge: boolean;
     /**
       * States
       */

package/dist/{style-map-CfNHEkQp.js → style-map-DcB52w-l.js}

@@ -1,4 +1,4 @@
-import { E } from './IndividualComponent-tDnXrOLV.js';
+import { E } from './IndividualComponent-Dt5xirYG.js';
 import { e, i as i$1, t } from './directive-Cuw6h7YA.js';
 
 /**
@@ -8,4 +8,4 @@ import { e, i as i$1, t } from './directive-Cuw6h7YA.js';
  */const n="important",i=" !"+n,o=e(class extends i$1{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"style"!==t$1.name||t$1.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(e,[r]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const t of this.ft)null==r[t]&&(this.ft.delete(t),t.includes("-")?s.removeProperty(t):s[t]=null);for(const t in r){const e=r[t];if(null!=e){this.ft.add(t);const r="string"==typeof e&&e.endsWith(i);t.includes("-")||r?s.setProperty(t,r?e.slice(0,-11):e,r?n:""):s[t]=e;}}return E}});
 
 export { o };
-//# sourceMappingURL=style-map-CfNHEkQp.js.map
+//# sourceMappingURL=style-map-DcB52w-l.js.map

package/dist/{style-map-CfNHEkQp.js.map → style-map-DcB52w-l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"style-map-CfNHEkQp.js","sources":["../node_modules/lit-html/directives/style-map.js"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as e,Directive as r,PartType as s}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const n=\"important\",i=\" !\"+n,o=e(class extends r{constructor(t){if(super(t),t.type!==s.ATTRIBUTE||\"style\"!==t.name||t.strings?.length>2)throw Error(\"The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.\")}render(t){return Object.keys(t).reduce((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes(\"-\")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,\"-$&\").toLowerCase()}:${s};`},\"\")}update(e,[r]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const t of this.ft)null==r[t]&&(this.ft.delete(t),t.includes(\"-\")?s.removeProperty(t):s[t]=null);for(const t in r){const e=r[t];if(null!=e){this.ft.add(t);const r=\"string\"==typeof e&&e.endsWith(i);t.includes(\"-\")||r?s.setProperty(t,r?e.slice(0,-11):e,r?n:\"\"):s[t]=e}}return t}});export{o as styleMap};\n//# sourceMappingURL=style-map.js.map\n"],"names":["r","t","s"],"mappings":";;;AACA;AACA;AACA;AACA;AACA,GAAQ,MAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAcA,GAAC,CAAC,WAAW,CAACC,GAAC,CAAC,CAAC,GAAG,KAAK,CAACA,GAAC,CAAC,CAACA,GAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,SAAS,EAAE,OAAO,GAAGD,GAAC,CAAC,IAAI,EAAEA,GAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,4GAA4G,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,mCAAmC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,OAAOA,CAAC,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"style-map-DcB52w-l.js","sources":["../node_modules/lit-html/directives/style-map.js"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as e,Directive as r,PartType as s}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const n=\"important\",i=\" !\"+n,o=e(class extends r{constructor(t){if(super(t),t.type!==s.ATTRIBUTE||\"style\"!==t.name||t.strings?.length>2)throw Error(\"The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.\")}render(t){return Object.keys(t).reduce((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes(\"-\")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,\"-$&\").toLowerCase()}:${s};`},\"\")}update(e,[r]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const t of this.ft)null==r[t]&&(this.ft.delete(t),t.includes(\"-\")?s.removeProperty(t):s[t]=null);for(const t in r){const e=r[t];if(null!=e){this.ft.add(t);const r=\"string\"==typeof e&&e.endsWith(i);t.includes(\"-\")||r?s.setProperty(t,r?e.slice(0,-11):e,r?n:\"\"):s[t]=e}}return t}});export{o as styleMap};\n//# sourceMappingURL=style-map.js.map\n"],"names":["r","t","s"],"mappings":";;;AACA;AACA;AACA;AACA;AACA,GAAQ,MAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAcA,GAAC,CAAC,WAAW,CAACC,GAAC,CAAC,CAAC,GAAG,KAAK,CAACA,GAAC,CAAC,CAACA,GAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,SAAS,EAAE,OAAO,GAAGD,GAAC,CAAC,IAAI,EAAEA,GAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,4GAA4G,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,mCAAmC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,OAAOA,CAAC,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/test/card.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/chart-bar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/snackbar.test.d.ts

@@ -0,0 +1 @@
+export {};