@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.50

package/eds-side-sheet/eds-wc-side-sheet-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-side-sheet-footer>` — footer region of `<eds-wc-side-sheet>`.
+ * 1:1 projection of the Angular `eds-side-sheet-footer` component. Place with `slot="footer"`.
+ *
+ * @slot - Default slot for footer content (e.g. action buttons).
+ */
+let EdsWcSideSheetFooter = class EdsWcSideSheetFooter 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>`;
+    }
+};
+EdsWcSideSheetFooter = __decorate([
+    customElement('eds-wc-side-sheet-footer')
+], EdsWcSideSheetFooter);
+export { EdsWcSideSheetFooter };
+//# sourceMappingURL=eds-wc-side-sheet-footer.js.map

package/eds-side-sheet/eds-wc-side-sheet-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet-footer.js","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-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,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,cAAc;aACpC,WAAM,GAAG,GAAG,CAAA;;;;;;;;;KAS3B,AATqB,CASpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAdQ,oBAAoB;IADhC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,oBAAoB,CAehC"}

package/eds-side-sheet/eds-wc-side-sheet-header-action-items.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet-header-action-items.d.ts","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-header-action-items.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;GAMG;AACH,qBACa,+BAAgC,SAAQ,cAAc;IAC/D,OAAgB,MAAM,0BAOpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uCAAuC,EAAE,+BAA+B,CAAC;KAC5E;CACJ"}

package/eds-side-sheet/eds-wc-side-sheet-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-side-sheet-header-action-items>` — container for extra header action items.
+ * 1:1 projection of the Angular `eds-side-sheet-header-action-items` component. Place with
+ * `slot="actions"`.
+ *
+ * @slot - Default slot for action items (e.g. icon buttons).
+ */
+let EdsWcSideSheetHeaderActionItems = class EdsWcSideSheetHeaderActionItems 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>`;
+    }
+};
+EdsWcSideSheetHeaderActionItems = __decorate([
+    customElement('eds-wc-side-sheet-header-action-items')
+], EdsWcSideSheetHeaderActionItems);
+export { EdsWcSideSheetHeaderActionItems };
+//# sourceMappingURL=eds-wc-side-sheet-header-action-items.js.map

package/eds-side-sheet/eds-wc-side-sheet-header-action-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet-header-action-items.js","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-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,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,cAAc;aAC/C,WAAM,GAAG,GAAG,CAAA;;;;;;;KAO3B,AAPqB,CAOpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAZQ,+BAA+B;IAD3C,aAAa,CAAC,uCAAuC,CAAC;GAC1C,+BAA+B,CAa3C"}

package/eds-side-sheet/eds-wc-side-sheet-header-label.d.ts

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

package/eds-side-sheet/eds-wc-side-sheet-header-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet-header-label.d.ts","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-header-label.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,yBAA0B,SAAQ,cAAc;IACzD,OAAgB,MAAM,0BAMpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gCAAgC,EAAE,yBAAyB,CAAC;KAC/D;CACJ"}

package/eds-side-sheet/eds-wc-side-sheet-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-side-sheet-header-label>` — primary title text inside a side sheet header.
+ * 1:1 projection of the Angular `eds-side-sheet-header-label` component. Place with `slot="label"`.
+ *
+ * @slot - Default slot for the label text.
+ */
+let EdsWcSideSheetHeaderLabel = class EdsWcSideSheetHeaderLabel 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>`;
+    }
+};
+EdsWcSideSheetHeaderLabel = __decorate([
+    customElement('eds-wc-side-sheet-header-label')
+], EdsWcSideSheetHeaderLabel);
+export { EdsWcSideSheetHeaderLabel };
+//# sourceMappingURL=eds-wc-side-sheet-header-label.js.map

package/eds-side-sheet/eds-wc-side-sheet-header-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet-header-label.js","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-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,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,cAAc;aACzC,WAAM,GAAG,GAAG,CAAA;;;;;;KAM3B,AANqB,CAMpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAXQ,yBAAyB;IADrC,aAAa,CAAC,gCAAgC,CAAC;GACnC,yBAAyB,CAYrC"}

package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.d.ts

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

package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet-header-sublabel.d.ts","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-header-sublabel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,4BAA6B,SAAQ,cAAc;IAC5D,OAAgB,MAAM,0BAMpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mCAAmC,EAAE,4BAA4B,CAAC;KACrE;CACJ"}

package/eds-side-sheet/eds-wc-side-sheet-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-side-sheet-header-sublabel>` — secondary subtitle text inside a side sheet header.
+ * 1:1 projection of the Angular `eds-side-sheet-header-sublabel` component. Place with `slot="sublabel"`.
+ *
+ * @slot - Default slot for the sublabel text.
+ */
+let EdsWcSideSheetHeaderSublabel = class EdsWcSideSheetHeaderSublabel 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>`;
+    }
+};
+EdsWcSideSheetHeaderSublabel = __decorate([
+    customElement('eds-wc-side-sheet-header-sublabel')
+], EdsWcSideSheetHeaderSublabel);
+export { EdsWcSideSheetHeaderSublabel };
+//# sourceMappingURL=eds-wc-side-sheet-header-sublabel.js.map

package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet-header-sublabel.js","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-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,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,cAAc;aAC5C,WAAM,GAAG,GAAG,CAAA;;;;;;KAM3B,AANqB,CAMpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAXQ,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CAYxC"}

package/eds-side-sheet/eds-wc-side-sheet-header.d.ts

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

package/eds-side-sheet/eds-wc-side-sheet-header.d.ts.map

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

package/eds-side-sheet/eds-wc-side-sheet-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-side-sheet-header>` — header region of `<eds-wc-side-sheet>`.
+ *
+ * Lays out a label column (label + sublabel), optional action items, and a built-in close button.
+ * 1:1 projection of the Angular `eds-side-sheet-header` component (which embeds an `edsIconButton`
+ * close button and emits `closeClick`). Place inside the side sheet via `slot="header"`.
+ *
+ * @slot label - The primary title (`<eds-wc-side-sheet-header-label>`).
+ * @slot sublabel - The secondary subtitle (`<eds-wc-side-sheet-header-sublabel>`).
+ * @slot actions - Extra action items (`<eds-wc-side-sheet-header-action-items>`).
+ *
+ * @fires close-click - Dispatched when the built-in close button is clicked. `detail: null`.
+ */
+let EdsWcSideSheetHeader = class EdsWcSideSheetHeader 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 side sheet"
+                @click="${this._onClose}">
+                <svg aria-hidden="true"><use href="${xHref}"></use></svg>
+            </button>
+        `;
+    }
+};
+EdsWcSideSheetHeader = __decorate([
+    customElement('eds-wc-side-sheet-header')
+], EdsWcSideSheetHeader);
+export { EdsWcSideSheetHeader };
+//# sourceMappingURL=eds-wc-side-sheet-header.js.map

package/eds-side-sheet/eds-wc-side-sheet-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet-header.js","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-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,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,cAAc;aACpC,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,oBAAoB;IADhC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,oBAAoB,CA+EhC"}

package/eds-side-sheet/eds-wc-side-sheet.d.ts

@@ -0,0 +1,97 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+/**
+ * Local narrowed union — the side sheet's screen-position contract. Copied verbatim from the
+ * Angular `eds-side-sheet` exported `EdsSideSheetPosition` union. No shared-token import.
+ */
+export type EdsWcSideSheetPosition = 'right' | 'left' | 'top' | 'bottom';
+/**
+ * `<eds-wc-side-sheet>` — EDS Side Sheet (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-side-sheet` 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-side-sheet-header>`, `<eds-wc-side-sheet-content>`, `<eds-wc-side-sheet-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-side-sheet is-active position="right" has-backdrop has-closed-on-click-outside>
+ *   <eds-wc-side-sheet-header>
+ *     <eds-wc-side-sheet-header-label slot="label">Title</eds-wc-side-sheet-header-label>
+ *     <eds-wc-side-sheet-header-sublabel slot="sublabel">Subtitle</eds-wc-side-sheet-header-sublabel>
+ *   </eds-wc-side-sheet-header>
+ *   <eds-wc-side-sheet-content>Body content</eds-wc-side-sheet-content>
+ *   <eds-wc-side-sheet-footer>Footer</eds-wc-side-sheet-footer>
+ * </eds-wc-side-sheet>
+ * ```
+ *
+ * @slot - Default slot for side sheet panel content (in addition to the header/content/footer sub-elements).
+ *
+ * @fires active-state - Dispatched when the side sheet's active state changes (Escape or backdrop click request a close). `detail: { active: boolean }` (typically `false`).
+ */
+export declare class EdsWcSideSheet extends EdsBaseElement {
+    /**
+     * Controls the visibility and active state of the side sheet.
+     * @default false
+     */
+    isActive: boolean;
+    /**
+     * Screen position where the side sheet appears.
+     * @default 'right'
+     */
+    position: EdsWcSideSheetPosition;
+    /**
+     * Responsive width variant for the side sheet 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 side sheet (on the backdrop).
+     * @default false
+     */
+    hasClosedOnClickOutside: boolean;
+    /**
+     * Shows a dimmed backdrop behind the side sheet panel. Off by default.
+     * @default false
+     */
+    hasBackdrop: boolean;
+    /**
+     * Applies highlighted visual styling (a leading accent border on the panel).
+     * @default false
+     */
+    isHighlighted: boolean;
+    /** Element that had focus before the side sheet 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-side-sheet': EdsWcSideSheet;
+    }
+}
+//# sourceMappingURL=eds-wc-side-sheet.d.ts.map

package/eds-side-sheet/eds-wc-side-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-side-sheet.d.ts","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,cAAe,SAAQ,cAAc;IAC9C;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,EAAE,sBAAsB,CAAW;IAE3C;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,UAAU,SAAM;IAEhB;;;OAGG;IAEH,uBAAuB,UAAS;IAEhC;;;OAGG;IAEH,WAAW,UAAS;IAEpB;;;OAGG;IAEH,aAAa,UAAS;IAEtB,4FAA4F;IAC5F,OAAO,CAAC,kBAAkB,CAA4B;IAEtD,OAAgB,MAAM,0BAoHpB;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;CAkB5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACvC;CACJ"}