@eui/eds-wc 22.0.0-alpha.16 → 22.0.0-alpha.18

package/eds-overlay/eds-wc-overlay-content.js

@@ -0,0 +1,34 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-content>` — scrollable body region of `<eds-wc-overlay>`.
+ * 1:1 projection of the Angular `eds-overlay-content` component. Place with `slot="content"`.
+ *
+ * @slot - Default slot for the overlay body content.
+ */
+let EdsWcOverlayContent = class EdsWcOverlayContent extends EdsBaseElement {
+    static { this.styles = css `
+        :host {
+            display: block;
+            flex: 1;
+            padding: var(--eds-sp-l);
+            overflow-y: auto;
+            min-height: 0;
+        }
+    `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+EdsWcOverlayContent = __decorate([
+    customElement('eds-wc-overlay-content')
+], EdsWcOverlayContent);
+export { EdsWcOverlayContent };
+//# sourceMappingURL=eds-wc-overlay-content.js.map

package/eds-overlay/eds-wc-overlay-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-content.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-content.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,cAAc;aACnC,WAAM,GAAG,GAAG,CAAA;;;;;;;;KAQ3B,AARqB,CAQpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAbQ,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAc/B"}

package/eds-overlay/eds-wc-overlay-footer.d.ts

@@ -0,0 +1,17 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-footer>` — footer region of `<eds-wc-overlay>`.
+ * 1:1 projection of the Angular `eds-overlay-footer` component. Place with `slot="footer"`.
+ *
+ * @slot - Default slot for footer content (e.g. action buttons).
+ */
+export declare class EdsWcOverlayFooter extends EdsBaseElement {
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-overlay-footer': EdsWcOverlayFooter;
+    }
+}
+//# sourceMappingURL=eds-wc-overlay-footer.d.ts.map

package/eds-overlay/eds-wc-overlay-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-footer.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-footer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,cAAc;IAClD,OAAgB,MAAM,0BASpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;CACJ"}

package/eds-overlay/eds-wc-overlay-footer.js

@@ -0,0 +1,35 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-footer>` — footer region of `<eds-wc-overlay>`.
+ * 1:1 projection of the Angular `eds-overlay-footer` component. Place with `slot="footer"`.
+ *
+ * @slot - Default slot for footer content (e.g. action buttons).
+ */
+let EdsWcOverlayFooter = class EdsWcOverlayFooter extends EdsBaseElement {
+    static { this.styles = css `
+        :host {
+            display: flex;
+            align-items: center;
+            gap: var(--eds-sp-xs);
+            padding: var(--eds-sp-m) var(--eds-sp-l);
+            border-top: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+            flex-shrink: 0;
+        }
+    `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+EdsWcOverlayFooter = __decorate([
+    customElement('eds-wc-overlay-footer')
+], EdsWcOverlayFooter);
+export { EdsWcOverlayFooter };
+//# sourceMappingURL=eds-wc-overlay-footer.js.map

package/eds-overlay/eds-wc-overlay-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-footer.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-footer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,cAAc;aAClC,WAAM,GAAG,GAAG,CAAA;;;;;;;;;KAS3B,AATqB,CASpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAdQ,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAe9B"}

package/eds-overlay/eds-wc-overlay-header-action-items.d.ts

@@ -0,0 +1,18 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-header-action-items>` — container for extra header action items.
+ * 1:1 projection of the Angular `eds-overlay-header-action-items` component. Place with
+ * `slot="actions"`.
+ *
+ * @slot - Default slot for action items (e.g. icon buttons).
+ */
+export declare class EdsWcOverlayHeaderActionItems extends EdsBaseElement {
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-overlay-header-action-items': EdsWcOverlayHeaderActionItems;
+    }
+}
+//# sourceMappingURL=eds-wc-overlay-header-action-items.d.ts.map

package/eds-overlay/eds-wc-overlay-header-action-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-header-action-items.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-header-action-items.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;GAMG;AACH,qBACa,6BAA8B,SAAQ,cAAc;IAC7D,OAAgB,MAAM,0BAOpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oCAAoC,EAAE,6BAA6B,CAAC;KACvE;CACJ"}

package/eds-overlay/eds-wc-overlay-header-action-items.js

@@ -0,0 +1,34 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-header-action-items>` — container for extra header action items.
+ * 1:1 projection of the Angular `eds-overlay-header-action-items` component. Place with
+ * `slot="actions"`.
+ *
+ * @slot - Default slot for action items (e.g. icon buttons).
+ */
+let EdsWcOverlayHeaderActionItems = class EdsWcOverlayHeaderActionItems extends EdsBaseElement {
+    static { this.styles = css `
+        :host {
+            display: flex;
+            align-items: center;
+            gap: var(--eds-sp-xs);
+            flex-shrink: 0;
+        }
+    `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+EdsWcOverlayHeaderActionItems = __decorate([
+    customElement('eds-wc-overlay-header-action-items')
+], EdsWcOverlayHeaderActionItems);
+export { EdsWcOverlayHeaderActionItems };
+//# sourceMappingURL=eds-wc-overlay-header-action-items.js.map

package/eds-overlay/eds-wc-overlay-header-action-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-header-action-items.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-header-action-items.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;GAMG;AAEI,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,cAAc;aAC7C,WAAM,GAAG,GAAG,CAAA;;;;;;;KAO3B,AAPqB,CAOpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAZQ,6BAA6B;IADzC,aAAa,CAAC,oCAAoC,CAAC;GACvC,6BAA6B,CAazC"}

package/eds-overlay/eds-wc-overlay-header-label.d.ts

@@ -0,0 +1,17 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-header-label>` — primary title text inside an overlay header.
+ * 1:1 projection of the Angular `eds-overlay-header-label` component. Place with `slot="label"`.
+ *
+ * @slot - Default slot for the label text.
+ */
+export declare class EdsWcOverlayHeaderLabel extends EdsBaseElement {
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-overlay-header-label': EdsWcOverlayHeaderLabel;
+    }
+}
+//# sourceMappingURL=eds-wc-overlay-header-label.d.ts.map

package/eds-overlay/eds-wc-overlay-header-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-header-label.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-header-label.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,uBAAwB,SAAQ,cAAc;IACvD,OAAgB,MAAM,0BAMpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,6BAA6B,EAAE,uBAAuB,CAAC;KAC1D;CACJ"}

package/eds-overlay/eds-wc-overlay-header-label.js

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-header-label>` — primary title text inside an overlay header.
+ * 1:1 projection of the Angular `eds-overlay-header-label` component. Place with `slot="label"`.
+ *
+ * @slot - Default slot for the label text.
+ */
+let EdsWcOverlayHeaderLabel = class EdsWcOverlayHeaderLabel extends EdsBaseElement {
+    static { this.styles = css `
+        :host {
+            display: block;
+            font: var(--eds-f-heading-s);
+            color: var(--eds-c-foreground);
+        }
+    `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+EdsWcOverlayHeaderLabel = __decorate([
+    customElement('eds-wc-overlay-header-label')
+], EdsWcOverlayHeaderLabel);
+export { EdsWcOverlayHeaderLabel };
+//# sourceMappingURL=eds-wc-overlay-header-label.js.map

package/eds-overlay/eds-wc-overlay-header-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-header-label.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-header-label.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,cAAc;aACvC,WAAM,GAAG,GAAG,CAAA;;;;;;KAM3B,AANqB,CAMpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAXQ,uBAAuB;IADnC,aAAa,CAAC,6BAA6B,CAAC;GAChC,uBAAuB,CAYnC"}

package/eds-overlay/eds-wc-overlay-header-sublabel.d.ts

@@ -0,0 +1,17 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-header-sublabel>` — secondary subtitle text inside an overlay header.
+ * 1:1 projection of the Angular `eds-overlay-header-sublabel` component. Place with `slot="sublabel"`.
+ *
+ * @slot - Default slot for the sublabel text.
+ */
+export declare class EdsWcOverlayHeaderSublabel extends EdsBaseElement {
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-overlay-header-sublabel': EdsWcOverlayHeaderSublabel;
+    }
+}
+//# sourceMappingURL=eds-wc-overlay-header-sublabel.d.ts.map

package/eds-overlay/eds-wc-overlay-header-sublabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-header-sublabel.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-header-sublabel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,0BAA2B,SAAQ,cAAc;IAC1D,OAAgB,MAAM,0BAMpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gCAAgC,EAAE,0BAA0B,CAAC;KAChE;CACJ"}

package/eds-overlay/eds-wc-overlay-header-sublabel.js

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-header-sublabel>` — secondary subtitle text inside an overlay header.
+ * 1:1 projection of the Angular `eds-overlay-header-sublabel` component. Place with `slot="sublabel"`.
+ *
+ * @slot - Default slot for the sublabel text.
+ */
+let EdsWcOverlayHeaderSublabel = class EdsWcOverlayHeaderSublabel extends EdsBaseElement {
+    static { this.styles = css `
+        :host {
+            display: block;
+            font: var(--eds-f-paragraph-s);
+            color: var(--eds-c-foreground-subtler);
+        }
+    `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+EdsWcOverlayHeaderSublabel = __decorate([
+    customElement('eds-wc-overlay-header-sublabel')
+], EdsWcOverlayHeaderSublabel);
+export { EdsWcOverlayHeaderSublabel };
+//# sourceMappingURL=eds-wc-overlay-header-sublabel.js.map

package/eds-overlay/eds-wc-overlay-header-sublabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-header-sublabel.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-header-sublabel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,cAAc;aAC1C,WAAM,GAAG,GAAG,CAAA;;;;;;KAM3B,AANqB,CAMpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAXQ,0BAA0B;IADtC,aAAa,CAAC,gCAAgC,CAAC;GACnC,0BAA0B,CAYtC"}

package/eds-overlay/eds-wc-overlay-header.d.ts

@@ -0,0 +1,25 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-header>` — header region of `<eds-wc-overlay>`.
+ *
+ * Lays out a label column (label + sublabel), optional action items, and a built-in close button.
+ * 1:1 projection of the Angular `eds-overlay-header` component (which embeds an `edsIconButton`
+ * close button and emits `closeClick`). Place inside the overlay via `slot="header"`.
+ *
+ * @slot label - The primary title (`<eds-wc-overlay-header-label>`).
+ * @slot sublabel - The secondary subtitle (`<eds-wc-overlay-header-sublabel>`).
+ * @slot actions - Extra action items (`<eds-wc-overlay-header-action-items>`).
+ *
+ * @fires close-click - Dispatched when the built-in close button is clicked. `detail: null`.
+ */
+export declare class EdsWcOverlayHeader extends EdsBaseElement {
+    static styles: import("lit").CSSResult;
+    private _onClose;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-overlay-header': EdsWcOverlayHeader;
+    }
+}
+//# sourceMappingURL=eds-wc-overlay-header.d.ts.map

package/eds-overlay/eds-wc-overlay-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-header.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,qBACa,kBAAmB,SAAQ,cAAc;IAClD,OAAgB,MAAM,0BAkDpB;IAEF,OAAO,CAAC,QAAQ;cAQG,MAAM;CAkB5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;CACJ"}

package/eds-overlay/eds-wc-overlay-header.js

@@ -0,0 +1,105 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * `<eds-wc-overlay-header>` — header region of `<eds-wc-overlay>`.
+ *
+ * Lays out a label column (label + sublabel), optional action items, and a built-in close button.
+ * 1:1 projection of the Angular `eds-overlay-header` component (which embeds an `edsIconButton`
+ * close button and emits `closeClick`). Place inside the overlay via `slot="header"`.
+ *
+ * @slot label - The primary title (`<eds-wc-overlay-header-label>`).
+ * @slot sublabel - The secondary subtitle (`<eds-wc-overlay-header-sublabel>`).
+ * @slot actions - Extra action items (`<eds-wc-overlay-header-action-items>`).
+ *
+ * @fires close-click - Dispatched when the built-in close button is clicked. `detail: null`.
+ */
+let EdsWcOverlayHeader = class EdsWcOverlayHeader extends EdsBaseElement {
+    static { this.styles = css `
+        :host, *, *::before, *::after {
+            box-sizing: border-box;
+        }
+
+        :host {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: var(--eds-sp-m) var(--eds-sp-l);
+            border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+            flex-shrink: 0;
+        }
+
+        .header-labels {
+            display: flex;
+            flex-direction: column;
+            gap: var(--eds-sp-3xs);
+            min-width: 0;
+            flex: 1;
+        }
+
+        .header__close {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            border: none;
+            background: none;
+            cursor: pointer;
+            padding: var(--eds-sp-xs);
+            border-radius: var(--eds-br-full);
+            color: var(--eds-c-foreground-subtle);
+            font-family: inherit;
+            flex-shrink: 0;
+        }
+
+        .header__close:hover {
+            background: var(--eds-c-surface-neutral-subtle);
+        }
+
+        .header__close:focus-visible {
+            outline: 2px solid var(--eds-c-border-focus);
+            outline-offset: 2px;
+        }
+
+        .header__close svg {
+            width: var(--eds-is-s);
+            height: var(--eds-is-s);
+            fill: currentColor;
+        }
+    `; }
+    _onClose() {
+        this.dispatchEvent(new CustomEvent('close-click', {
+            bubbles: true,
+            composed: true,
+            detail: null,
+        }));
+    }
+    render() {
+        const baseUrl = EdsBaseElement.assetsBaseUrl;
+        const xHref = `${baseUrl}/eds/icons/sprites/core.svg#x`;
+        return html `
+            <div class="header-labels">
+                <slot name="label"></slot>
+                <slot name="sublabel"></slot>
+            </div>
+            <slot name="actions"></slot>
+            <button
+                class="header__close"
+                type="button"
+                aria-label="Close overlay"
+                @click="${this._onClose}">
+                <svg aria-hidden="true"><use href="${xHref}"></use></svg>
+            </button>
+        `;
+    }
+};
+EdsWcOverlayHeader = __decorate([
+    customElement('eds-wc-overlay-header')
+], EdsWcOverlayHeader);
+export { EdsWcOverlayHeader };
+//# sourceMappingURL=eds-wc-overlay-header.js.map

package/eds-overlay/eds-wc-overlay-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay-header.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;GAYG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,cAAc;aAClC,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkD3B,AAlDqB,CAkDpB;IAEM,QAAQ;QACZ,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;YAC9C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACR,CAAC;IAEkB,MAAM;QACrB,MAAM,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC;QAC7C,MAAM,KAAK,GAAG,GAAG,OAAO,+BAA+B,CAAC;QACxD,OAAO,IAAI,CAAA;;;;;;;;;;0BAUO,IAAI,CAAC,QAAQ;qDACc,KAAK;;SAEjD,CAAC;IACN,CAAC;;AA9EQ,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CA+E9B"}

package/eds-overlay/eds-wc-overlay.d.ts

@@ -0,0 +1,92 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * Local narrowed union — the overlay's screen-position contract. Copied verbatim from the
+ * Angular `eds-overlay` exported `EdsOverlayPosition` union. No shared-token import.
+ */
+export type EdsWcOverlayPosition = 'right' | 'left' | 'top' | 'bottom';
+/**
+ * `<eds-wc-overlay>` — EDS Overlay (slide-in panel) Web Component.
+ *
+ * A full-viewport slide-in panel anchored to a screen edge (`right` / `left` / `top` / `bottom`)
+ * with an optional dimmed backdrop, focus trap, and Escape-to-close. 1:1 projection of the Angular
+ * `eds-overlay` component (the panel is NOT a native `<dialog>` because it slides from a screen edge
+ * with a custom backdrop and directional transforms).
+ *
+ * The panel content is composed from the header / content / footer sub-elements
+ * (`<eds-wc-overlay-header>`, `<eds-wc-overlay-content>`, `<eds-wc-overlay-footer>`), plus a default
+ * slot. The header renders its own close button which dispatches `close-click`.
+ *
+ * Accessibility: the host carries `role="dialog"`, reflects `aria-hidden` and `inert` when inactive,
+ * traps Tab focus within the panel while active, auto-focuses the first focusable element on open,
+ * closes on `Escape` (dispatching `active-state` with `false`), and returns focus to the previously
+ * focused element on close.
+ *
+ * @example
+ * ```html
+ * <eds-wc-overlay is-active position="right" has-closed-on-click-outside>
+ *   <eds-wc-overlay-header>
+ *     <eds-wc-overlay-header-label slot="label">Title</eds-wc-overlay-header-label>
+ *     <eds-wc-overlay-header-sublabel slot="sublabel">Subtitle</eds-wc-overlay-header-sublabel>
+ *   </eds-wc-overlay-header>
+ *   <eds-wc-overlay-content>Body content</eds-wc-overlay-content>
+ *   <eds-wc-overlay-footer>Footer</eds-wc-overlay-footer>
+ * </eds-wc-overlay>
+ * ```
+ *
+ * @slot - Default slot for overlay panel content (in addition to the header/content/footer sub-elements).
+ *
+ * @fires active-state - Dispatched when the overlay's active state changes (Escape or backdrop click request a close). `detail: { active: boolean }` (typically `false`).
+ */
+export declare class EdsWcOverlay extends EdsBaseElement {
+    /**
+     * Controls the visibility and active state of the overlay.
+     * @default false
+     */
+    isActive: boolean;
+    /**
+     * Screen position where the overlay appears.
+     * @default 'right'
+     */
+    position: EdsWcOverlayPosition;
+    /**
+     * Responsive width variant for the overlay panel (e.g. 'small', 'medium', 'large', 'xlarge').
+     * @default ''
+     */
+    width: string;
+    /**
+     * Fixed width value (overrides responsive width).
+     * @default ''
+     */
+    fixedWidth: string;
+    /**
+     * Enables automatic closing when clicking outside the overlay (on the backdrop).
+     * @default false
+     */
+    hasClosedOnClickOutside: boolean;
+    /**
+     * Applies highlighted visual styling (a leading accent border on the panel).
+     * @default false
+     */
+    isHighlighted: boolean;
+    /** Element that had focus before the overlay opened; focus is returned here on close. */
+    private _previouslyFocused;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    /** Reflect `aria-hidden` / `inert` based on the active state (matches the Angular host bindings). */
+    private _syncInactiveAria;
+    private _getFocusable;
+    private _focusFirst;
+    private _onKeydown;
+    /** Keep Tab focus cycling within the panel while active (single-shadow-root focus trap). */
+    private _trapFocus;
+    private _onBackdropClick;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-overlay': EdsWcOverlay;
+    }
+}
+//# sourceMappingURL=eds-wc-overlay.d.ts.map

package/eds-overlay/eds-wc-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-overlay.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-wc-overlay.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,YAAa,SAAQ,cAAc;IAC5C;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,EAAE,oBAAoB,CAAW;IAEzC;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,UAAU,SAAM;IAEhB;;;OAGG;IAEH,uBAAuB,UAAS;IAEhC;;;OAGG;IAEH,aAAa,UAAS;IAEtB,yFAAyF;IACzF,OAAO,CAAC,kBAAkB,CAA4B;IAEtD,OAAgB,MAAM,0BA8GpB;IAEO,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;cAKlB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAe/D,qGAAqG;IACrG,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;IAyBrB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU,CAehB;IAEF,4FAA4F;IAC5F,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,gBAAgB;cAUL,MAAM;CAgB5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,YAAY,CAAC;KAClC;CACJ"}