@redvars/peacock 3.6.3 → 3.7.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.
Files changed (179) hide show
  1. package/dist/ButtonConstants-D06bY4uy.js +114 -0
  2. package/dist/ButtonConstants-D06bY4uy.js.map +1 -0
  3. package/dist/{BaseHyperlinkMixin-BNuwbiEf.js → NativeHyperlinkMixin-DrYXyfMQ.js} +8 -10
  4. package/dist/NativeHyperlinkMixin-DrYXyfMQ.js.map +1 -0
  5. package/dist/assets/components.css +1 -1
  6. package/dist/assets/components.css.map +1 -1
  7. package/dist/assets/styles.css +1 -1
  8. package/dist/assets/styles.css.map +1 -1
  9. package/dist/{button-colors-Cg6oxiz-.js → button-colors-Dwnez1tR.js} +201 -186
  10. package/dist/button-colors-Dwnez1tR.js.map +1 -0
  11. package/dist/button-group.js +8 -8
  12. package/dist/button-group.js.map +1 -1
  13. package/dist/button.js +224 -124
  14. package/dist/button.js.map +1 -1
  15. package/dist/calendar-column-view.js +0 -1
  16. package/dist/calendar-column-view.js.map +1 -1
  17. package/dist/calendar-month-view.js +0 -1
  18. package/dist/calendar-month-view.js.map +1 -1
  19. package/dist/card-content.js +0 -1
  20. package/dist/card-content.js.map +1 -1
  21. package/dist/card.js +96 -90
  22. package/dist/card.js.map +1 -1
  23. package/dist/cb-compound-expression.js +4 -1
  24. package/dist/cb-compound-expression.js.map +1 -1
  25. package/dist/cb-divider.js +0 -1
  26. package/dist/cb-divider.js.map +1 -1
  27. package/dist/cb-expression.js +0 -2
  28. package/dist/cb-expression.js.map +1 -1
  29. package/dist/cb-predicate.js +0 -1
  30. package/dist/cb-predicate.js.map +1 -1
  31. package/dist/code-highlighter.js +23 -6
  32. package/dist/code-highlighter.js.map +1 -1
  33. package/dist/custom-elements-jsdocs.json +5102 -18408
  34. package/dist/custom-elements.json +19630 -20205
  35. package/dist/fab.js +181 -117
  36. package/dist/fab.js.map +1 -1
  37. package/dist/{flow-designer-node-9Bqyn6qx.js → flow-designer-node-BWrPuxAR.js} +1 -2
  38. package/dist/flow-designer-node-BWrPuxAR.js.map +1 -0
  39. package/dist/flow-designer-node.js +1 -1
  40. package/dist/flow-designer.js +5 -5
  41. package/dist/icon-button-DJ0kZXYr.js +318 -0
  42. package/dist/icon-button-DJ0kZXYr.js.map +1 -0
  43. package/dist/index.js +8 -8
  44. package/dist/{navigation-rail-DAUuJ_Yp.js → navigation-rail-CM_svs5_.js} +511 -295
  45. package/dist/navigation-rail-CM_svs5_.js.map +1 -0
  46. package/dist/observe-slot-change-D8Xg-kSS.js +60 -0
  47. package/dist/observe-slot-change-D8Xg-kSS.js.map +1 -0
  48. package/dist/peacock-loader.js +7 -7
  49. package/dist/peacock-loader.js.map +1 -1
  50. package/dist/popover-content.js +0 -1
  51. package/dist/popover-content.js.map +1 -1
  52. package/dist/search.js +4 -1
  53. package/dist/search.js.map +1 -1
  54. package/dist/src/__controllers/attachable-controller.d.ts +109 -0
  55. package/dist/src/__mixins/{BaseButtonMixin.d.ts → NativeButtonMixin.d.ts} +3 -3
  56. package/dist/src/__mixins/{BaseHyperlinkMixin.d.ts → NativeHyperlinkMixin.d.ts} +3 -4
  57. package/dist/src/__utils/is-link.d.ts +1 -0
  58. package/dist/src/__utils/observe-slot-change.d.ts +1 -1
  59. package/dist/src/accordion/accordion-item.d.ts +0 -1
  60. package/dist/src/breadcrumb/breadcrumb-item/breadcrumb-item.d.ts +0 -1
  61. package/dist/src/button/ButtonConstants.d.ts +1 -0
  62. package/dist/src/button/GroupButtonInterface.d.ts +4 -0
  63. package/dist/src/button/button/button.d.ts +32 -7
  64. package/dist/src/button/button-group/button-group.d.ts +2 -1
  65. package/dist/src/button/icon-button/icon-button.d.ts +26 -5
  66. package/dist/src/button/index.d.ts +1 -1
  67. package/dist/src/calendar/calendar-column-view.d.ts +0 -1
  68. package/dist/src/calendar/calendar-month-view.d.ts +0 -1
  69. package/dist/src/card/card-content.d.ts +0 -1
  70. package/dist/src/card/card.d.ts +9 -6
  71. package/dist/src/chip/chip/chip.d.ts +22 -3
  72. package/dist/src/condition-builder/cb-compound-expression.d.ts +0 -1
  73. package/dist/src/condition-builder/cb-divider.d.ts +0 -1
  74. package/dist/src/condition-builder/cb-expression.d.ts +0 -1
  75. package/dist/src/condition-builder/cb-predicate.d.ts +0 -1
  76. package/dist/src/fab/fab.d.ts +20 -6
  77. package/dist/src/flow-designer/flow-designer-node.d.ts +0 -1
  78. package/dist/src/focus-ring/focus-ring.d.ts +26 -20
  79. package/dist/src/item/item.d.ts +2 -1
  80. package/dist/src/link/link.d.ts +1 -1
  81. package/dist/src/list/list-item.d.ts +1 -2
  82. package/dist/src/menu/menu-item/menu-item.d.ts +1 -2
  83. package/dist/src/menu/sub-menu/sub-menu.d.ts +0 -1
  84. package/dist/src/navigation-rail/navigation-rail-item.d.ts +0 -2
  85. package/dist/src/popover/popover-content.d.ts +0 -1
  86. package/dist/src/ripple/ripple.d.ts +9 -1
  87. package/dist/src/segmented-button/segmented-button.d.ts +0 -1
  88. package/dist/src/select/option.d.ts +0 -1
  89. package/dist/src/sidebar-menu/sidebar-menu-item.d.ts +0 -1
  90. package/dist/src/sidebar-menu/sidebar-sub-menu.d.ts +0 -1
  91. package/dist/src/tabs/tab-panel.d.ts +0 -1
  92. package/dist/src/tabs/tab.d.ts +4 -6
  93. package/dist/tsconfig.tsbuildinfo +1 -1
  94. package/package.json +4 -2
  95. package/readme.md +2 -2
  96. package/scss/components.scss +0 -1
  97. package/scss/mixin.scss +10 -13
  98. package/scss/styles.scss +1 -3
  99. package/src/__controllers/attachable-controller.ts +198 -0
  100. package/src/__mixins/NativeButtonMixin.ts +87 -0
  101. package/src/__mixins/{BaseHyperlinkMixin.ts → NativeHyperlinkMixin.ts} +15 -15
  102. package/src/__utils/is-link.ts +3 -0
  103. package/src/__utils/observe-slot-change.ts +46 -14
  104. package/src/accordion/accordion-item.scss +1 -1
  105. package/src/accordion/accordion-item.ts +0 -1
  106. package/src/breadcrumb/breadcrumb-item/breadcrumb-item.ts +0 -1
  107. package/src/button/ButtonConstants.ts +1 -0
  108. package/src/button/GroupButtonInterface.ts +4 -0
  109. package/src/button/button/button-colors.scss +2 -2
  110. package/src/button/button/button-layers.scss +124 -0
  111. package/src/button/button/button-sizes.scss +20 -42
  112. package/src/button/button/button.scss +72 -169
  113. package/src/button/button/button.ts +229 -78
  114. package/src/button/button/only-button.scss +13 -0
  115. package/src/button/button-group/button-group.ts +59 -17
  116. package/src/button/icon-button/icon-button-sizes.scss +6 -21
  117. package/src/button/icon-button/icon-button.ts +198 -93
  118. package/src/button/index.ts +1 -1
  119. package/src/calendar/calendar-column-view.ts +0 -1
  120. package/src/calendar/calendar-month-view.ts +0 -1
  121. package/src/card/card-content.ts +2 -3
  122. package/src/card/card.scss +87 -95
  123. package/src/card/card.ts +62 -60
  124. package/src/chip/chip/chip.scss +65 -70
  125. package/src/chip/chip/chip.ts +155 -56
  126. package/src/code-highlighter/code-highlighter.scss +1 -1
  127. package/src/code-highlighter/code-highlighter.ts +20 -5
  128. package/src/condition-builder/cb-compound-expression.scss +4 -0
  129. package/src/condition-builder/cb-compound-expression.ts +0 -1
  130. package/src/condition-builder/cb-divider.ts +0 -1
  131. package/src/condition-builder/cb-expression.scss +0 -1
  132. package/src/condition-builder/cb-expression.ts +0 -1
  133. package/src/condition-builder/cb-predicate.ts +0 -1
  134. package/src/elevation/elevation.scss +5 -1
  135. package/src/fab/fab-colors.scss +2 -2
  136. package/src/fab/fab-sizes.scss +24 -34
  137. package/src/fab/fab.scss +77 -71
  138. package/src/fab/fab.ts +141 -65
  139. package/src/flow-designer/flow-designer-node.ts +0 -1
  140. package/src/focus-ring/focus-ring.ts +81 -72
  141. package/src/item/item.scss +77 -66
  142. package/src/item/item.ts +61 -39
  143. package/src/link/link.scss +1 -10
  144. package/src/link/link.ts +4 -2
  145. package/src/list/list-item.ts +8 -8
  146. package/src/menu/menu-item/menu-item.ts +17 -8
  147. package/src/menu/sub-menu/sub-menu.ts +0 -1
  148. package/src/navigation-rail/navigation-rail-item.scss +5 -0
  149. package/src/navigation-rail/navigation-rail-item.ts +10 -15
  150. package/src/peacock-loader.ts +1 -1
  151. package/src/popover/popover-content.ts +0 -1
  152. package/src/ripple/ripple.ts +52 -20
  153. package/src/search/search.scss +3 -0
  154. package/src/segmented-button/segmented-button.ts +0 -1
  155. package/src/select/option.ts +0 -1
  156. package/src/sidebar-menu/sidebar-menu-item.ts +0 -1
  157. package/src/sidebar-menu/sidebar-sub-menu.ts +0 -1
  158. package/src/skeleton/skeleton.scss +5 -1
  159. package/src/tabs/tab-panel.ts +0 -1
  160. package/src/tabs/tab.ts +60 -70
  161. package/src/text/text.css-component.scss +3 -21
  162. package/src/tooltip/tooltip.scss +5 -8
  163. package/src/tooltip/tooltip.ts +1 -2
  164. package/dist/BaseButton-BNFAYn-S.js +0 -219
  165. package/dist/BaseButton-BNFAYn-S.js.map +0 -1
  166. package/dist/BaseHyperlinkMixin-BNuwbiEf.js.map +0 -1
  167. package/dist/button-colors-Cg6oxiz-.js.map +0 -1
  168. package/dist/flow-designer-node-9Bqyn6qx.js.map +0 -1
  169. package/dist/icon-button-AdJBEoNy.js +0 -251
  170. package/dist/icon-button-AdJBEoNy.js.map +0 -1
  171. package/dist/navigation-rail-DAUuJ_Yp.js.map +0 -1
  172. package/dist/observe-slot-change-BGJfgg2E.js +0 -31
  173. package/dist/observe-slot-change-BGJfgg2E.js.map +0 -1
  174. package/dist/src/button/BaseButton.d.ts +0 -28
  175. package/dist/src/focus-ring/FocusAttachableController.d.ts +0 -8
  176. package/src/__mixins/BaseButtonMixin.ts +0 -83
  177. package/src/button/BaseButton.ts +0 -113
  178. package/src/focus-ring/FocusAttachableController.ts +0 -28
  179. package/src/popover/tooltip.css-component.scss +0 -19
@@ -1,4 +1,6 @@
1
- import { BaseButton } from '../BaseButton.js';
1
+ import { LitElement, nothing } from 'lit';
2
+ import { GroupButtonInterface } from '@/button/GroupButtonInterface.js';
3
+ declare const Button_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
2
4
  /**
3
5
  * @label Button
4
6
  * @tag wc-button
@@ -41,22 +43,22 @@ import { BaseButton } from '../BaseButton.js';
41
43
  * ```
42
44
  * @tags display
43
45
  */
44
- export declare class Button extends BaseButton {
46
+ export declare class Button extends Button_base implements GroupButtonInterface {
45
47
  static styles: import("lit").CSSResultGroup[];
46
48
  /**
47
49
  * Icon alignment.
48
50
  * Possible values are `"start"`, `"end"`. Defaults to `"end"`.
49
51
  */
50
- iconAlign: 'start' | 'end';
52
+ trailingIcon: boolean;
51
53
  /**
52
54
  * Button size.
53
55
  * Possible values are `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`. Defaults to `"sm"`.
54
56
  */
55
57
  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
56
58
  /**
57
- * Type is preset of color and variant. Type will be only applied.
58
- *
59
- */
59
+ * Type is preset of color and variant. Type will be only applied.
60
+ *
61
+ */
60
62
  type?: 'primary' | 'secondary' | 'tertiary';
61
63
  /**
62
64
  * The visual style of the button.
@@ -79,11 +81,34 @@ export declare class Button extends BaseButton {
79
81
  configAria?: {
80
82
  [key: string]: any;
81
83
  };
82
- private slotHasContent;
83
84
  focus(): void;
84
85
  blur(): void;
85
86
  firstUpdated(): void;
86
87
  __convertTypeToVariantAndColor(): void;
87
88
  render(): import("lit-html").TemplateResult<1>;
89
+ renderButtonElement(): import("lit-html").TemplateResult<1>;
88
90
  renderButtonContent(): import("lit-html").TemplateResult<1>;
91
+ skeleton: boolean;
92
+ toggle: boolean;
93
+ selected: boolean;
94
+ /**
95
+ * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
96
+ */
97
+ throttleDelay: number;
98
+ tooltip?: string;
99
+ /**
100
+ * States
101
+ */
102
+ pressed: boolean;
103
+ private __iconSlotCleanup;
104
+ private __labelSlotCleanup;
105
+ connectedCallback(): void;
106
+ disconnectedCallback(): void;
107
+ __handlePress: (event: KeyboardEvent | MouseEvent) => void;
108
+ __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
109
+ __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
110
+ private getControl;
111
+ __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
112
+ __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
89
113
  }
114
+ export {};
@@ -18,7 +18,7 @@ import { IconButton } from '../icon-button/icon-button.js';
18
18
  *
19
19
  * @tags controls
20
20
  */
21
- export declare class ButtonGroup extends LitElement {
21
+ declare class ButtonGroup extends LitElement {
22
22
  static styles: import("lit").CSSResultGroup[];
23
23
  static Button: typeof Button;
24
24
  static IconButton: typeof IconButton;
@@ -58,3 +58,4 @@ export declare class ButtonGroup extends LitElement {
58
58
  private _syncChildren;
59
59
  render(): import("lit-html").TemplateResult<1>;
60
60
  }
61
+ export default ButtonGroup;
@@ -1,4 +1,6 @@
1
- import { BaseButton } from '../BaseButton.js';
1
+ import { LitElement, nothing } from 'lit';
2
+ import { GroupButtonInterface } from '@/button/GroupButtonInterface.js';
3
+ declare const IconButton_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
2
4
  /**
3
5
  * @label Icon Button
4
6
  * @tag wc-icon-button
@@ -42,7 +44,7 @@ import { BaseButton } from '../BaseButton.js';
42
44
  * ```
43
45
  * @tags display
44
46
  */
45
- export declare class IconButton extends BaseButton {
47
+ export declare class IconButton extends IconButton_base implements GroupButtonInterface {
46
48
  static styles: import("lit").CSSResultGroup[];
47
49
  /**
48
50
  * Button size.
@@ -50,9 +52,9 @@ export declare class IconButton extends BaseButton {
50
52
  */
51
53
  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
52
54
  /**
53
- * Type is preset of color and variant. Type will be only applied.
54
- *
55
- */
55
+ * Type is preset of color and variant. Type will be only applied.
56
+ *
57
+ */
56
58
  type?: 'primary' | 'secondary' | 'tertiary';
57
59
  /**
58
60
  * The visual style of the button.
@@ -75,10 +77,29 @@ export declare class IconButton extends BaseButton {
75
77
  configAria?: {
76
78
  [key: string]: any;
77
79
  };
80
+ skeleton: boolean;
81
+ toggle: boolean;
82
+ selected: boolean;
83
+ /**
84
+ * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
85
+ */
86
+ throttleDelay: number;
87
+ tooltip?: string;
88
+ pressed: boolean;
89
+ readonly buttonElement: HTMLElement | null;
90
+ connectedCallback(): void;
91
+ disconnectedCallback(): void;
92
+ __handlePress: (event: KeyboardEvent | MouseEvent) => void;
93
+ __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
94
+ __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
95
+ __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
96
+ __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
78
97
  focus(): void;
79
98
  blur(): void;
80
99
  firstUpdated(): void;
81
100
  __convertTypeToVariantAndColor(): void;
82
101
  render(): import("lit-html").TemplateResult<1>;
102
+ renderButtonElement(): import("lit-html").TemplateResult<1>;
83
103
  renderButtonContent(): import("lit-html").TemplateResult<1>;
84
104
  }
105
+ export {};
@@ -1,3 +1,3 @@
1
1
  export { Button } from './button/button.js';
2
- export { ButtonGroup } from './button-group/button-group.js';
2
+ export { default as ButtonGroup } from './button-group/button-group.js';
3
3
  export { IconButton } from './icon-button/icon-button.js';
@@ -4,7 +4,6 @@ import { CalendarEvent } from './calendar-event.js';
4
4
  * @label Calendar Column View
5
5
  * @tag wc-calendar-column-view
6
6
  * @rawTag calendar-column-view
7
- * @parentRawTag calendar
8
7
  * @summary Internal column view component for the calendar (day/week views).
9
8
  */
10
9
  export declare class CalendarColumnView extends LitElement {
@@ -4,7 +4,6 @@ import { CalendarEvent } from './calendar-event.js';
4
4
  * @label Calendar Month View
5
5
  * @tag wc-calendar-month-view
6
6
  * @rawTag calendar-month-view
7
- * @parentRawTag calendar
8
7
  * @summary Internal month view component for the calendar.
9
8
  */
10
9
  export declare class CalendarMonthView extends LitElement {
@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
3
3
  * @label Card Content
4
4
  * @tag wc-card-content
5
5
  * @rawTag card-content
6
- * @parentRawTag
7
6
  *
8
7
  * @cssprop --card-content-padding - Inner padding for the card container. Defaults to 1rem.
9
8
  *
@@ -1,6 +1,6 @@
1
1
  import { LitElement, nothing } from 'lit';
2
2
  type CardVariant = 'elevated' | 'filled' | 'outlined';
3
- declare const Card_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface>;
3
+ declare const Card_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
4
4
  /**
5
5
  * @label Card
6
6
  * @tag wc-card
@@ -12,9 +12,11 @@ declare const Card_base: typeof LitElement & import("../__mixins/MixinConstructo
12
12
  *
13
13
  * @example
14
14
  * ```html
15
- * <wc-card variant="outlined">
16
- * <h3>Title</h3>
17
- * <p>Supportive text</p>
15
+ * <wc-card variant="outlined" style="padding-block: 1rem;">
16
+ * <wc-card-content>
17
+ * <h3 class="text-headline">Title</h3>
18
+ * <p class="text-body">Supportive text</p>
19
+ * </wc-card-content>
18
20
  * </wc-card>
19
21
  * ```
20
22
  */
@@ -25,8 +27,8 @@ export declare class Card extends Card_base {
25
27
  disabled: boolean;
26
28
  actionable: boolean;
27
29
  /**
28
- * If button is disabled, the reason why it is disabled.
29
- */
30
+ * If button is disabled, the reason why it is disabled.
31
+ */
30
32
  disabledReason: string;
31
33
  /**
32
34
  * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
@@ -45,6 +47,7 @@ export declare class Card extends Card_base {
45
47
  __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
46
48
  __handlePress: (event: KeyboardEvent | MouseEvent) => void;
47
49
  render(): import("lit-html").TemplateResult<1>;
50
+ renderCardElement(isLinkElement: boolean, disableSlotTabbing: boolean): import("lit-html").TemplateResult<1>;
48
51
  renderCardContent(disableSlotTabbing: boolean): import("lit-html").TemplateResult<1>;
49
52
  }
50
53
  export {};
@@ -1,4 +1,5 @@
1
- import { BaseButton } from '@/button/BaseButton.js';
1
+ import { LitElement, nothing } from 'lit';
2
+ declare const Chip_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
2
3
  /**
3
4
  * @label Chip
4
5
  * @tag wc-chip
@@ -11,7 +12,7 @@ import { BaseButton } from '@/button/BaseButton.js';
11
12
  * <wc-chip>Chip content</wc-chip>
12
13
  * ```
13
14
  */
14
- export declare class Chip extends BaseButton {
15
+ export declare class Chip extends Chip_base {
15
16
  static styles: import("lit").CSSResultGroup[];
16
17
  /** If true, the tag will have a close icon. */
17
18
  dismissible: boolean;
@@ -22,12 +23,30 @@ export declare class Chip extends BaseButton {
22
23
  [key: string]: any;
23
24
  };
24
25
  private _hasIconSlotContent;
25
- private _isPressed;
26
+ skeleton: boolean;
27
+ toggle: boolean;
28
+ selected: boolean;
29
+ /**
30
+ * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
31
+ */
32
+ throttleDelay: number;
33
+ tooltip?: string;
34
+ pressed: boolean;
35
+ readonly buttonElement: HTMLElement | null;
36
+ connectedCallback(): void;
37
+ disconnectedCallback(): void;
38
+ __handlePress: (event: KeyboardEvent | MouseEvent) => void;
39
+ __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
40
+ __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
41
+ __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
42
+ __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
26
43
  focus(): void;
27
44
  blur(): void;
28
45
  firstUpdated(): void;
29
46
  private _dismissClickHandler;
30
47
  private _renderCloseButton;
31
48
  render(): import("lit-html").TemplateResult<1>;
49
+ renderChipElement(): import("lit-html").TemplateResult<1>;
32
50
  renderChipContent(): import("lit-html").TemplateResult<1>;
33
51
  }
52
+ export {};
@@ -5,7 +5,6 @@ import { LitElement } from 'lit';
5
5
  * @rawTag cb-compound-expression
6
6
  * @summary A compound expression group in a condition builder that displays a field label, an optional condition operator divider, and slots for child expressions.
7
7
  * @tags condition-builder
8
- * @parentRawTag compound-builder
9
8
  *
10
9
  * @example
11
10
  * ```html
@@ -5,7 +5,6 @@ import { LitElement } from 'lit';
5
5
  * @rawTag cb-divider
6
6
  * @summary A divider line used within a condition builder to visually connect expressions with operator tags.
7
7
  * @tags condition-builder
8
- * @parentRawTag compound-builder
9
8
  *
10
9
  * @example
11
10
  * ```html
@@ -5,7 +5,6 @@ import { LitElement } from 'lit';
5
5
  * @rawTag cb-expression
6
6
  * @summary An expression row within a condition builder, containing an operator select and a slot for value inputs.
7
7
  * @tags condition-builder
8
- * @parentRawTag compound-builder
9
8
  *
10
9
  * @example
11
10
  * ```html
@@ -5,7 +5,6 @@ import { LitElement } from 'lit';
5
5
  * @rawTag cb-predicate
6
6
  * @summary A predicate container in a condition builder that can display conditions in horizontal or vertical layout with an optional logical operator divider.
7
7
  * @tags condition-builder
8
- * @parentRawTag compound-expression
9
8
  *
10
9
  * @example
11
10
  * ```html
@@ -1,5 +1,5 @@
1
- import { nothing } from 'lit';
2
- import { BaseButton } from '@/button/BaseButton.js';
1
+ import { LitElement, nothing } from 'lit';
2
+ declare const Fab_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
3
3
  /**
4
4
  * @label FAB
5
5
  * @tag wc-fab
@@ -22,7 +22,7 @@ import { BaseButton } from '@/button/BaseButton.js';
22
22
  * ```
23
23
  * @tags controls
24
24
  */
25
- export declare class Fab extends BaseButton {
25
+ export declare class Fab extends Fab_base {
26
26
  #private;
27
27
  static styles: import("lit").CSSResultGroup[];
28
28
  /**
@@ -69,12 +69,26 @@ export declare class Fab extends BaseButton {
69
69
  * Tooltip text shown on hover.
70
70
  */
71
71
  tooltip?: string;
72
- isPressed: boolean;
72
+ skeleton: boolean;
73
+ toggle: boolean;
74
+ selected: boolean;
75
+ /**
76
+ * States
77
+ */
78
+ pressed: boolean;
79
+ readonly buttonElement: HTMLElement | null;
80
+ connectedCallback(): void;
81
+ disconnectedCallback(): void;
82
+ __handlePress: (event: KeyboardEvent | MouseEvent) => void;
83
+ __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
84
+ __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
85
+ __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
86
+ __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
73
87
  focus(): void;
74
88
  blur(): void;
75
89
  firstUpdated(): void;
76
- __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
77
- __getDisabledReasonID(): string | typeof nothing;
78
90
  render(): import("lit-html").TemplateResult<1>;
91
+ __renderFabElement(isExtended: boolean): import("lit-html").TemplateResult<1>;
79
92
  __renderFabContent(isExtended: boolean): import("lit-html").TemplateResult<1>;
80
93
  }
94
+ export {};
@@ -6,7 +6,6 @@ import type { WorkflowNode } from './types.js';
6
6
  *
7
7
  * @tag wc-flow-designer-node
8
8
  * @rawTag flow-designer-node
9
- * @parentRawTag flow-designer
10
9
  * @wip true
11
10
  */
12
11
  export declare class FlowDesignerNode extends LitElement {
@@ -1,4 +1,9 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import { Attachable } from '@/__controllers/attachable-controller.js';
3
+ declare const HANDLED_BY_FOCUS_RING: unique symbol;
4
+ interface FocusRingEvent extends Event {
5
+ [HANDLED_BY_FOCUS_RING]: true;
6
+ }
2
7
  /**
3
8
  * @label Focus Ring
4
9
  *
@@ -9,29 +14,30 @@ import { LitElement } from 'lit';
9
14
  *
10
15
  *
11
16
  * @tags display
17
+ *
18
+ * @fires visibility-changed {Event} Fired whenever `visible` changes.
12
19
  */
13
- export declare class FocusRing extends LitElement {
20
+ export declare class FocusRing extends LitElement implements Attachable {
14
21
  static styles: import("lit").CSSResultGroup[];
22
+ /**
23
+ * Makes the focus ring visible.
24
+ */
15
25
  visible: boolean;
16
- for: string;
17
- private __boundFocusin;
18
- private __boundFocusout;
19
- private __boundPointerdown;
20
- render(): symbol;
21
- connectedCallback(): void;
22
- disconnectedCallback(): void;
23
- updated(changed: Map<string, unknown>): void;
24
- __focusin(): void;
25
- __focusout(): void;
26
- __pointerdown(): void;
27
26
  /**
28
- * Resolves the element that should receive focus-ring event listeners by id.
29
- * Prefers lookup from the current control's root node, then falls back to a
30
- * document-level lookup.
31
- *
32
- * @returns The resolved focus target, if one can be found.
27
+ * Makes the focus ring animate inwards instead of outwards.
33
28
  */
34
- __getFocusTarget(): HTMLElement | undefined;
35
- attach(): void;
29
+ inward: boolean;
30
+ get htmlFor(): string | null;
31
+ set htmlFor(htmlFor: string | null);
32
+ get control(): HTMLElement | null;
33
+ set control(control: HTMLElement | null);
34
+ private readonly attachableController;
35
+ attach(control: HTMLElement): void;
36
36
  detach(): void;
37
+ connectedCallback(): void;
38
+ /** @private */
39
+ handleEvent(event: FocusRingEvent): void;
40
+ private onControlChange;
41
+ update(changed: PropertyValues<FocusRing>): void;
37
42
  }
43
+ export {};
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- declare const Item_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
2
+ declare const Item_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
3
3
  /**
4
4
  * @label Item
5
5
  * @tag wc-item
@@ -43,6 +43,7 @@ export declare class Item extends Item_base {
43
43
  private __getForwardedAttribute;
44
44
  private __captureHostTabIndex;
45
45
  render(): import("lit-html").TemplateResult<1>;
46
+ renderItemElement(cssClasses: any, role: string | undefined, tabIndex: string | undefined, ariaHasPopup: string | undefined, ariaControls: string | undefined, ariaExpanded: string | undefined): import("lit-html").TemplateResult<1>;
46
47
  renderContent(): import("lit-html").TemplateResult<1>;
47
48
  }
48
49
  export {};
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- declare const Link_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("../__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface>;
2
+ declare const Link_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
3
3
  /**
4
4
  * @label Link
5
5
  * @tag wc-link
@@ -1,10 +1,9 @@
1
1
  import { LitElement } from 'lit';
2
- declare const ListItem_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
2
+ declare const ListItem_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
3
3
  /**
4
4
  * @label List Item
5
5
  * @tag wc-list-item
6
6
  * @rawTag list-item
7
- * @parentRawTag list
8
7
  *
9
8
  * @summary A Material 3 list item with leading, trailing and content slots.
10
9
  *
@@ -1,11 +1,10 @@
1
1
  import { LitElement } from 'lit';
2
2
  import { Item } from '@/item/item.js';
3
- declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
3
+ declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
4
4
  /**
5
5
  * @label Menu Item
6
6
  * @tag wc-menu-item
7
7
  * @rawTag menu-item
8
- * @parentRawTag menu
9
8
  * @summary An item in a menu list.
10
9
  * @tags navigation
11
10
  *
@@ -5,7 +5,6 @@ import { Menu } from '../menu/menu.js';
5
5
  * @label Sub Menu
6
6
  * @tag wc-sub-menu
7
7
  * @rawTag sub-menu
8
- * @parentRawTag menu
9
8
  * @summary Connects a menu item to a nested menu.
10
9
  */
11
10
  export declare class SubMenu extends LitElement {
@@ -3,7 +3,6 @@ import { LitElement, nothing } from 'lit';
3
3
  * @label Navigation Rail Item
4
4
  * @tag wc-navigation-rail-item
5
5
  * @rawTag navigation-rail-item
6
- * @parentRawTag navigation-rail
7
6
  *
8
7
  * @summary An individual item within a navigation rail.
9
8
  * @overview
@@ -47,7 +46,6 @@ export declare class NavigationRailItem extends LitElement {
47
46
  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
48
47
  __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
49
48
  __handlePress: (event: KeyboardEvent | MouseEvent) => void;
50
- __isLink(): boolean;
51
49
  __getDisabledReasonID(): string | typeof nothing;
52
50
  __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
53
51
  __renderItemContent(): import("lit-html").TemplateResult<1>;
@@ -4,7 +4,6 @@ import { LitElement } from 'lit';
4
4
  * @tag wc-popover-content
5
5
  * @rawTag popover-content
6
6
  * @summary Content container for the wc-popover component.
7
- * @parentRawTag popover
8
7
  * @tags display
9
8
  *
10
9
  * @cssprop --popover-content-background - Background color of the popover content. Defaults to `var(--color-surface-container)`.
@@ -1,4 +1,5 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
+ import { Attachable } from '@/__controllers/attachable-controller.js';
2
3
  /**
3
4
  * @label Ripple
4
5
  * @tag wc-ripple
@@ -33,7 +34,7 @@ import { LitElement, PropertyValues } from 'lit';
33
34
  * ```
34
35
  * @tags display
35
36
  */
36
- export declare class Ripple extends LitElement {
37
+ export declare class Ripple extends LitElement implements Attachable {
37
38
  static styles: import("lit").CSSResult;
38
39
  /**
39
40
  * Disables the ripple.
@@ -48,10 +49,17 @@ export declare class Ripple extends LitElement {
48
49
  private growAnimation?;
49
50
  private state;
50
51
  private rippleStartEvent?;
52
+ private readonly _boundHandleEvent;
53
+ get htmlFor(): string | null;
54
+ set htmlFor(htmlFor: string | null);
55
+ get control(): HTMLElement | null;
56
+ set control(control: HTMLElement | null);
57
+ private readonly attachableController;
51
58
  connectedCallback(): void;
52
59
  disconnectedCallback(): void;
53
60
  attach(control: HTMLElement): void;
54
61
  detach(): void;
62
+ private onControlChange;
55
63
  protected render(): import("lit-html").TemplateResult<1>;
56
64
  protected update(changedProps: PropertyValues<Ripple>): void;
57
65
  handlePointerenter(event: PointerEvent): void;
@@ -4,7 +4,6 @@ import { LitElement } from 'lit';
4
4
  * @tag wc-segmented-button
5
5
  * @rawTag segmented-button
6
6
  * @summary An individual segment within a segmented button group.
7
- * @parentRawTag segmented-button-group
8
7
  * @overview
9
8
  * <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
9
  *
@@ -4,7 +4,6 @@ import type { MenuItem } from '../menu/menu-item/menu-item.js';
4
4
  * @label Select Option
5
5
  * @tag wc-option
6
6
  * @rawTag option
7
- * @parentRawTag select
8
7
  *
9
8
  * @summary A declarative option element for use inside wc-select.
10
9
  *
@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
3
3
  * @label Sidebar Menu Item
4
4
  * @tag wc-sidebar-menu-item
5
5
  * @rawTag sidebar-menu-item
6
- * @parentRawTag sidebar-menu
7
6
  * @summary A sidebar menu item represents a selectable leaf item in the sidebar navigation tree.
8
7
  *
9
8
  * @example
@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
3
3
  * @label Sidebar Sub Menu
4
4
  * @tag wc-sidebar-sub-menu
5
5
  * @rawTag sidebar-sub-menu
6
- * @parentRawTag sidebar-menu
7
6
  * @summary A sidebar sub menu groups sidebar menu items and handles expand/collapse behavior.
8
7
  *
9
8
  * @example
@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
3
3
  * @label Tab Panel
4
4
  * @tag wc-tab-panel
5
5
  * @rawTag tab-panel
6
- * @parentRawTag tab-group
7
6
  *
8
7
  * @summary Content panel for tabs.
9
8
  * @overview
@@ -4,7 +4,6 @@ import type { Tabs } from './tabs.js';
4
4
  * @label Tab
5
5
  * @tag wc-tab
6
6
  * @rawTag tab
7
- * @parentRawTag tabs
8
7
  *
9
8
  * @summary A tab component for use within tabs.
10
9
  * @overview
@@ -27,8 +26,8 @@ export declare class Tab extends LitElement {
27
26
  [key: string]: any;
28
27
  };
29
28
  /**
30
- * Sets or retrieves the window or frame at which to target content.
31
- */
29
+ * Sets or retrieves the window or frame at which to target content.
30
+ */
32
31
  target: string;
33
32
  href?: string;
34
33
  /**
@@ -40,8 +39,8 @@ export declare class Tab extends LitElement {
40
39
  slotHasIcon: boolean;
41
40
  slotHasBadge: boolean;
42
41
  /**
43
- * States
44
- */
42
+ * States
43
+ */
45
44
  isPressed: boolean;
46
45
  private _tabindex;
47
46
  readonly tabElement: HTMLElement | null;
@@ -52,7 +51,6 @@ export declare class Tab extends LitElement {
52
51
  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
53
52
  __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
54
53
  __handlePress: (event: KeyboardEvent | MouseEvent) => void;
55
- __isLink(): boolean;
56
54
  __getParentTabsVariant(): Tabs['variant'];
57
55
  render(): import("lit-html").TemplateResult<1>;
58
56
  renderTabContent(variant: Tabs['variant']): import("lit-html").TemplateResult<1>;