@redvars/peacock 3.3.2 → 3.4.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.
- package/dist/IndividualComponent-DUINtMGK.js +67 -0
- package/dist/IndividualComponent-DUINtMGK.js.map +1 -0
- package/dist/assets/images/empty-state/no-document.svg +11 -12
- package/dist/assets/images/empty-state/page.svg +15 -9
- package/dist/bottom-sheet.js +238 -0
- package/dist/bottom-sheet.js.map +1 -0
- package/dist/{button-ClzS8JLq.js → button-COYCtuA8.js} +306 -149
- package/dist/button-COYCtuA8.js.map +1 -0
- package/dist/button-group-DsXquZQn.js +440 -0
- package/dist/button-group-DsXquZQn.js.map +1 -0
- package/dist/button-group.js +6 -4
- package/dist/button-group.js.map +1 -1
- package/dist/button.js +5 -3
- package/dist/button.js.map +1 -1
- package/dist/card-content.js +29 -0
- package/dist/card-content.js.map +1 -0
- package/dist/card.js +418 -44
- package/dist/card.js.map +1 -1
- package/dist/{chart-bar-DbnXQgvS.js → chart-bar-cn6rrna-.js} +2 -2
- package/dist/{chart-bar-DbnXQgvS.js.map → chart-bar-cn6rrna-.js.map} +1 -1
- package/dist/chart-bar.js +4 -3
- package/dist/chart-bar.js.map +1 -1
- package/dist/chart-doughnut.js +2 -1
- package/dist/chart-doughnut.js.map +1 -1
- package/dist/chart-pie.js +2 -1
- package/dist/chart-pie.js.map +1 -1
- package/dist/chart-stacked-bar.js +4 -3
- package/dist/chart-stacked-bar.js.map +1 -1
- package/dist/{class-map-59YGWLnx.js → class-map-3TAnCMAX.js} +3 -9
- package/dist/class-map-3TAnCMAX.js.map +1 -0
- package/dist/clock.js +2 -1
- package/dist/clock.js.map +1 -1
- package/dist/code-editor.js +6 -4
- package/dist/code-editor.js.map +1 -1
- package/dist/code-highlighter.js +5 -3
- package/dist/code-highlighter.js.map +1 -1
- package/dist/custom-elements-jsdocs.json +2458 -2753
- package/dist/custom-elements.json +3185 -777
- package/dist/dispatch-event-utils-B4odODQf.js.map +1 -1
- package/dist/index.js +14 -10
- package/dist/index.js.map +1 -1
- package/dist/number-counter.js +3 -2
- package/dist/number-counter.js.map +1 -1
- package/dist/{observe-theme-change-pALI5fmV.js → observe-theme-change-DKAIv5BB.js} +3 -2
- package/dist/observe-theme-change-DKAIv5BB.js.map +1 -0
- package/dist/peacock-loader.js +37 -8
- package/dist/peacock-loader.js.map +1 -1
- package/dist/property-1psGvXOq.js +10 -0
- package/dist/property-1psGvXOq.js.map +1 -0
- package/dist/{snackbar-74YCdMPL.js → select-C3XAzenC.js} +2158 -191
- package/dist/select-C3XAzenC.js.map +1 -0
- package/dist/side-sheet.js +186 -0
- package/dist/side-sheet.js.map +1 -0
- package/dist/src/bottom-sheet/bottom-sheet.d.ts +42 -0
- package/dist/src/bottom-sheet/index.d.ts +1 -0
- package/dist/src/button/BaseButton.d.ts +4 -3
- package/dist/src/button/button/button.d.ts +4 -0
- package/dist/src/button/button-group/button-group.d.ts +32 -3
- package/dist/src/button/icon-button/icon-button.d.ts +4 -0
- package/dist/src/card/card-content.d.ts +15 -0
- package/dist/src/card/card.d.ts +37 -3
- package/dist/src/card/index.d.ts +1 -0
- package/dist/src/container/container.d.ts +1 -1
- package/dist/src/empty-state/empty-state.d.ts +1 -1
- package/dist/src/focus-ring/focus-ring.d.ts +4 -1
- package/dist/src/index.d.ts +7 -1
- package/dist/src/menu/menu/menu.d.ts +1 -0
- package/dist/src/menu/menu-item/menu-item.d.ts +0 -1
- package/dist/src/radio/index.d.ts +1 -0
- package/dist/src/radio/radio.d.ts +73 -0
- package/dist/src/ripple/ripple.d.ts +19 -3
- package/dist/src/segmented-button/index.d.ts +2 -0
- package/dist/src/segmented-button/segmented-button-group.d.ts +46 -0
- package/dist/src/segmented-button/segmented-button.d.ts +65 -0
- package/dist/src/select/index.d.ts +3 -0
- package/dist/src/select/option.d.ts +55 -0
- package/dist/src/select/select.d.ts +116 -0
- package/dist/src/side-sheet/index.d.ts +1 -0
- package/dist/src/side-sheet/side-sheet.d.ts +41 -0
- package/dist/src/tabs/tab-group.d.ts +0 -1
- package/dist/src/tabs/tab.d.ts +8 -2
- package/dist/src/tabs/tabs.d.ts +13 -1
- package/dist/state-DwbEjqVk.js +10 -0
- package/dist/state-DwbEjqVk.js.map +1 -0
- package/dist/{style-map-DcB52w-l.js → style-map-CRFEoCEg.js} +2 -2
- package/dist/{style-map-DcB52w-l.js.map → style-map-CRFEoCEg.js.map} +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/{unsafe-html-C2r3PyzF.js → unsafe-html-D3GHRaGQ.js} +2 -2
- package/dist/{unsafe-html-C2r3PyzF.js.map → unsafe-html-D3GHRaGQ.js.map} +1 -1
- package/package.json +1 -1
- package/readme.md +2 -2
- package/src/bottom-sheet/bottom-sheet.scss +88 -0
- package/src/bottom-sheet/bottom-sheet.ts +135 -0
- package/src/bottom-sheet/index.ts +1 -0
- package/src/button/BaseButton.ts +16 -7
- package/src/button/button/button-colors.scss +76 -5
- package/src/button/button/button-sizes.scss +39 -19
- package/src/button/button/button.scss +117 -116
- package/src/button/button/button.ts +23 -1
- package/src/button/button-group/button-group.scss +25 -22
- package/src/button/button-group/button-group.ts +121 -4
- package/src/button/icon-button/icon-button-sizes.scss +35 -15
- package/src/button/icon-button/icon-button.ts +21 -1
- package/src/card/card-colors.scss +10 -0
- package/src/card/card-content.ts +26 -0
- package/src/card/card.scss +221 -41
- package/src/card/card.ts +240 -7
- package/src/card/index.ts +1 -0
- package/src/code-editor/code-editor.ts +1 -1
- package/src/container/container.ts +1 -1
- package/src/empty-state/empty-state.scss +8 -0
- package/src/empty-state/empty-state.ts +2 -2
- package/src/focus-ring/focus-ring.ts +37 -19
- package/src/index.ts +8 -1
- package/src/menu/menu/menu.scss +24 -3
- package/src/menu/menu/menu.ts +23 -2
- package/src/menu/menu-item/menu-item.scss +1 -0
- package/src/menu/menu-item/menu-item.ts +1 -9
- package/src/peacock-loader.ts +32 -0
- package/src/radio/index.ts +1 -0
- package/src/radio/radio.scss +181 -0
- package/src/radio/radio.ts +362 -0
- package/src/ripple/ripple.ts +19 -3
- package/src/segmented-button/index.ts +2 -0
- package/src/segmented-button/segmented-button-group.scss +21 -0
- package/src/segmented-button/segmented-button-group.ts +110 -0
- package/src/segmented-button/segmented-button.scss +115 -0
- package/src/segmented-button/segmented-button.ts +175 -0
- package/src/select/index.ts +3 -0
- package/src/select/option.ts +109 -0
- package/src/select/select.scss +120 -0
- package/src/select/select.ts +486 -0
- package/src/side-sheet/index.ts +1 -0
- package/src/side-sheet/side-sheet.scss +79 -0
- package/src/side-sheet/side-sheet.ts +100 -0
- package/src/slider/slider.scss +0 -1
- package/src/tabs/demo/index.html +90 -0
- package/src/tabs/tab-group.ts +0 -3
- package/src/tabs/tab.scss +237 -25
- package/src/tabs/tab.ts +86 -12
- package/src/tabs/tabs.scss +37 -3
- package/src/tabs/tabs.ts +118 -2
- package/src/utils/dispatch-event-utils.ts +1 -0
- package/dist/IndividualComponent-Dt5xirYG.js +0 -73
- package/dist/IndividualComponent-Dt5xirYG.js.map +0 -1
- package/dist/button-ClzS8JLq.js.map +0 -1
- package/dist/button-group-BMS5WvaF.js +0 -292
- package/dist/button-group-BMS5WvaF.js.map +0 -1
- package/dist/chart-donut.js +0 -309
- package/dist/chart-donut.js.map +0 -1
- package/dist/class-map-59YGWLnx.js.map +0 -1
- package/dist/observe-theme-change-pALI5fmV.js.map +0 -1
- package/dist/snackbar-74YCdMPL.js.map +0 -1
- package/dist/src/chart-donut/chart-donut.d.ts +0 -53
- package/dist/src/chart-donut/index.d.ts +0 -1
- package/dist/test/card.test.d.ts +0 -1
- package/src/chart-donut/chart-donut.scss +0 -37
- package/src/chart-donut/chart-donut.ts +0 -287
- package/src/chart-donut/demo/index.html +0 -51
- package/src/chart-donut/index.ts +0 -1
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* @label Segmented Button
|
|
4
|
+
* @tag wc-segmented-button
|
|
5
|
+
* @rawTag segmented-button
|
|
6
|
+
* @summary An individual segment within a segmented button group.
|
|
7
|
+
* @parentRawTag segmented-button-group
|
|
8
|
+
* @overview
|
|
9
|
+
* <p>Segmented buttons help people select options, switch views, or sort elements. They are used within a <code>wc-segmented-button-group</code>.</p>
|
|
10
|
+
*
|
|
11
|
+
* @cssprop --segmented-button-height: Height of the segmented button.
|
|
12
|
+
* @cssprop --segmented-button-selected-container-color: Background color when the segment is selected.
|
|
13
|
+
* @cssprop --segmented-button-selected-label-text-color: Text color when the segment is selected.
|
|
14
|
+
* @cssprop --segmented-button-unselected-label-text-color: Text color when the segment is unselected.
|
|
15
|
+
* @cssprop --segmented-button-outline-color: Outline / border color.
|
|
16
|
+
* @cssprop --segmented-button-disabled-opacity: Opacity when the segment is disabled.
|
|
17
|
+
*
|
|
18
|
+
* @fires {CustomEvent} segmented-button--change - Dispatched when the selected state changes.
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```html
|
|
22
|
+
* <wc-segmented-button-group>
|
|
23
|
+
* <wc-segmented-button value="day">Day</wc-segmented-button>
|
|
24
|
+
* <wc-segmented-button value="week" selected>Week</wc-segmented-button>
|
|
25
|
+
* <wc-segmented-button value="month">Month</wc-segmented-button>
|
|
26
|
+
* </wc-segmented-button-group>
|
|
27
|
+
* ```
|
|
28
|
+
*
|
|
29
|
+
* @tags controls
|
|
30
|
+
*/
|
|
31
|
+
export declare class SegmentedButton extends LitElement {
|
|
32
|
+
static styles: import("lit").CSSResultGroup[];
|
|
33
|
+
/**
|
|
34
|
+
* The value associated with this segment.
|
|
35
|
+
*/
|
|
36
|
+
value: string;
|
|
37
|
+
/**
|
|
38
|
+
* Whether this segment is currently selected.
|
|
39
|
+
*/
|
|
40
|
+
selected: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* If true, the user cannot interact with this segment.
|
|
43
|
+
*/
|
|
44
|
+
disabled: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Optional icon name to display (uses wc-icon).
|
|
47
|
+
*/
|
|
48
|
+
icon?: string;
|
|
49
|
+
private hasFocus;
|
|
50
|
+
private isActive;
|
|
51
|
+
connectedCallback(): void;
|
|
52
|
+
disconnectedCallback(): void;
|
|
53
|
+
private _windowMouseUp;
|
|
54
|
+
private _mouseDownHandler;
|
|
55
|
+
private _keyDownHandler;
|
|
56
|
+
private _clickHandler;
|
|
57
|
+
private _toggle;
|
|
58
|
+
private _blurHandler;
|
|
59
|
+
private _focusHandler;
|
|
60
|
+
/** Sets focus on the segment. */
|
|
61
|
+
focus(): void;
|
|
62
|
+
/** Removes focus from the segment. */
|
|
63
|
+
blur(): void;
|
|
64
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
65
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import type { MenuItem } from '../menu/menu-item/menu-item.js';
|
|
3
|
+
/**
|
|
4
|
+
* @label Select Option
|
|
5
|
+
* @tag wc-option
|
|
6
|
+
* @rawTag option
|
|
7
|
+
* @parentRawTag select
|
|
8
|
+
*
|
|
9
|
+
* @summary A declarative option element for use inside wc-select.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```html
|
|
13
|
+
* <wc-select label="Fruit">
|
|
14
|
+
* <wc-option value="apple">Apple</wc-option>
|
|
15
|
+
* <wc-option value="banana">Banana</wc-option>
|
|
16
|
+
* </wc-select>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export declare class SelectOptionElement extends LitElement {
|
|
20
|
+
static styles: import("lit").CSSResult[];
|
|
21
|
+
/**
|
|
22
|
+
* The option's submitted value.
|
|
23
|
+
*/
|
|
24
|
+
value: string;
|
|
25
|
+
/**
|
|
26
|
+
* Optional Material Symbol icon name shown before the label.
|
|
27
|
+
*/
|
|
28
|
+
icon: string;
|
|
29
|
+
/**
|
|
30
|
+
* Disables the option so it cannot be selected.
|
|
31
|
+
*/
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
/** Reflects whether this option is currently selected. Set by wc-select. */
|
|
34
|
+
selected: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* When true the menu stays open after selection (used for multi-select).
|
|
37
|
+
* Set by wc-select.
|
|
38
|
+
*/
|
|
39
|
+
keepOpen: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* When true the option is hidden and excluded from keyboard navigation
|
|
42
|
+
* because it does not match the current typeahead search query.
|
|
43
|
+
* Set by wc-select.
|
|
44
|
+
*/
|
|
45
|
+
filtered: boolean;
|
|
46
|
+
private readonly _menuItemEl?;
|
|
47
|
+
/**
|
|
48
|
+
* Returns the inner `wc-menu-item` element.
|
|
49
|
+
* `wc-menu` discovers this via its `items` getter which checks `el.item`
|
|
50
|
+
* as a `MenuItem` proxy, so keyboard navigation and activation work
|
|
51
|
+
* without `wc-option` extending `MenuItem` directly.
|
|
52
|
+
*/
|
|
53
|
+
get item(): MenuItem | null;
|
|
54
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
55
|
+
}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import BaseInput from '../input/BaseInput.js';
|
|
2
|
+
export interface SelectOption {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* @label Select
|
|
9
|
+
* @tag wc-select
|
|
10
|
+
* @rawTag select
|
|
11
|
+
*
|
|
12
|
+
* @summary A dropdown select component supporting single and multi-select with optional typeahead search.
|
|
13
|
+
* @overview
|
|
14
|
+
* Select builds on wc-field and wc-menu to provide a fully-featured dropdown picker.
|
|
15
|
+
*
|
|
16
|
+
* - Single and multi-select modes
|
|
17
|
+
* - Client-side typeahead with `search="contains"`
|
|
18
|
+
* - Server-side typeahead with `search="managed"`
|
|
19
|
+
* - Multi-select chips display
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```html
|
|
23
|
+
* <wc-select label="Fruit" placeholder="Pick a fruit...">
|
|
24
|
+
* <wc-option value="apple">Apple</wc-option>
|
|
25
|
+
* <wc-option value="banana">Banana</wc-option>
|
|
26
|
+
* </wc-select>
|
|
27
|
+
* ```
|
|
28
|
+
* @tags form
|
|
29
|
+
*/
|
|
30
|
+
export declare class Select extends BaseInput {
|
|
31
|
+
static styles: import("lit").CSSResultGroup[];
|
|
32
|
+
/**
|
|
33
|
+
* Array of options to display in the dropdown.
|
|
34
|
+
* Setting this property creates matching `<wc-option>` children automatically.
|
|
35
|
+
*/
|
|
36
|
+
options: SelectOption[];
|
|
37
|
+
/**
|
|
38
|
+
* The selected value. For multi-select, a comma-separated list of values.
|
|
39
|
+
*/
|
|
40
|
+
value: string;
|
|
41
|
+
/**
|
|
42
|
+
* Enable multi-select mode.
|
|
43
|
+
*/
|
|
44
|
+
multiple: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Enable typeahead search.
|
|
47
|
+
* - `'contains'`: filters options client-side.
|
|
48
|
+
* - `'managed'`: emits a `select-search` event for server-controlled filtering.
|
|
49
|
+
*/
|
|
50
|
+
search: '' | 'contains' | 'managed';
|
|
51
|
+
/**
|
|
52
|
+
* Placeholder text shown when no value is selected.
|
|
53
|
+
*/
|
|
54
|
+
placeholder: string;
|
|
55
|
+
/**
|
|
56
|
+
* Label displayed above the field.
|
|
57
|
+
*/
|
|
58
|
+
label: string;
|
|
59
|
+
/**
|
|
60
|
+
* Show a clear button in single-select mode when a value is selected.
|
|
61
|
+
*/
|
|
62
|
+
clearable: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Visual variant of the field.
|
|
65
|
+
*/
|
|
66
|
+
variant: 'filled' | 'outlined' | 'default';
|
|
67
|
+
/**
|
|
68
|
+
* Helper text displayed below the field.
|
|
69
|
+
*/
|
|
70
|
+
helperText: string;
|
|
71
|
+
error: boolean;
|
|
72
|
+
errorText: string;
|
|
73
|
+
warning: boolean;
|
|
74
|
+
warningText: string;
|
|
75
|
+
private _open;
|
|
76
|
+
private _focused;
|
|
77
|
+
private _searchQuery;
|
|
78
|
+
/** True when all options are filtered out by the current search query. */
|
|
79
|
+
private _noOptionsVisible;
|
|
80
|
+
private _triggerEl?;
|
|
81
|
+
private get _menu();
|
|
82
|
+
private _searchInputEl?;
|
|
83
|
+
focus(): void;
|
|
84
|
+
blur(): void;
|
|
85
|
+
protected updated(changedProperties: Map<string, unknown>): void;
|
|
86
|
+
/**
|
|
87
|
+
* Reconciles the `options` property with auto-generated `<wc-option>` light-DOM
|
|
88
|
+
* children (marked `data-generated`). Declarative children placed by the
|
|
89
|
+
* consumer are left untouched.
|
|
90
|
+
*/
|
|
91
|
+
private _syncProgrammaticOptions;
|
|
92
|
+
/**
|
|
93
|
+
* Pushes `selected`, `keepOpen`, and `filtered` state onto every `<wc-option>`
|
|
94
|
+
* child element so each one can render itself correctly.
|
|
95
|
+
*/
|
|
96
|
+
private _syncOptionStates;
|
|
97
|
+
private get _selectedValues();
|
|
98
|
+
private _isSelected;
|
|
99
|
+
/** Returns the display label for a given option value. */
|
|
100
|
+
private _getLabelForValue;
|
|
101
|
+
private get _displayLabel();
|
|
102
|
+
private get _isPopulated();
|
|
103
|
+
private _openMenu;
|
|
104
|
+
private _closeMenu;
|
|
105
|
+
private _handleTriggerClick;
|
|
106
|
+
private _handleTriggerKeyDown;
|
|
107
|
+
private _handleMenuClosed;
|
|
108
|
+
private _handleMenuItemActivate;
|
|
109
|
+
private _dispatchChange;
|
|
110
|
+
private _handleSearchInput;
|
|
111
|
+
private _handleClear;
|
|
112
|
+
private _handleChipDismiss;
|
|
113
|
+
private _renderTriggerContent;
|
|
114
|
+
private _renderFieldEnd;
|
|
115
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
116
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SideSheet } from './side-sheet.js';
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* @label Side Sheet
|
|
4
|
+
* @tag wc-side-sheet
|
|
5
|
+
* @rawTag side-sheet
|
|
6
|
+
* @summary Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants per Material Design 3.
|
|
7
|
+
*
|
|
8
|
+
* @cssprop --side-sheet-container-color - Background color of the sheet container.
|
|
9
|
+
* @cssprop --side-sheet-scrim-color - Color of the modal scrim overlay.
|
|
10
|
+
* @cssprop --side-sheet-shape - Corner radius of the leading edge.
|
|
11
|
+
* @cssprop --side-sheet-width - Width of the side sheet.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* Side Sheet
|
|
16
|
+
|
|
17
|
+
* ```
|
|
18
|
+
* @tags navigation, overlay
|
|
19
|
+
*/
|
|
20
|
+
export declare class SideSheet extends LitElement {
|
|
21
|
+
static styles: import("lit").CSSResultGroup[];
|
|
22
|
+
/** Whether the sheet is visible. */
|
|
23
|
+
open: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Sheet variant.
|
|
26
|
+
* - `"standard"`: Coexists with page content; no scrim.
|
|
27
|
+
* - `"modal"`: Overlays page content with a scrim backdrop.
|
|
28
|
+
*/
|
|
29
|
+
variant: 'standard' | 'modal';
|
|
30
|
+
/**
|
|
31
|
+
* Side from which the sheet slides in.
|
|
32
|
+
* - `"left"`: Sheet opens from the left edge.
|
|
33
|
+
* - `"right"`: Sheet opens from the right edge.
|
|
34
|
+
*/
|
|
35
|
+
position: 'left' | 'right';
|
|
36
|
+
show(): void;
|
|
37
|
+
hide(): void;
|
|
38
|
+
private _close;
|
|
39
|
+
private _handleScrimClick;
|
|
40
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
41
|
+
}
|
|
@@ -29,7 +29,6 @@ export declare class TabGroup extends LitElement {
|
|
|
29
29
|
static styles: import("lit").CSSResultGroup[];
|
|
30
30
|
static Tabs: typeof Tabs;
|
|
31
31
|
static TabPanel: typeof TabPanel;
|
|
32
|
-
variant: 'line' | 'line-secondary' | 'contained' | 'pill';
|
|
33
32
|
connectedCallback(): void;
|
|
34
33
|
disconnectedCallback(): void;
|
|
35
34
|
firstUpdated(): void;
|
package/dist/src/tabs/tab.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { LitElement, nothing } from 'lit';
|
|
2
|
+
import type { Tabs } from './tabs.js';
|
|
2
3
|
/**
|
|
3
4
|
* @label Tab
|
|
4
5
|
* @tag wc-tab
|
|
@@ -21,7 +22,6 @@ export declare class Tab extends LitElement {
|
|
|
21
22
|
active: boolean;
|
|
22
23
|
disabled: boolean;
|
|
23
24
|
disabledReason: string;
|
|
24
|
-
label?: string;
|
|
25
25
|
value?: string;
|
|
26
26
|
configAria?: {
|
|
27
27
|
[key: string]: any;
|
|
@@ -53,8 +53,14 @@ export declare class Tab extends LitElement {
|
|
|
53
53
|
__dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
|
|
54
54
|
__handlePress: (event: KeyboardEvent | MouseEvent) => void;
|
|
55
55
|
__isLink(): boolean;
|
|
56
|
+
__getParentTabsVariant(): Tabs['variant'];
|
|
56
57
|
render(): import("lit-html").TemplateResult<1>;
|
|
57
|
-
renderTabContent(): import("lit-html").TemplateResult<1>;
|
|
58
|
+
renderTabContent(variant: Tabs['variant']): import("lit-html").TemplateResult<1>;
|
|
59
|
+
renderPrimaryTabContent(): import("lit-html").TemplateResult<1>;
|
|
60
|
+
renderSecondaryTabContent(): import("lit-html").TemplateResult<1>;
|
|
61
|
+
renderContainedTabContent(): import("lit-html").TemplateResult<1>;
|
|
62
|
+
renderFilledTabContent(): import("lit-html").TemplateResult<1>;
|
|
63
|
+
renderSegmentedTabContent(): import("lit-html").TemplateResult<1>;
|
|
58
64
|
__getDisabledReasonID(): string | typeof nothing;
|
|
59
65
|
__renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
60
66
|
}
|
package/dist/src/tabs/tabs.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ import { Tab } from './tab.js';
|
|
|
12
12
|
* @example
|
|
13
13
|
* ```html
|
|
14
14
|
* <wc-tabs>
|
|
15
|
-
* <wc-tab>Tab 1</wc-tab>
|
|
15
|
+
* <wc-tab active>Tab 1</wc-tab>
|
|
16
16
|
* <wc-tab>Tab 2</wc-tab>
|
|
17
17
|
* </wc-tabs>
|
|
18
18
|
* ```
|
|
@@ -21,9 +21,21 @@ import { Tab } from './tab.js';
|
|
|
21
21
|
export declare class Tabs extends LitElement {
|
|
22
22
|
static styles: import("lit").CSSResultGroup[];
|
|
23
23
|
static Tab: typeof Tab;
|
|
24
|
+
variant: 'primary' | 'secondary' | 'contained' | 'filled';
|
|
24
25
|
managed: boolean;
|
|
26
|
+
private __mutationObserver?;
|
|
27
|
+
private __lastActiveTab?;
|
|
25
28
|
connectedCallback(): void;
|
|
29
|
+
firstUpdated(): void;
|
|
30
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
26
31
|
disconnectedCallback(): void;
|
|
32
|
+
private __getTabs;
|
|
33
|
+
private __getActiveTab;
|
|
34
|
+
private static __getTabIndicator;
|
|
35
|
+
private static __getTabBackground;
|
|
36
|
+
private __getAnimationElements;
|
|
37
|
+
private __animateIndicatorTransition;
|
|
38
|
+
private __syncIndicatorsFromActiveState;
|
|
27
39
|
private __handleTabClick;
|
|
28
40
|
render(): import("lit-html").TemplateResult<1>;
|
|
29
41
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { n } from './property-1psGvXOq.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license
|
|
5
|
+
* Copyright 2017 Google LLC
|
|
6
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
7
|
+
*/function r(r){return n({...r,state:true,attribute:false})}
|
|
8
|
+
|
|
9
|
+
export { r };
|
|
10
|
+
//# sourceMappingURL=state-DwbEjqVk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { E } from './IndividualComponent-
|
|
1
|
+
import { E } from './IndividualComponent-DUINtMGK.js';
|
|
2
2
|
import { e, i as i$1, t } from './directive-Cuw6h7YA.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -8,4 +8,4 @@ import { e, i as i$1, t } from './directive-Cuw6h7YA.js';
|
|
|
8
8
|
*/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}});
|
|
9
9
|
|
|
10
10
|
export { o };
|
|
11
|
-
//# sourceMappingURL=style-map-
|
|
11
|
+
//# sourceMappingURL=style-map-CRFEoCEg.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-map-
|
|
1
|
+
{"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]}
|