@sebgroup/green-core 2.7.0 → 2.8.0-rc.20251003134451746

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 (27) hide show
  1. package/components/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +35 -0
  2. package/components/breadcrumbs/breadcrumb/breadcrumb.component.js +94 -0
  3. package/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +2 -0
  4. package/components/breadcrumbs/breadcrumb/breadcrumb.js +6 -0
  5. package/components/breadcrumbs/breadcrumb/breadcrumb.styles.d.ts +2 -0
  6. package/components/breadcrumbs/breadcrumb/breadcrumb.styles.js +37 -0
  7. package/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
  8. package/components/breadcrumbs/breadcrumb/index.js +1 -0
  9. package/components/breadcrumbs/breadcrumbs.component.d.ts +3 -0
  10. package/components/breadcrumbs/breadcrumbs.component.js +20 -18
  11. package/components/breadcrumbs/breadcrumbs.styles.js +13 -34
  12. package/components/breadcrumbs/index.d.ts +1 -0
  13. package/components/breadcrumbs/index.js +1 -0
  14. package/components/card/card.component.js +6 -1
  15. package/components/filter-chips/filter-chips.component.js +14 -3
  16. package/components/pure.d.ts +1 -0
  17. package/components/pure.js +1 -0
  18. package/components/theme/theme.component.js +1 -1
  19. package/gds-element.js +1 -1
  20. package/generated/react/breadcrumb/index.d.ts +376 -0
  21. package/generated/react/breadcrumb/index.js +13 -0
  22. package/generated/react/breadcrumbs/index.d.ts +1 -0
  23. package/generated/react/index.d.ts +3 -2
  24. package/generated/react/index.js +3 -2
  25. package/package.json +3 -1
  26. package/tokens.style.js +12 -2
  27. package/utils/helpers/custom-element-scoping.js +1 -1
package/components/breadcrumbs/breadcrumb/breadcrumb.component.d.ts ADDED
@@ -0,0 +1,35 @@
1
+ import { GdsElement } from '../../../gds-element';
2
+ /**
3
+ * @element gds-breadcrumb
4
+ * @summary The `gds-breadcrumb` component represents a single item within a breadcrumb navigation.
5
+ * It can be rendered as a link, current page indicator, or overflow menu depending on its properties.
6
+ *
7
+ * @slot - Default slot for the breadcrumb content
8
+ * @slot lead - Optional slot for leading content (usually icons)
9
+ * @slot trail - Optional slot for trailing content
10
+ */
11
+ export declare class GdsBreadcrumb extends GdsElement {
12
+ #private;
13
+ static styles: import("lit").CSSResult[];
14
+ /**
15
+ * The URL that the breadcrumb item points to.
16
+ */
17
+ href: string;
18
+ /**
19
+ * Where to display the linked breadcrumb URL. Only used when href is present.
20
+ */
21
+ target?: '_self' | '_blank' | '_parent' | '_top';
22
+ /**
23
+ * The relationship of the linked breadcrumb URL. Defaults to "noreferrer noopener" when target is "_blank".
24
+ */
25
+ rel?: string;
26
+ /**
27
+ * Accessible label for the breadcrumb item. Use when visual text needs a different description.
28
+ */
29
+ label: string;
30
+ /**
31
+ * When true, the breadcrumb item will render as an overflow menu instead of a regular link.
32
+ */
33
+ overflow: boolean;
34
+ render(): any;
35
+ }
package/components/breadcrumbs/breadcrumb/breadcrumb.component.js ADDED
@@ -0,0 +1,94 @@
1
+ import {
2
+ __decorateClass,
3
+ __privateAdd,
4
+ __privateGet,
5
+ __privateMethod
6
+ } from "../../../chunks/chunk.QU3DSPNU.js";
7
+ var _GdsBreadcrumb_instances, defaultRel_get, renderContents_fn, renderMainContent_fn, renderOverflowMenu_fn, renderItem_fn, renderCurrent_fn;
8
+ import { nothing } from "lit";
9
+ import { property } from "lit/decorators.js";
10
+ import { ifDefined } from "lit/directives/if-defined.js";
11
+ import { GdsElement } from "../../../gds-element.js";
12
+ import {
13
+ gdsCustomElement,
14
+ html
15
+ } from "../../../utils/helpers/custom-element-scoping.js";
16
+ import { GdsLink } from "../../link/link.component.js";
17
+ import { GdsText } from "../../text/text.component.js";
18
+ import BreadcrumbStyles from "./breadcrumb.styles.js";
19
+ let GdsBreadcrumb = class extends GdsElement {
20
+ constructor() {
21
+ super(...arguments);
22
+ __privateAdd(this, _GdsBreadcrumb_instances);
23
+ this.href = "";
24
+ this.label = "";
25
+ this.overflow = false;
26
+ }
27
+ render() {
28
+ return html`
29
+ <div role="listitem" class="list-item">${__privateMethod(this, _GdsBreadcrumb_instances, renderContents_fn).call(this)}</div>
30
+ `;
31
+ }
32
+ };
33
+ _GdsBreadcrumb_instances = new WeakSet();
34
+ defaultRel_get = function() {
35
+ return this.target === "_blank" ? "noreferrer noopener" : void 0;
36
+ };
37
+ renderContents_fn = function() {
38
+ const elements = [__privateMethod(this, _GdsBreadcrumb_instances, renderMainContent_fn).call(this)];
39
+ return elements.map((element) => html`${element}`);
40
+ };
41
+ renderMainContent_fn = function() {
42
+ if (this.overflow) return __privateMethod(this, _GdsBreadcrumb_instances, renderOverflowMenu_fn).call(this);
43
+ if (this.href) return __privateMethod(this, _GdsBreadcrumb_instances, renderItem_fn).call(this);
44
+ return __privateMethod(this, _GdsBreadcrumb_instances, renderCurrent_fn).call(this);
45
+ };
46
+ renderOverflowMenu_fn = function() {
47
+ return html`<slot></slot>`;
48
+ };
49
+ renderItem_fn = function() {
50
+ return html`
51
+ <gds-link
52
+ href=${ifDefined(this.href)}
53
+ target=${ifDefined(this.target)}
54
+ rel=${ifDefined(this.rel || __privateGet(this, _GdsBreadcrumb_instances, defaultRel_get))}
55
+ aria-label=${this.label || nothing}
56
+ aria-current=${ifDefined(!this.href ? "page" : void 0)}
57
+ >
58
+ <slot name="lead"></slot>
59
+ <slot></slot>
60
+ <slot name="trail"></slot>
61
+ </gds-link>
62
+ `;
63
+ };
64
+ renderCurrent_fn = function() {
65
+ return html`
66
+ <gds-text color="neutral-02" font-weight="regular">
67
+ <slot></slot>
68
+ </gds-text>
69
+ `;
70
+ };
71
+ GdsBreadcrumb.styles = [BreadcrumbStyles];
72
+ __decorateClass([
73
+ property()
74
+ ], GdsBreadcrumb.prototype, "href", 2);
75
+ __decorateClass([
76
+ property()
77
+ ], GdsBreadcrumb.prototype, "target", 2);
78
+ __decorateClass([
79
+ property()
80
+ ], GdsBreadcrumb.prototype, "rel", 2);
81
+ __decorateClass([
82
+ property()
83
+ ], GdsBreadcrumb.prototype, "label", 2);
84
+ __decorateClass([
85
+ property({ type: Boolean, reflect: true })
86
+ ], GdsBreadcrumb.prototype, "overflow", 2);
87
+ GdsBreadcrumb = __decorateClass([
88
+ gdsCustomElement("gds-breadcrumb", {
89
+ dependsOn: [GdsLink, GdsText]
90
+ })
91
+ ], GdsBreadcrumb);
92
+ export {
93
+ GdsBreadcrumb
94
+ };
package/components/breadcrumbs/breadcrumb/breadcrumb.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { GdsBreadcrumb } from './breadcrumb.component';
2
+ export { GdsBreadcrumb };
package/components/breadcrumbs/breadcrumb/breadcrumb.js ADDED
@@ -0,0 +1,6 @@
1
+ import "../../../chunks/chunk.QU3DSPNU.js";
2
+ import { GdsBreadcrumb } from "./breadcrumb.component.js";
3
+ GdsBreadcrumb.define();
4
+ export {
5
+ GdsBreadcrumb
6
+ };
package/components/breadcrumbs/breadcrumb/breadcrumb.styles.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const style: import("lit").CSSResult;
2
+ export default style;
package/components/breadcrumbs/breadcrumb/breadcrumb.styles.js ADDED
@@ -0,0 +1,37 @@
1
+ import "../../../chunks/chunk.QU3DSPNU.js";
2
+ import { css } from "lit";
3
+ const style = css`
4
+ @layer base {
5
+ :host {
6
+ display: contents;
7
+ }
8
+
9
+ .list-item {
10
+ display: flex;
11
+ align-items: center;
12
+ justify-content: center;
13
+ list-style: none;
14
+ margin: unset;
15
+ padding: unset;
16
+ height: max-content;
17
+ font-weight: inherit;
18
+ font-size: inherit;
19
+ line-height: inherit;
20
+ gap: var(--_gap);
21
+ }
22
+
23
+ @container (max-width: 400px) {
24
+ :host(:not([return])) {
25
+ display: none;
26
+ }
27
+
28
+ :host([return]) {
29
+ display: contents;
30
+ }
31
+ }
32
+ }
33
+ `;
34
+ var breadcrumb_styles_default = style;
35
+ export {
36
+ breadcrumb_styles_default as default
37
+ };
package/components/breadcrumbs/breadcrumb/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './breadcrumb';
package/components/breadcrumbs/breadcrumb/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from "./breadcrumb.js";
package/components/breadcrumbs/breadcrumbs.component.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { GdsElement } from '../../gds-element';
2
+ import type { GdsBreadcrumb } from './breadcrumb/breadcrumb.component';
2
3
  declare const GdsBreadcrumbs_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").SizeXProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & typeof GdsElement;
3
4
  /**
4
5
  * @element gds-breadcrumbs
@@ -17,6 +18,8 @@ export declare class GdsBreadcrumbs extends GdsBreadcrumbs_base {
17
18
  * If not provided, the default label is "breadcrumbs".
18
19
  */
19
20
  label: string;
21
+ get breadcrumbItems(): GdsBreadcrumb[];
22
+ private handleSlotChange;
20
23
  render(): any;
21
24
  }
22
25
  export {};
package/components/breadcrumbs/breadcrumbs.component.js CHANGED
@@ -16,7 +16,7 @@ import {
16
16
  withSizeXProps
17
17
  } from "../../utils/mixins/declarative-layout-mixins.js";
18
18
  import { IconChevronLeft } from "../icon/icons/chevron-left.component.js";
19
- import BreadcrumbStyles from "./breadcrumbs.styles.js";
19
+ import BreadcrumbsStyles from "./breadcrumbs.styles.js";
20
20
  let GdsBreadcrumbs = class extends withLayoutChildProps(
21
21
  withSizeXProps(withMarginProps(GdsElement))
22
22
  ) {
@@ -25,9 +25,22 @@ let GdsBreadcrumbs = class extends withLayoutChildProps(
25
25
  this.size = "large";
26
26
  this.label = msg("Breadcrumbs");
27
27
  }
28
+ get breadcrumbItems() {
29
+ return Array.from(
30
+ this.querySelectorAll("[gds-element=gds-breadcrumb]")
31
+ );
32
+ }
33
+ handleSlotChange() {
34
+ const items = this.breadcrumbItems;
35
+ items.forEach((item, index) => {
36
+ if (index === items.length - 2) {
37
+ item.setAttribute("return", "");
38
+ } else {
39
+ item.removeAttribute("return");
40
+ }
41
+ });
42
+ }
28
43
  render() {
29
- const elements = Array.from(this.children);
30
- const secondToLastIndex = elements.length - 2;
31
44
  return html`
32
45
  <nav
33
46
  role="navigation"
@@ -37,25 +50,14 @@ let GdsBreadcrumbs = class extends withLayoutChildProps(
37
50
  <div class="mobile-return">
38
51
  <gds-icon-chevron-left></gds-icon-chevron-left>
39
52
  </div>
40
- <ol>
41
- ${elements.map(
42
- (element, index) => html`
43
- <li
44
- class=${classMap({
45
- "show-on-mobile": index === secondToLastIndex
46
- })}
47
- >
48
- ${element}
49
- </li>
50
- ${index < elements.length - 1 ? html`<span class="separator" aria-hidden="true">/</span>` : null}
51
- `
52
- )}
53
- </ol>
53
+ <div role="list" class="list">
54
+ <slot @slotchange=${this.handleSlotChange}></slot>
55
+ </div>
54
56
  </nav>
55
57
  `;
56
58
  }
57
59
  };
58
- GdsBreadcrumbs.styles = [tokens, BreadcrumbStyles];
60
+ GdsBreadcrumbs.styles = [tokens, BreadcrumbsStyles];
59
61
  __decorateClass([
60
62
  property({ type: String })
61
63
  ], GdsBreadcrumbs.prototype, "size", 2);
package/components/breadcrumbs/breadcrumbs.styles.js CHANGED
@@ -5,29 +5,30 @@ const style = css`
5
5
  @layer base {
6
6
  :host {
7
7
  container-type: inline-size;
8
+ --_gap: var(--gds-sys-space-s);
8
9
  }
9
10
 
10
11
  nav {
11
12
  display: flex;
12
13
  align-items: center;
13
14
  width: max-content;
14
- gap: var(--gds-sys-space-s);
15
+ gap: var(--_gap);
15
16
  font: var(--gds-sys-text-detail-book-m);
16
17
  }
17
18
 
18
19
  .size-small {
19
20
  font: var(--gds-sys-text-detail-book-s);
20
- gap: var(--gds-sys-space-xs);
21
+ --_gap: var(--gds-sys-space-xs);
21
22
  }
22
23
 
23
- .size-small ol {
24
- gap: var(--gds-sys-space-xs);
24
+ .size-small .list {
25
+ --_gap: var(--gds-sys-space-xs);
25
26
  }
26
27
 
27
- ol {
28
+ .list {
28
29
  display: flex;
29
30
  align-items: center;
30
- gap: var(--gds-sys-space-s);
31
+ gap: var(--_gap);
31
32
  list-style: none;
32
33
  margin-block-start: 0;
33
34
  margin-block-end: 0;
@@ -38,27 +39,13 @@ const style = css`
38
39
  line-height: inherit;
39
40
  }
40
41
 
41
- li {
42
- display: flex;
43
- align-items: center;
44
- justify-content: center;
45
- list-style: none;
46
- margin: unset;
47
- padding: unset;
48
- height: max-content;
49
- font-weight: inherit;
50
- font-size: inherit;
51
- line-height: inherit;
42
+ ::slotted(*:not(:last-child))::after {
43
+ content: '/';
44
+ display: block;
52
45
  }
53
46
 
54
- li:last-child {
55
- color: var(--gds-sys-color-content-neutral-02);
56
- }
57
-
58
- .separator {
59
- display: flex;
60
- align-items: center;
61
- justify-content: center;
47
+ ::slotted(*:not([gds-element='gds-breadcrumb'])) {
48
+ display: contents;
62
49
  }
63
50
 
64
51
  .mobile-return {
@@ -72,15 +59,7 @@ const style = css`
72
59
  display: flex;
73
60
  }
74
61
 
75
- li {
76
- display: none;
77
- }
78
-
79
- .show-on-mobile {
80
- display: flex;
81
- }
82
-
83
- .separator {
62
+ ::slotted(*[return])::after {
84
63
  display: none;
85
64
  }
86
65
  }
package/components/breadcrumbs/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './breadcrumbs';
2
+ export * from './breadcrumb';
package/components/breadcrumbs/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export * from "./breadcrumbs.js";
2
+ export * from "./breadcrumb/index.js";
package/components/card/card.component.js CHANGED
@@ -14,7 +14,7 @@ let GdsCard = class extends GdsDiv {
14
14
  constructor() {
15
15
  super();
16
16
  this.variant = "primary";
17
- this.padding = "m;m{l}";
17
+ this.padding = "m;m{xl}";
18
18
  this["border-radius"] = "s";
19
19
  this["gap"] = "m;m{l}";
20
20
  }
@@ -52,6 +52,11 @@ __decorateClass([
52
52
  background = `var(--gds-sys-color-l${this.level}-neutral-02)`;
53
53
  color = "var(--gds-sys-color-content-neutral-01)";
54
54
  break;
55
+ case "tertiary":
56
+ border = "transparent";
57
+ background = `var(--gds-sys-color-l${this.level}-neutral-02)`;
58
+ color = "var(--gds-sys-color-content-neutral-01)";
59
+ break;
55
60
  case "brand-01":
56
61
  border = "transparent";
57
62
  background = `var(--gds-sys-color-l${this.level}-brand-01)`;
package/components/filter-chips/filter-chips.component.js CHANGED
@@ -123,9 +123,20 @@ getChipHeight_fn = function() {
123
123
  return this.chips[0]?.offsetHeight || 0;
124
124
  };
125
125
  handleSlotChange_fn = function() {
126
- const selChipValue = this.chips.find((s) => s.selected)?.value;
127
- if (selChipValue) {
128
- this.value = selChipValue;
126
+ if (this.value === void 0) {
127
+ if (!this.multiple) {
128
+ const selChipValue = this.chips.find((s) => s.selected)?.value;
129
+ if (selChipValue) {
130
+ this.value = selChipValue;
131
+ }
132
+ } else {
133
+ const selChipValues = this.chips.filter((s) => s.selected).map((s) => s.value);
134
+ if (selChipValues.length) {
135
+ this.value = selChipValues;
136
+ }
137
+ }
138
+ } else {
139
+ this._updateSelectedFromValue();
129
140
  }
130
141
  };
131
142
  GdsFilterChips.styles = [FilterChipsStyles];
package/components/pure.d.ts CHANGED
@@ -5,6 +5,7 @@ export * from './alert/alert.component';
5
5
  export * from './badge/badge.component';
6
6
  export * from './blur/blur.component';
7
7
  export * from './breadcrumbs/breadcrumbs.component';
8
+ export * from './breadcrumbs/breadcrumb/breadcrumb.component';
8
9
  export * from './button/button.component';
9
10
  export * from './calendar/calendar.component';
10
11
  export * from './card/card.component';
package/components/pure.js CHANGED
@@ -5,6 +5,7 @@ export * from "./alert/alert.component.js";
5
5
  export * from "./badge/badge.component.js";
6
6
  export * from "./blur/blur.component.js";
7
7
  export * from "./breadcrumbs/breadcrumbs.component.js";
8
+ export * from "./breadcrumbs/breadcrumb/breadcrumb.component.js";
8
9
  export * from "./button/button.component.js";
9
10
  export * from "./calendar/calendar.component.js";
10
11
  export * from "./card/card.component.js";
package/components/theme/theme.component.js CHANGED
@@ -34,13 +34,13 @@ let GdsTheme = class extends GdsElement {
34
34
  );
35
35
  break;
36
36
  case "light":
37
+ default:
37
38
  this._dynamicStylesController.inject(
38
39
  "color-scheme",
39
40
  unsafeCSS(`:host { ${colorsLight}}`)
40
41
  );
41
42
  break;
42
43
  case "auto":
43
- default:
44
44
  this._dynamicStylesController.inject(
45
45
  "color-scheme",
46
46
  unsafeCSS(
package/gds-element.js CHANGED
@@ -14,7 +14,7 @@ class GdsElement extends LitElement {
14
14
  /**
15
15
  * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
16
16
  */
17
- this.semanticVersion = "2.7.0";
17
+ this.semanticVersion = "2.8.0-rc.20251003134451746";
18
18
  this._isUsingTransitionalStyles = false;
19
19
  this._dynamicStylesController = new DynamicStylesController(this);
20
20
  }
package/generated/react/breadcrumb/index.d.ts ADDED
@@ -0,0 +1,376 @@
1
+ import { getReactComponent } from "../../../utils/react";
2
+ import { GdsBreadcrumb as GdsBreadcrumbClass } from "../../../components/breadcrumbs/breadcrumb/breadcrumb.component";
3
+ export declare const GdsBreadcrumb: (props: React.ComponentProps<ReturnType<typeof getReactComponent<GdsBreadcrumbClass>>>) => import("react").ReactElement<Omit<{
4
+ href?: string | undefined;
5
+ target?: ("_self" | "_blank" | "_parent" | "_top") | undefined;
6
+ rel?: string | undefined;
7
+ label?: string | undefined;
8
+ overflow?: boolean | undefined;
9
+ render?: (() => any) | undefined;
10
+ readonly semanticVersion?: "__GDS_SEM_VER__" | undefined;
11
+ gdsElementName?: string | undefined;
12
+ _isUsingTransitionalStyles?: boolean | undefined;
13
+ _dynamicStylesController?: import("../../../utils/controllers/dynamic-styles-controller").DynamicStylesController | undefined;
14
+ connectedCallback?: (() => void) | undefined;
15
+ disconnectedCallback?: (() => void) | undefined;
16
+ dispatchStandardEvent?: ((name: string, options?: EventInit) => boolean) | undefined;
17
+ dispatchCustomEvent?: (<T>(name: string, options?: CustomEventInit<T>) => boolean) | undefined;
18
+ readonly renderOptions?: import("lit-html").RenderOptions | undefined;
19
+ readonly renderRoot?: HTMLElement | DocumentFragment | undefined;
20
+ isUpdatePending?: boolean | undefined;
21
+ hasUpdated?: boolean | undefined;
22
+ addController?: ((controller: import("lit").ReactiveController) => void) | undefined;
23
+ removeController?: ((controller: import("lit").ReactiveController) => void) | undefined;
24
+ attributeChangedCallback?: ((name: string, _old: string | null, value: string | null) => void) | undefined;
25
+ requestUpdate?: ((name?: PropertyKey, oldValue?: unknown, options?: import("lit").PropertyDeclaration) => void) | undefined;
26
+ readonly updateComplete?: Promise<boolean> | undefined;
27
+ accessKey?: string | undefined;
28
+ readonly accessKeyLabel?: string | undefined;
29
+ autocapitalize?: string | undefined;
30
+ dir?: string | undefined;
31
+ draggable?: boolean | undefined;
32
+ hidden?: boolean | undefined;
33
+ inert?: boolean | undefined;
34
+ innerText?: string | undefined;
35
+ lang?: string | undefined;
36
+ readonly offsetHeight?: number | undefined;
37
+ readonly offsetLeft?: number | undefined;
38
+ readonly offsetParent?: Element | null | undefined;
39
+ readonly offsetTop?: number | undefined;
40
+ readonly offsetWidth?: number | undefined;
41
+ outerText?: string | undefined;
42
+ popover?: string | null | undefined;
43
+ spellcheck?: boolean | undefined;
44
+ title?: string | undefined;
45
+ translate?: boolean | undefined;
46
+ attachInternals?: (() => ElementInternals) | undefined;
47
+ click?: (() => void) | undefined;
48
+ hidePopover?: (() => void) | undefined;
49
+ showPopover?: (() => void) | undefined;
50
+ togglePopover?: ((force?: boolean) => boolean) | undefined;
51
+ addEventListener?: {
52
+ <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
53
+ (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
54
+ } | undefined;
55
+ removeEventListener?: {
56
+ <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
57
+ (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
58
+ } | undefined;
59
+ readonly attributes?: NamedNodeMap | undefined;
60
+ readonly classList?: DOMTokenList | undefined;
61
+ className?: string | undefined;
62
+ readonly clientHeight?: number | undefined;
63
+ readonly clientLeft?: number | undefined;
64
+ readonly clientTop?: number | undefined;
65
+ readonly clientWidth?: number | undefined;
66
+ id?: string | undefined;
67
+ readonly localName?: string | undefined;
68
+ readonly namespaceURI?: string | null | undefined;
69
+ onfullscreenchange?: ((this: Element, ev: Event) => any) | null | undefined;
70
+ onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
71
+ outerHTML?: string | undefined;
72
+ readonly ownerDocument?: Document | undefined;
73
+ readonly part?: DOMTokenList | undefined;
74
+ readonly prefix?: string | null | undefined;
75
+ readonly scrollHeight?: number | undefined;
76
+ scrollLeft?: number | undefined;
77
+ scrollTop?: number | undefined;
78
+ readonly scrollWidth?: number | undefined;
79
+ readonly shadowRoot?: ShadowRoot | null | undefined;
80
+ slot?: string | undefined;
81
+ readonly tagName?: string | undefined;
82
+ attachShadow?: ((init: ShadowRootInit) => ShadowRoot) | undefined;
83
+ checkVisibility?: ((options?: CheckVisibilityOptions) => boolean) | undefined;
84
+ closest?: {
85
+ <K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
86
+ <K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
87
+ <K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
88
+ <E extends Element = Element>(selectors: string): E | null;
89
+ } | undefined;
90
+ computedStyleMap?: (() => StylePropertyMapReadOnly) | undefined;
91
+ getAttribute?: ((qualifiedName: string) => string | null) | undefined;
92
+ getAttributeNS?: ((namespace: string | null, localName: string) => string | null) | undefined;
93
+ getAttributeNames?: (() => string[]) | undefined;
94
+ getAttributeNode?: ((qualifiedName: string) => Attr | null) | undefined;
95
+ getAttributeNodeNS?: ((namespace: string | null, localName: string) => Attr | null) | undefined;
96
+ getBoundingClientRect?: (() => DOMRect) | undefined;
97
+ getClientRects?: (() => DOMRectList) | undefined;
98
+ getElementsByClassName?: ((classNames: string) => HTMLCollectionOf<Element>) | undefined;
99
+ getElementsByTagName?: {
100
+ <K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
101
+ <K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
102
+ <K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
103
+ <K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
104
+ (qualifiedName: string): HTMLCollectionOf<Element>;
105
+ } | undefined;
106
+ getElementsByTagNameNS?: {
107
+ (namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
108
+ (namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
109
+ (namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
110
+ (namespace: string | null, localName: string): HTMLCollectionOf<Element>;
111
+ } | undefined;
112
+ hasAttribute?: ((qualifiedName: string) => boolean) | undefined;
113
+ hasAttributeNS?: ((namespace: string | null, localName: string) => boolean) | undefined;
114
+ hasAttributes?: (() => boolean) | undefined;
115
+ hasPointerCapture?: ((pointerId: number) => boolean) | undefined;
116
+ insertAdjacentElement?: ((where: InsertPosition, element: Element) => Element | null) | undefined;
117
+ insertAdjacentHTML?: ((position: InsertPosition, text: string) => void) | undefined;
118
+ insertAdjacentText?: ((where: InsertPosition, data: string) => void) | undefined;
119
+ matches?: ((selectors: string) => boolean) | undefined;
120
+ releasePointerCapture?: ((pointerId: number) => void) | undefined;
121
+ removeAttribute?: ((qualifiedName: string) => void) | undefined;
122
+ removeAttributeNS?: ((namespace: string | null, localName: string) => void) | undefined;
123
+ removeAttributeNode?: ((attr: Attr) => Attr) | undefined;
124
+ requestFullscreen?: ((options?: FullscreenOptions) => Promise<void>) | undefined;
125
+ requestPointerLock?: (() => void) | undefined;
126
+ scroll?: {
127
+ (options?: ScrollToOptions): void;
128
+ (x: number, y: number): void;
129
+ } | undefined;
130
+ scrollBy?: {
131
+ (options?: ScrollToOptions): void;
132
+ (x: number, y: number): void;
133
+ } | undefined;
134
+ scrollIntoView?: ((arg?: boolean | ScrollIntoViewOptions) => void) | undefined;
135
+ scrollTo?: {
136
+ (options?: ScrollToOptions): void;
137
+ (x: number, y: number): void;
138
+ } | undefined;
139
+ setAttribute?: ((qualifiedName: string, value: string) => void) | undefined;
140
+ setAttributeNS?: ((namespace: string | null, qualifiedName: string, value: string) => void) | undefined;
141
+ setAttributeNode?: ((attr: Attr) => Attr | null) | undefined;
142
+ setAttributeNodeNS?: ((attr: Attr) => Attr | null) | undefined;
143
+ setHTMLUnsafe?: ((html: string) => void) | undefined;
144
+ setPointerCapture?: ((pointerId: number) => void) | undefined;
145
+ toggleAttribute?: ((qualifiedName: string, force?: boolean) => boolean) | undefined;
146
+ webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
147
+ readonly baseURI?: string | undefined;
148
+ readonly childNodes?: NodeListOf<ChildNode> | undefined;
149
+ readonly firstChild?: ChildNode | null | undefined;
150
+ readonly isConnected?: boolean | undefined;
151
+ readonly lastChild?: ChildNode | null | undefined;
152
+ readonly nextSibling?: ChildNode | null | undefined;
153
+ readonly nodeName?: string | undefined;
154
+ readonly nodeType?: number | undefined;
155
+ nodeValue?: string | null | undefined;
156
+ readonly parentElement?: HTMLElement | null | undefined;
157
+ readonly parentNode?: ParentNode | null | undefined;
158
+ readonly previousSibling?: ChildNode | null | undefined;
159
+ textContent?: string | null | undefined;
160
+ appendChild?: (<T extends Node>(node: T) => T) | undefined;
161
+ cloneNode?: ((deep?: boolean) => Node) | undefined;
162
+ compareDocumentPosition?: ((other: Node) => number) | undefined;
163
+ contains?: ((other: Node | null) => boolean) | undefined;
164
+ getRootNode?: ((options?: GetRootNodeOptions) => Node) | undefined;
165
+ hasChildNodes?: (() => boolean) | undefined;
166
+ insertBefore?: (<T extends Node>(node: T, child: Node | null) => T) | undefined;
167
+ isDefaultNamespace?: ((namespace: string | null) => boolean) | undefined;
168
+ isEqualNode?: ((otherNode: Node | null) => boolean) | undefined;
169
+ isSameNode?: ((otherNode: Node | null) => boolean) | undefined;
170
+ lookupNamespaceURI?: ((prefix: string | null) => string | null) | undefined;
171
+ lookupPrefix?: ((namespace: string | null) => string | null) | undefined;
172
+ normalize?: (() => void) | undefined;
173
+ removeChild?: (<T extends Node>(child: T) => T) | undefined;
174
+ replaceChild?: (<T extends Node>(node: Node, child: T) => T) | undefined;
175
+ readonly ELEMENT_NODE?: 1 | undefined;
176
+ readonly ATTRIBUTE_NODE?: 2 | undefined;
177
+ readonly TEXT_NODE?: 3 | undefined;
178
+ readonly CDATA_SECTION_NODE?: 4 | undefined;
179
+ readonly ENTITY_REFERENCE_NODE?: 5 | undefined;
180
+ readonly ENTITY_NODE?: 6 | undefined;
181
+ readonly PROCESSING_INSTRUCTION_NODE?: 7 | undefined;
182
+ readonly COMMENT_NODE?: 8 | undefined;
183
+ readonly DOCUMENT_NODE?: 9 | undefined;
184
+ readonly DOCUMENT_TYPE_NODE?: 10 | undefined;
185
+ readonly DOCUMENT_FRAGMENT_NODE?: 11 | undefined;
186
+ readonly NOTATION_NODE?: 12 | undefined;
187
+ readonly DOCUMENT_POSITION_DISCONNECTED?: 1 | undefined;
188
+ readonly DOCUMENT_POSITION_PRECEDING?: 2 | undefined;
189
+ readonly DOCUMENT_POSITION_FOLLOWING?: 4 | undefined;
190
+ readonly DOCUMENT_POSITION_CONTAINS?: 8 | undefined;
191
+ readonly DOCUMENT_POSITION_CONTAINED_BY?: 16 | undefined;
192
+ readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC?: 32 | undefined;
193
+ dispatchEvent?: ((event: Event) => boolean) | undefined;
194
+ ariaAtomic?: string | null | undefined;
195
+ ariaAutoComplete?: string | null | undefined;
196
+ ariaBrailleLabel?: string | null | undefined;
197
+ ariaBrailleRoleDescription?: string | null | undefined;
198
+ ariaBusy?: string | null | undefined;
199
+ ariaChecked?: string | null | undefined;
200
+ ariaColCount?: string | null | undefined;
201
+ ariaColIndex?: string | null | undefined;
202
+ ariaColSpan?: string | null | undefined;
203
+ ariaCurrent?: string | null | undefined;
204
+ ariaDescription?: string | null | undefined;
205
+ ariaDisabled?: string | null | undefined;
206
+ ariaExpanded?: string | null | undefined;
207
+ ariaHasPopup?: string | null | undefined;
208
+ ariaHidden?: string | null | undefined;
209
+ ariaInvalid?: string | null | undefined;
210
+ ariaKeyShortcuts?: string | null | undefined;
211
+ ariaLabel?: string | null | undefined;
212
+ ariaLevel?: string | null | undefined;
213
+ ariaLive?: string | null | undefined;
214
+ ariaModal?: string | null | undefined;
215
+ ariaMultiLine?: string | null | undefined;
216
+ ariaMultiSelectable?: string | null | undefined;
217
+ ariaOrientation?: string | null | undefined;
218
+ ariaPlaceholder?: string | null | undefined;
219
+ ariaPosInSet?: string | null | undefined;
220
+ ariaPressed?: string | null | undefined;
221
+ ariaReadOnly?: string | null | undefined;
222
+ ariaRequired?: string | null | undefined;
223
+ ariaRoleDescription?: string | null | undefined;
224
+ ariaRowCount?: string | null | undefined;
225
+ ariaRowIndex?: string | null | undefined;
226
+ ariaRowSpan?: string | null | undefined;
227
+ ariaSelected?: string | null | undefined;
228
+ ariaSetSize?: string | null | undefined;
229
+ ariaSort?: string | null | undefined;
230
+ ariaValueMax?: string | null | undefined;
231
+ ariaValueMin?: string | null | undefined;
232
+ ariaValueNow?: string | null | undefined;
233
+ ariaValueText?: string | null | undefined;
234
+ role?: string | null | undefined;
235
+ animate?: ((keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions) => Animation) | undefined;
236
+ getAnimations?: ((options?: GetAnimationsOptions) => Animation[]) | undefined;
237
+ after?: ((...nodes: (Node | string)[]) => void) | undefined;
238
+ before?: ((...nodes: (Node | string)[]) => void) | undefined;
239
+ remove?: (() => void) | undefined;
240
+ replaceWith?: ((...nodes: (Node | string)[]) => void) | undefined;
241
+ innerHTML?: string | undefined;
242
+ readonly nextElementSibling?: Element | null | undefined;
243
+ readonly previousElementSibling?: Element | null | undefined;
244
+ readonly childElementCount?: number | undefined;
245
+ readonly children?: HTMLCollection | undefined;
246
+ readonly firstElementChild?: Element | null | undefined;
247
+ readonly lastElementChild?: Element | null | undefined;
248
+ append?: ((...nodes: (Node | string)[]) => void) | undefined;
249
+ prepend?: ((...nodes: (Node | string)[]) => void) | undefined;
250
+ querySelector?: {
251
+ <K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
252
+ <K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
253
+ <K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
254
+ <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
255
+ <E extends Element = Element>(selectors: string): E | null;
256
+ } | undefined;
257
+ querySelectorAll?: {
258
+ <K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
259
+ <K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
260
+ <K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
261
+ <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
262
+ <E extends Element = Element>(selectors: string): NodeListOf<E>;
263
+ } | undefined;
264
+ replaceChildren?: ((...nodes: (Node | string)[]) => void) | undefined;
265
+ readonly assignedSlot?: HTMLSlotElement | null | undefined;
266
+ readonly attributeStyleMap?: StylePropertyMap | undefined;
267
+ readonly style?: CSSStyleDeclaration | undefined;
268
+ contentEditable?: string | undefined;
269
+ enterKeyHint?: string | undefined;
270
+ inputMode?: string | undefined;
271
+ readonly isContentEditable?: boolean | undefined;
272
+ onabort?: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null | undefined;
273
+ onanimationcancel?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
274
+ onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
275
+ onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
276
+ onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
277
+ onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
278
+ onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
279
+ onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
280
+ onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
281
+ oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
282
+ oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
283
+ oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
284
+ onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
285
+ onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
286
+ onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
287
+ oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
288
+ oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
289
+ oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
290
+ oncut?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
291
+ ondblclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
292
+ ondrag?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
293
+ ondragend?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
294
+ ondragenter?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
295
+ ondragleave?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
296
+ ondragover?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
297
+ ondragstart?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
298
+ ondrop?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
299
+ ondurationchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
300
+ onemptied?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
301
+ onended?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
302
+ onerror?: OnErrorEventHandler | undefined;
303
+ onfocus?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
304
+ onformdata?: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null | undefined;
305
+ ongotpointercapture?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
306
+ oninput?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
307
+ oninvalid?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
308
+ onkeydown?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
309
+ onkeypress?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
310
+ onkeyup?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
311
+ onload?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
312
+ onloadeddata?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
313
+ onloadedmetadata?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
314
+ onloadstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
315
+ onlostpointercapture?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
316
+ onmousedown?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
317
+ onmouseenter?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
318
+ onmouseleave?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
319
+ onmousemove?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
320
+ onmouseout?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
321
+ onmouseover?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
322
+ onmouseup?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
323
+ onpaste?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
324
+ onpause?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
325
+ onplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
326
+ onplaying?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
327
+ onpointercancel?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
328
+ onpointerdown?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
329
+ onpointerenter?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
330
+ onpointerleave?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
331
+ onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
332
+ onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
333
+ onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
334
+ onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
335
+ onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null | undefined;
336
+ onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
337
+ onreset?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
338
+ onresize?: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null | undefined;
339
+ onscroll?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
340
+ onscrollend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
341
+ onsecuritypolicyviolation?: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null | undefined;
342
+ onseeked?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
343
+ onseeking?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
344
+ onselect?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
345
+ onselectionchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
346
+ onselectstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
347
+ onslotchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
348
+ onstalled?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
349
+ onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
350
+ onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
351
+ ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
352
+ ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
353
+ ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
354
+ ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
355
+ ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
356
+ ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
357
+ ontransitioncancel?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
358
+ ontransitionend?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
359
+ ontransitionrun?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
360
+ ontransitionstart?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
361
+ onvolumechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
362
+ onwaiting?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
363
+ onwebkitanimationend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
364
+ onwebkitanimationiteration?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
365
+ onwebkitanimationstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
366
+ onwebkittransitionend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
367
+ onwheel?: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null | undefined;
368
+ autofocus?: boolean | undefined;
369
+ readonly dataset?: DOMStringMap | undefined;
370
+ nonce?: string | undefined;
371
+ tabIndex?: number | undefined;
372
+ blur?: (() => void) | undefined;
373
+ focus?: ((options?: FocusOptions) => void) | undefined;
374
+ }, "children"> & {
375
+ children?: import("react").ReactNode;
376
+ } & Omit<import("react").HTMLAttributes<HTMLElement>, "children"> & import("react").RefAttributes<HTMLElement>, string | import("react").JSXElementConstructor<any>>;
package/generated/react/breadcrumb/index.js ADDED
@@ -0,0 +1,13 @@
1
+ import "../../../chunks/chunk.QU3DSPNU.js";
2
+ import { getReactComponent } from "../../../utils/react.js";
3
+ import { GdsBreadcrumb as GdsBreadcrumbClass } from "../../../components/breadcrumbs/breadcrumb/breadcrumb.component.js";
4
+ import { createElement } from "react";
5
+ const GdsBreadcrumb = (props) => {
6
+ GdsBreadcrumbClass.define();
7
+ const JSXElement = getReactComponent("gds-breadcrumb");
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
10
+ };
11
+ export {
12
+ GdsBreadcrumb
13
+ };
package/generated/react/breadcrumbs/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import { GdsBreadcrumbs as GdsBreadcrumbsClass } from "../../../components/bread
3
3
  export declare const GdsBreadcrumbs: (props: React.ComponentProps<ReturnType<typeof getReactComponent<GdsBreadcrumbsClass>>>) => import("react").ReactElement<Omit<{
4
4
  size?: "small" | "large" | undefined;
5
5
  label?: string | undefined;
6
+ readonly breadcrumbItems?: import("../../..").GdsBreadcrumb[] | undefined;
6
7
  render?: (() => any) | undefined;
7
8
  'align-self'?: string | undefined;
8
9
  'justify-self'?: string | undefined;
package/generated/react/index.d.ts CHANGED
@@ -14,8 +14,8 @@ export * from './dialog/index.js';
14
14
  export * from './div/index.js';
15
15
  export * from './divider/index.js';
16
16
  export * from './dropdown/index.js';
17
- export * from './filter-chips/index.js';
18
17
  export * from './fab/index.js';
18
+ export * from './filter-chips/index.js';
19
19
  export * from './flex/index.js';
20
20
  export * from './form-summary/index.js';
21
21
  export * from './grid/index.js';
@@ -43,6 +43,7 @@ export * from './form-control-footer/index.js';
43
43
  export * from './form-control-header/index.js';
44
44
  export * from './option/index.js';
45
45
  export * from './menu-item/index.js';
46
+ export * from './breadcrumb/index.js';
46
47
  export * from './checkbox-group/index.js';
47
48
  export * from './icons/icon-details/index.js';
48
49
  export * from './filter-chip/index.js';
@@ -52,8 +53,8 @@ export * from './formatted-number/index.js';
52
53
  export * from './radio-group/index.js';
53
54
  export * from './segment/index.js';
54
55
  export * from './sensitive-account/index.js';
55
- export * from './sensitive-number/index.js';
56
56
  export * from './sensitive-date/index.js';
57
+ export * from './sensitive-number/index.js';
57
58
  export * from './icons/icon-ai/index.js';
58
59
  export * from './icons/icon-airplane-up/index.js';
59
60
  export * from './icons/icon-archive/index.js';
package/generated/react/index.js CHANGED
@@ -14,8 +14,8 @@ export * from "./dialog/index.js";
14
14
  export * from "./div/index.js";
15
15
  export * from "./divider/index.js";
16
16
  export * from "./dropdown/index.js";
17
- export * from "./filter-chips/index.js";
18
17
  export * from "./fab/index.js";
18
+ export * from "./filter-chips/index.js";
19
19
  export * from "./flex/index.js";
20
20
  export * from "./form-summary/index.js";
21
21
  export * from "./grid/index.js";
@@ -43,6 +43,7 @@ export * from "./form-control-footer/index.js";
43
43
  export * from "./form-control-header/index.js";
44
44
  export * from "./option/index.js";
45
45
  export * from "./menu-item/index.js";
46
+ export * from "./breadcrumb/index.js";
46
47
  export * from "./checkbox-group/index.js";
47
48
  export * from "./icons/icon-details/index.js";
48
49
  export * from "./filter-chip/index.js";
@@ -52,8 +53,8 @@ export * from "./formatted-number/index.js";
52
53
  export * from "./radio-group/index.js";
53
54
  export * from "./segment/index.js";
54
55
  export * from "./sensitive-account/index.js";
55
- export * from "./sensitive-number/index.js";
56
56
  export * from "./sensitive-date/index.js";
57
+ export * from "./sensitive-number/index.js";
57
58
  export * from "./icons/icon-ai/index.js";
58
59
  export * from "./icons/icon-airplane-up/index.js";
59
60
  export * from "./icons/icon-archive/index.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sebgroup/green-core",
3
3
  "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
4
- "version": "2.7.0",
4
+ "version": "2.8.0-rc.20251003134451746",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "type": "module",
@@ -57,6 +57,8 @@
57
57
  "./components/badge/index.js",
58
58
  "./components/blur/blur.js",
59
59
  "./components/blur/index.js",
60
+ "./components/breadcrumbs/breadcrumb/breadcrumb.js",
61
+ "./components/breadcrumbs/breadcrumb/index.js",
60
62
  "./components/breadcrumbs/breadcrumbs.js",
61
63
  "./components/breadcrumbs/index.js",
62
64
  "./components/button/button.js",
package/tokens.style.js CHANGED
@@ -16,15 +16,25 @@ const tokens = [
16
16
  GlobalStylesRegistry.instance.injectGlobalStyles(
17
17
  "root-tokens",
18
18
  css`
19
- :root,
20
- :root[gds-theme='light'] {
19
+ :root {
21
20
  ${unsafeCSS(base)}
22
21
  ${unsafeCSS(shadows)}
22
+ }
23
+ :root:not([gds-theme]),
24
+ :root[gds-theme='light'] {
23
25
  ${unsafeCSS(colorsLight)}
24
26
  }
25
27
  :root[gds-theme='dark'] {
26
28
  ${unsafeCSS(colorsDark)}
27
29
  }
30
+ :root[gds-theme='auto'] {
31
+ @media (prefers-color-scheme: dark) {
32
+ ${unsafeCSS(colorsDark)}
33
+ }
34
+ @media (prefers-color-scheme: light) {
35
+ ${unsafeCSS(colorsLight)}
36
+ }
37
+ }
28
38
  `
29
39
  );
30
40
  export {
package/utils/helpers/custom-element-scoping.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "../../chunks/chunk.QU3DSPNU.js";
2
2
  import { html as litHtml } from "lit";
3
- const VER_SUFFIX = "-32727e";
3
+ const VER_SUFFIX = "-420cd4";
4
4
  class ScopedElementRegistry {
5
5
  static get instance() {
6
6
  if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])