@redvars/peacock 3.3.3 → 3.4.0

package/dist/src/select/option.d.ts

@@ -0,0 +1,55 @@
+import { LitElement } from 'lit';
+import type { MenuItem } from '../menu/menu-item/menu-item.js';
+/**
+ * @label Select Option
+ * @tag wc-option
+ * @rawTag option
+ * @parentRawTag select
+ *
+ * @summary A declarative option element for use inside wc-select.
+ *
+ * @example
+ * ```html
+ * <wc-select label="Fruit">
+ *   <wc-option value="apple">Apple</wc-option>
+ *   <wc-option value="banana">Banana</wc-option>
+ * </wc-select>
+ * ```
+ */
+export declare class SelectOptionElement extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The option's submitted value.
+     */
+    value: string;
+    /**
+     * Optional Material Symbol icon name shown before the label.
+     */
+    icon: string;
+    /**
+     * Disables the option so it cannot be selected.
+     */
+    disabled: boolean;
+    /** Reflects whether this option is currently selected. Set by wc-select. */
+    selected: boolean;
+    /**
+     * When true the menu stays open after selection (used for multi-select).
+     * Set by wc-select.
+     */
+    keepOpen: boolean;
+    /**
+     * When true the option is hidden and excluded from keyboard navigation
+     * because it does not match the current typeahead search query.
+     * Set by wc-select.
+     */
+    filtered: boolean;
+    private readonly _menuItemEl?;
+    /**
+     * Returns the inner `wc-menu-item` element.
+     * `wc-menu` discovers this via its `items` getter which checks `el.item`
+     * as a `MenuItem` proxy, so keyboard navigation and activation work
+     * without `wc-option` extending `MenuItem` directly.
+     */
+    get item(): MenuItem | null;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/select/select.d.ts

@@ -0,0 +1,116 @@
+import BaseInput from '../input/BaseInput.js';
+export interface SelectOption {
+    label: string;
+    value: string;
+    icon?: string;
+}
+/**
+ * @label Select
+ * @tag wc-select
+ * @rawTag select
+ *
+ * @summary A dropdown select component supporting single and multi-select with optional typeahead search.
+ * @overview
+ * Select builds on wc-field and wc-menu to provide a fully-featured dropdown picker.
+ *
+ * - Single and multi-select modes
+ * - Client-side typeahead with `search="contains"`
+ * - Server-side typeahead with `search="managed"`
+ * - Multi-select chips display
+ *
+ * @example
+ * ```html
+ * <wc-select label="Fruit" placeholder="Pick a fruit...">
+ *   <wc-option value="apple">Apple</wc-option>
+ *   <wc-option value="banana">Banana</wc-option>
+ * </wc-select>
+ * ```
+ * @tags form
+ */
+export declare class Select extends BaseInput {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Array of options to display in the dropdown.
+     * Setting this property creates matching `<wc-option>` children automatically.
+     */
+    options: SelectOption[];
+    /**
+     * The selected value. For multi-select, a comma-separated list of values.
+     */
+    value: string;
+    /**
+     * Enable multi-select mode.
+     */
+    multiple: boolean;
+    /**
+     * Enable typeahead search.
+     * - `'contains'`: filters options client-side.
+     * - `'managed'`: emits a `select-search` event for server-controlled filtering.
+     */
+    search: '' | 'contains' | 'managed';
+    /**
+     * Placeholder text shown when no value is selected.
+     */
+    placeholder: string;
+    /**
+     * Label displayed above the field.
+     */
+    label: string;
+    /**
+      * Show a clear button in single-select mode when a value is selected.
+     */
+    clearable: boolean;
+    /**
+     * Visual variant of the field.
+     */
+    variant: 'filled' | 'outlined' | 'default';
+    /**
+     * Helper text displayed below the field.
+     */
+    helperText: string;
+    error: boolean;
+    errorText: string;
+    warning: boolean;
+    warningText: string;
+    private _open;
+    private _focused;
+    private _searchQuery;
+    /** True when all options are filtered out by the current search query. */
+    private _noOptionsVisible;
+    private _triggerEl?;
+    private get _menu();
+    private _searchInputEl?;
+    focus(): void;
+    blur(): void;
+    protected updated(changedProperties: Map<string, unknown>): void;
+    /**
+     * Reconciles the `options` property with auto-generated `<wc-option>` light-DOM
+     * children (marked `data-generated`).  Declarative children placed by the
+     * consumer are left untouched.
+     */
+    private _syncProgrammaticOptions;
+    /**
+     * Pushes `selected`, `keepOpen`, and `filtered` state onto every `<wc-option>`
+     * child element so each one can render itself correctly.
+     */
+    private _syncOptionStates;
+    private get _selectedValues();
+    private _isSelected;
+    /** Returns the display label for a given option value. */
+    private _getLabelForValue;
+    private get _displayLabel();
+    private get _isPopulated();
+    private _openMenu;
+    private _closeMenu;
+    private _handleTriggerClick;
+    private _handleTriggerKeyDown;
+    private _handleMenuClosed;
+    private _handleMenuItemActivate;
+    private _dispatchChange;
+    private _handleSearchInput;
+    private _handleClear;
+    private _handleChipDismiss;
+    private _renderTriggerContent;
+    private _renderFieldEnd;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/side-sheet/index.d.ts

@@ -0,0 +1 @@
+export { SideSheet } from './side-sheet.js';

package/dist/src/side-sheet/side-sheet.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+/**
+ * @label Side Sheet
+ * @tag wc-side-sheet
+ * @rawTag side-sheet
+ * @summary Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants per Material Design 3.
+ *
+ * @cssprop --side-sheet-container-color - Background color of the sheet container.
+ * @cssprop --side-sheet-scrim-color - Color of the modal scrim overlay.
+ * @cssprop --side-sheet-shape - Corner radius of the leading edge.
+ * @cssprop --side-sheet-width - Width of the side sheet.
+ *
+ * @example
+ * ```html
+ * Side Sheet
+
+ * ```
+ * @tags navigation, overlay
+ */
+export declare class SideSheet extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** Whether the sheet is visible. */
+    open: boolean;
+    /**
+     * Sheet variant.
+     * - `"standard"`: Coexists with page content; no scrim.
+     * - `"modal"`: Overlays page content with a scrim backdrop.
+     */
+    variant: 'standard' | 'modal';
+    /**
+     * Side from which the sheet slides in.
+     * - `"left"`: Sheet opens from the left edge.
+     * - `"right"`: Sheet opens from the right edge.
+     */
+    position: 'left' | 'right';
+    show(): void;
+    hide(): void;
+    private _close;
+    private _handleScrimClick;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -29,7 +29,6 @@ export declare class TabGroup extends LitElement {
     static styles: import("lit").CSSResultGroup[];
     static Tabs: typeof Tabs;
     static TabPanel: typeof TabPanel;
-    variant: 'line' | 'line-secondary' | 'contained' | 'pill';
     connectedCallback(): void;
     disconnectedCallback(): void;
     firstUpdated(): void;

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

@@ -1,4 +1,5 @@
 import { LitElement, nothing } from 'lit';
+import type { Tabs } from './tabs.js';
 /**
  * @label Tab
  * @tag wc-tab
@@ -21,7 +22,6 @@ export declare class Tab extends LitElement {
     active: boolean;
     disabled: boolean;
     disabledReason: string;
-    label?: string;
     value?: string;
     configAria?: {
         [key: string]: any;
@@ -53,8 +53,14 @@ export declare class Tab extends LitElement {
     __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
     __handlePress: (event: KeyboardEvent | MouseEvent) => void;
     __isLink(): boolean;
+    __getParentTabsVariant(): Tabs['variant'];
     render(): import("lit-html").TemplateResult<1>;
-    renderTabContent(): import("lit-html").TemplateResult<1>;
+    renderTabContent(variant: Tabs['variant']): import("lit-html").TemplateResult<1>;
+    renderPrimaryTabContent(): import("lit-html").TemplateResult<1>;
+    renderSecondaryTabContent(): import("lit-html").TemplateResult<1>;
+    renderContainedTabContent(): import("lit-html").TemplateResult<1>;
+    renderFilledTabContent(): import("lit-html").TemplateResult<1>;
+    renderSegmentedTabContent(): import("lit-html").TemplateResult<1>;
     __getDisabledReasonID(): string | typeof nothing;
     __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
 }

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

@@ -12,7 +12,7 @@ import { Tab } from './tab.js';
  * @example
  * ```html
  * <wc-tabs>
- *   <wc-tab>Tab 1</wc-tab>
+ *   <wc-tab active>Tab 1</wc-tab>
  *   <wc-tab>Tab 2</wc-tab>
  * </wc-tabs>
  * ```
@@ -21,9 +21,21 @@ import { Tab } from './tab.js';
 export declare class Tabs extends LitElement {
     static styles: import("lit").CSSResultGroup[];
     static Tab: typeof Tab;
+    variant: 'primary' | 'secondary' | 'contained' | 'filled';
     managed: boolean;
+    private __mutationObserver?;
+    private __lastActiveTab?;
     connectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
     disconnectedCallback(): void;
+    private __getTabs;
+    private __getActiveTab;
+    private static __getTabIndicator;
+    private static __getTabBackground;
+    private __getAnimationElements;
+    private __animateIndicatorTransition;
+    private __syncIndicatorsFromActiveState;
     private __handleTabClick;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/state-DwbEjqVk.js

@@ -0,0 +1,10 @@
+import { n } from './property-1psGvXOq.js';
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function r(r){return n({...r,state:true,attribute:false})}
+
+export { r };
+//# sourceMappingURL=state-DwbEjqVk.js.map

package/dist/state-DwbEjqVk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-DwbEjqVk.js","sources":["../node_modules/@lit/reactive-element/decorators/state.js"],"sourcesContent":["import{property as t}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function r(r){return t({...r,state:!0,attribute:!1})}export{r as state};\n//# sourceMappingURL=state.js.map\n"],"names":["t"],"mappings":";;AACA;AACA;AACA;AACA;AACA,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAOA,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAE,CAAC,SAAS,CAAC,KAAE,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

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

@@ -1,4 +1,4 @@
-import { E } from './IndividualComponent-Dt5xirYG.js';
+import { E } from './IndividualComponent-DUINtMGK.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-DcB52w-l.js.map
+//# sourceMappingURL=style-map-CRFEoCEg.js.map

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

@@ -1 +1 @@
-{"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]}
+{"version":3,"file":"style-map-CRFEoCEg.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]}