@eui/components-wc 0.0.0-stage → 22.0.0-alpha.51

package/eui-chip/eui-wc-chip.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import '../eui-icon-button/eui-wc-icon-button.js';
+export type EuiWcChipColor = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+export type EuiWcChipSize = 's' | 'm';
+/**
+ * `EuiWcChip` — Lit WC projection of `eui-chip`.
+ *
+ * Usage: `<eui-wc-chip color="primary" is-removable>Tag label</eui-wc-chip>`
+ */
+export declare class EuiWcChip extends LitElement {
+    static styles: import("lit").CSSResult;
+    color: EuiWcChipColor;
+    size: EuiWcChipSize;
+    isOutline: boolean;
+    isFilled: boolean;
+    isRemovable: boolean;
+    disabled: boolean;
+    colorPalette?: string;
+    ariaLabel: string | null;
+    e2eAttr: string;
+    private _handleRemove;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-chip': EuiWcChip;
+    }
+}
+//# sourceMappingURL=eui-wc-chip.d.ts.map

package/eui-chip/eui-wc-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-chip.d.ts","sourceRoot":"","sources":["../../src/eui-chip/eui-wc-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACjG,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtC;;;;GAIG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAsDpB;IAE2B,KAAK,EAAE,cAAc,CAAa;IAClC,IAAI,EAAE,aAAa,CAAO;IACc,SAAS,UAAS;IACnB,QAAQ,UAAS;IACd,WAAW,UAAS;IAC/C,QAAQ,UAAS;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAkB;IACpE,OAAO,SAAiB;IAE7D,OAAO,CAAC,aAAa;IAIZ,MAAM;CAgBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,aAAa,EAAE,SAAS,CAAC;KAAE;CAChE"}

package/eui-chip/eui-wc-chip.js

@@ -0,0 +1,133 @@
+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 { LitElement, html, css, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import '../eui-icon-button/eui-wc-icon-button.js';
+/**
+ * `EuiWcChip` — Lit WC projection of `eui-chip`.
+ *
+ * Usage: `<eui-wc-chip color="primary" is-removable>Tag label</eui-wc-chip>`
+ */
+let EuiWcChip = class EuiWcChip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.color = 'neutral';
+        this.size = 'm';
+        this.isOutline = false;
+        this.isFilled = false;
+        this.isRemovable = false;
+        this.disabled = false;
+        this.ariaLabel = 'Chip content';
+        this.e2eAttr = 'eui-wc-chip';
+    }
+    static { this.styles = css `
+        :host {
+            --_eui-wc-chip-bg: var(--eui-c-secondary-surface-light);
+            --_eui-wc-chip-fg: var(--eui-c-secondary-on-surface-light);
+            --_eui-wc-chip-border: var(--eui-c-secondary-border-light);
+            --_eui-wc-chip-close-hover: var(--eui-c-secondary-surface-light-hover);
+
+            align-items: center;
+            border-radius: calc(2 * var(--eui-br-l));
+            background-color: var(--_eui-wc-chip-bg);
+            color: var(--_eui-wc-chip-fg);
+            display: inline-flex;
+            font: var(--eui-f-m);
+            min-height: calc(var(--eui-s-m) * 2);
+            outline: var(--eui-bw-xs) solid var(--_eui-wc-chip-border);
+            outline-offset: -1px;
+            padding: var(--eui-s-3xs) var(--eui-s-s);
+            position: relative;
+        }
+        :host([color='primary'])  { --_eui-wc-chip-bg: var(--eui-c-primary-surface-light);  --_eui-wc-chip-fg: var(--eui-c-primary-on-surface-light);  --_eui-wc-chip-border: var(--eui-c-primary-border-light);  --_eui-wc-chip-close-hover: var(--eui-c-primary-surface-light-hover); }
+        :host([color='neutral'])  { --_eui-wc-chip-bg: var(--eui-c-secondary-surface-light); --_eui-wc-chip-fg: var(--eui-c-secondary-on-surface-light); --_eui-wc-chip-border: var(--eui-c-secondary-border-light); --_eui-wc-chip-close-hover: var(--eui-c-secondary-surface-light-hover); }
+        :host([color='info'])     { --_eui-wc-chip-bg: var(--eui-c-info-surface-light);     --_eui-wc-chip-fg: var(--eui-c-info-on-surface-light);     --_eui-wc-chip-border: var(--eui-c-info-border-light);     --_eui-wc-chip-close-hover: var(--eui-c-info-surface-light-hover); }
+        :host([color='success'])  { --_eui-wc-chip-bg: var(--eui-c-success-surface-light);  --_eui-wc-chip-fg: var(--eui-c-success-on-surface-light);  --_eui-wc-chip-border: var(--eui-c-success-border-light);  --_eui-wc-chip-close-hover: var(--eui-c-success-surface-light-hover); }
+        :host([color='warning'])  { --_eui-wc-chip-bg: var(--eui-c-warning-surface-light);  --_eui-wc-chip-fg: var(--eui-c-warning-on-surface-light);  --_eui-wc-chip-border: var(--eui-c-warning-border-light);  --_eui-wc-chip-close-hover: var(--eui-c-warning-surface-light-hover); }
+        :host([color='critical']) { --_eui-wc-chip-bg: var(--eui-c-danger-surface-light);   --_eui-wc-chip-fg: var(--eui-c-danger-on-surface-light);   --_eui-wc-chip-border: var(--eui-c-danger-border-light);   --_eui-wc-chip-close-hover: var(--eui-c-danger-surface-light-hover); }
+
+        /* FILLED */
+        :host([is-filled][color='primary'])  { --_eui-wc-chip-bg: var(--eui-c-primary-surface);  --_eui-wc-chip-fg: var(--eui-c-primary-on-surface);  --_eui-wc-chip-border: transparent; }
+        :host([is-filled][color='neutral'])  { --_eui-wc-chip-bg: var(--eui-c-secondary-surface); --_eui-wc-chip-fg: var(--eui-c-secondary-on-surface); --_eui-wc-chip-border: transparent; }
+        :host([is-filled][color='info'])     { --_eui-wc-chip-bg: var(--eui-c-info-surface);     --_eui-wc-chip-fg: var(--eui-c-info-on-surface);     --_eui-wc-chip-border: transparent; }
+        :host([is-filled][color='success'])  { --_eui-wc-chip-bg: var(--eui-c-success-surface);  --_eui-wc-chip-fg: var(--eui-c-success-on-surface);  --_eui-wc-chip-border: transparent; }
+        :host([is-filled][color='warning'])  { --_eui-wc-chip-bg: var(--eui-c-warning-surface);  --_eui-wc-chip-fg: var(--eui-c-warning-on-surface);  --_eui-wc-chip-border: transparent; }
+        :host([is-filled][color='critical']) { --_eui-wc-chip-bg: var(--eui-c-danger-surface);   --_eui-wc-chip-fg: var(--eui-c-danger-on-surface);   --_eui-wc-chip-border: transparent; }
+
+        /* OUTLINE */
+        :host([is-outline]) {
+            background-color: var(--eui-c-surface-container);
+            outline-color: var(--_eui-wc-chip-close-hover);
+        }
+
+        /* SIZE S */
+        :host([size='s']) { font: var(--eui-f-s); min-height: var(--eui-s-xl); padding: var(--eui-s-4xs) var(--eui-s-xs); }
+
+        /* DISABLED */
+        :host([disabled]) { opacity: var(--eui-o-50); pointer-events: none; }
+
+        .eui-chip__content-container {
+            align-items: center;
+            display: flex;
+            gap: var(--eui-s-xs);
+        }
+        .eui-chip__close {
+            margin-left: var(--eui-s-2xs);
+        }
+    `; }
+    _handleRemove() {
+        this.dispatchEvent(new CustomEvent('eui-remove', { bubbles: true, composed: true }));
+    }
+    render() {
+        return html `
+            <div class="eui-chip__content-container">
+                <slot></slot>
+            </div>
+            ${this.isRemovable ? html `
+                <eui-wc-icon-button
+                    class="eui-chip__close"
+                    icon="eui-close"
+                    size="s"
+                    aria-label="Remove chip"
+                    @eui-click=${this._handleRemove}
+                ></eui-wc-icon-button>
+            ` : nothing}
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcChip.prototype, "color", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcChip.prototype, "size", void 0);
+__decorate([
+    property({ attribute: 'is-outline', type: Boolean, reflect: true })
+], EuiWcChip.prototype, "isOutline", void 0);
+__decorate([
+    property({ attribute: 'is-filled', type: Boolean, reflect: true })
+], EuiWcChip.prototype, "isFilled", void 0);
+__decorate([
+    property({ attribute: 'is-removable', type: Boolean, reflect: true })
+], EuiWcChip.prototype, "isRemovable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EuiWcChip.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: 'color-palette', reflect: true })
+], EuiWcChip.prototype, "colorPalette", void 0);
+__decorate([
+    property({ attribute: 'aria-label', reflect: true })
+], EuiWcChip.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcChip.prototype, "e2eAttr", void 0);
+EuiWcChip = __decorate([
+    customElement('eui-wc-chip')
+], EuiWcChip);
+export { EuiWcChip };
+//# sourceMappingURL=eui-wc-chip.js.map

package/eui-chip/eui-wc-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-chip.js","sourceRoot":"","sources":["../../src/eui-chip/eui-wc-chip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,0CAA0C,CAAC;AAKlD;;;;GAIG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAyD0B,UAAK,GAAmB,SAAS,CAAC;QAClC,SAAI,GAAkB,GAAG,CAAC;QACc,cAAS,GAAG,KAAK,CAAC;QACnB,aAAQ,GAAG,KAAK,CAAC;QACd,gBAAW,GAAG,KAAK,CAAC;QAC/C,aAAQ,GAAG,KAAK,CAAC;QAEE,cAAS,GAAkB,cAAc,CAAC;QACpE,YAAO,GAAG,aAAa,CAAC;IAsBjE,CAAC;aAtFmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsD3B,AAtDqB,CAsDpB;IAYM,aAAa;QACjB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACzF,CAAC;IAEQ,MAAM;QACX,OAAO,IAAI,CAAA;;;;cAIL,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;iCAMJ,IAAI,CAAC,aAAa;;aAEtC,CAAC,CAAC,CAAC,OAAO;SACd,CAAC;IACN,CAAC;;AA7B4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAmC;AAClC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAA2B;AACc;IAApE,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAmB;AACnB;IAAnE,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AACd;IAAtE,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAqB;AAC/C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AACJ;IAAxD,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAuB;AAChB;IAA9D,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAoD;AACpE;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;0CAAyB;AAjEpD,SAAS;IADrB,aAAa,CAAC,aAAa,CAAC;GAChB,SAAS,CAuFrB"}

package/eui-chip/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcChip, type EuiWcChipColor, type EuiWcChipSize } from './eui-wc-chip.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/eui-chip/index.js

@@ -0,0 +1,2 @@
+export { EuiWcChip } from './eui-wc-chip.js';
+//# sourceMappingURL=index.js.map

package/eui-chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2C,MAAM,kBAAkB,CAAC"}

package/eui-comment-thread/eui-wc-comment-thread.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export interface EuiWcComment {
+    id?: string;
+    author: string;
+    date: string;
+    text: string;
+    avatarUrl?: string;
+}
+export declare class EuiWcCommentThread extends LitElement {
+    static styles: import("lit").CSSResult;
+    comments: EuiWcComment[];
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-comment-thread': EuiWcCommentThread;
+    }
+}
+//# sourceMappingURL=eui-wc-comment-thread.d.ts.map

package/eui-comment-thread/eui-wc-comment-thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-comment-thread.d.ts","sourceRoot":"","sources":["../../src/eui-comment-thread/eui-wc-comment-thread.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,YAAY;IAAG,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAAE;AAE9G,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAWpB;IACyB,QAAQ,EAAE,YAAY,EAAE,CAAM;IACpB,OAAO,SAA2B;IAC9D,MAAM;CAclB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,uBAAuB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}

package/eui-comment-thread/eui-wc-comment-thread.js

@@ -0,0 +1,52 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EuiWcCommentThread = class EuiWcCommentThread extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.comments = [];
+        this.e2eAttr = 'eui-wc-comment-thread';
+    }
+    static { this.styles = css `
+        :host { display: flex; flex-direction: column; gap: var(--eui-s-m); }
+        .eui-comment { display: flex; gap: var(--eui-s-s); }
+        .eui-comment__avatar { background: var(--eui-c-secondary-surface-light); border-radius: 50%; color: var(--eui-c-secondary); flex-shrink: 0; font: var(--eui-f-s-semi-bold); height: 2rem; width: 2rem; display: flex; align-items: center; justify-content: center; }
+        .eui-comment__content { flex: 1; }
+        .eui-comment__header { display: flex; align-items: baseline; gap: var(--eui-s-xs); }
+        .eui-comment__author { font: var(--eui-f-s-semi-bold); }
+        .eui-comment__date { color: var(--eui-c-text-light); font: var(--eui-f-s); }
+        .eui-comment__text { font: var(--eui-f-m); margin-top: var(--eui-s-3xs); }
+        .eui-comment-textarea { display: flex; gap: var(--eui-s-s); }
+        textarea { border: 1px solid var(--eui-c-secondary-border); border-radius: var(--eui-br-s); flex: 1; font: var(--eui-f-m); padding: var(--eui-s-xs); resize: vertical; }
+    `; }
+    render() {
+        return html `
+            ${this.comments.map((c) => html `
+                <div class="eui-comment">
+                    <div class="eui-comment__avatar">${c.author.slice(0, 2).toUpperCase()}</div>
+                    <div class="eui-comment__content">
+                        <div class="eui-comment__header"><span class="eui-comment__author">${c.author}</span><span class="eui-comment__date">${c.date}</span></div>
+                        <div class="eui-comment__text">${c.text}</div>
+                    </div>
+                </div>
+            `)}
+            <slot name="textarea"></slot>
+        `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], EuiWcCommentThread.prototype, "comments", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcCommentThread.prototype, "e2eAttr", void 0);
+EuiWcCommentThread = __decorate([
+    customElement('eui-wc-comment-thread')
+], EuiWcCommentThread);
+export { EuiWcCommentThread };
+//# sourceMappingURL=eui-wc-comment-thread.js.map

package/eui-comment-thread/eui-wc-comment-thread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-comment-thread.js","sourceRoot":"","sources":["../../src/eui-comment-thread/eui-wc-comment-thread.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKrD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAawB,aAAQ,GAAmB,EAAE,CAAC;QACpB,YAAO,GAAG,uBAAuB,CAAC;IAe3E,CAAC;aA5BmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;KAW3B,AAXqB,CAWpB;IAGO,MAAM;QACX,OAAO,IAAI,CAAA;cACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;uDAEY,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;;6FAEI,CAAC,CAAC,MAAM,0CAA0C,CAAC,CAAC,IAAI;yDAC5F,CAAC,CAAC,IAAI;;;aAGlD,CAAC;;SAEL,CAAC;IACN,CAAC;;AAf0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oDAA+B;AACpB;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;mDAAmC;AAd9D,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CA6B9B"}

package/eui-comment-thread/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcCommentThread, type EuiWcComment } from './eui-wc-comment-thread.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-comment-thread/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-comment-thread/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC"}

package/eui-comment-thread/index.js

@@ -0,0 +1,2 @@
+export { EuiWcCommentThread } from './eui-wc-comment-thread.js';
+//# sourceMappingURL=index.js.map

package/eui-comment-thread/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-comment-thread/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAqB,MAAM,4BAA4B,CAAC"}

package/eui-content-card/eui-wc-content-card.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+/** `EuiWcContentCard` — Lit WC projection of `eui-content-card`. */
+export declare class EuiWcContentCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    isSelectable: boolean;
+    isSelected: boolean;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-content-card': EuiWcContentCard;
+    }
+}
+//# sourceMappingURL=eui-wc-content-card.d.ts.map

package/eui-content-card/eui-wc-content-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-content-card.d.ts","sourceRoot":"","sources":["../../src/eui-content-card/eui-wc-content-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,oEAAoE;AACpE,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAapB;IAEsE,YAAY,UAAS;IACvB,UAAU,UAAS;IACpD,OAAO,SAAyB;IAE5D,MAAM;CAOlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,qBAAqB,EAAE,gBAAgB,CAAC;KAAE;CAC/E"}

package/eui-content-card/eui-wc-content-card.js

@@ -0,0 +1,52 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/** `EuiWcContentCard` — Lit WC projection of `eui-content-card`. */
+let EuiWcContentCard = class EuiWcContentCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isSelectable = false;
+        this.isSelected = false;
+        this.e2eAttr = 'eui-wc-content-card';
+    }
+    static { this.styles = css `
+        :host {
+            display: flex; flex-direction: column;
+            background-color: var(--eui-c-surface-container);
+            border-radius: var(--eui-br-s);
+            border: 1px solid var(--eui-c-divider);
+            overflow: hidden;
+        }
+        :host([is-selectable]) { cursor: pointer; }
+        :host([is-selected]) { border-color: var(--eui-c-primary); }
+        .eui-content-card__header { padding: var(--eui-s-s) var(--eui-s-m); border-bottom: 1px solid var(--eui-c-divider); }
+        .eui-content-card__body { padding: var(--eui-s-m); flex: 1; }
+        .eui-content-card__footer { padding: var(--eui-s-s) var(--eui-s-m); border-top: 1px solid var(--eui-c-divider); }
+    `; }
+    render() {
+        return html `
+            <div class="eui-content-card__header"><slot name="header"></slot></div>
+            <div class="eui-content-card__body"><slot></slot></div>
+            <div class="eui-content-card__footer"><slot name="footer"></slot></div>
+        `;
+    }
+};
+__decorate([
+    property({ attribute: 'is-selectable', type: Boolean, reflect: true })
+], EuiWcContentCard.prototype, "isSelectable", void 0);
+__decorate([
+    property({ attribute: 'is-selected', type: Boolean, reflect: true })
+], EuiWcContentCard.prototype, "isSelected", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcContentCard.prototype, "e2eAttr", void 0);
+EuiWcContentCard = __decorate([
+    customElement('eui-wc-content-card')
+], EuiWcContentCard);
+export { EuiWcContentCard };
+//# sourceMappingURL=eui-wc-content-card.js.map

package/eui-content-card/eui-wc-content-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-content-card.js","sourceRoot":"","sources":["../../src/eui-content-card/eui-wc-content-card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,oEAAoE;AAE7D,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAgBqE,iBAAY,GAAG,KAAK,CAAC;QACvB,eAAU,GAAG,KAAK,CAAC;QACpD,YAAO,GAAG,qBAAqB,CAAC;IASzE,CAAC;aA1BmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;KAa3B,AAbqB,CAapB;IAMO,MAAM;QACX,OAAO,IAAI,CAAA;;;;SAIV,CAAC;IACN,CAAC;;AAVuE;IAAvE,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAsB;AACvB;IAArE,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAoB;AACpD;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;iDAAiC;AAlB5D,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CA2B5B"}

package/eui-content-card/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcContentCard } from './eui-wc-content-card.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-content-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-content-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}

package/eui-content-card/index.js

@@ -0,0 +1,2 @@
+export { EuiWcContentCard } from './eui-wc-content-card.js';
+//# sourceMappingURL=index.js.map

package/eui-content-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-content-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}

package/eui-dashboard-card/eui-wc-dashboard-card.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class EuiWcDashboardCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    heading?: string;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-dashboard-card': EuiWcDashboardCard;
+    }
+}
+//# sourceMappingURL=eui-wc-dashboard-card.d.ts.map

package/eui-dashboard-card/eui-wc-dashboard-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-dashboard-card.d.ts","sourceRoot":"","sources":["../../src/eui-dashboard-card/eui-wc-dashboard-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAMpB;IACU,OAAO,CAAC,EAAE,MAAM,CAAC;IACQ,OAAO,SAA2B;IAC9D,MAAM;CAUlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,uBAAuB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}

package/eui-dashboard-card/eui-wc-dashboard-card.js

@@ -0,0 +1,42 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EuiWcDashboardCard = class EuiWcDashboardCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.e2eAttr = 'eui-wc-dashboard-card';
+    }
+    static { this.styles = css `
+        :host { display: flex; flex-direction: column; background: var(--eui-c-surface-container); border-radius: var(--eui-br-s); box-shadow: var(--eui-sh-1); overflow: hidden; }
+        .eui-dashboard-card__header { display: flex; align-items: center; justify-content: space-between; padding: var(--eui-s-m); border-bottom: 1px solid var(--eui-c-divider); }
+        .eui-dashboard-card__title { font: var(--eui-f-m-semi-bold); }
+        .eui-dashboard-card__body { flex: 1; padding: var(--eui-s-m); }
+        .eui-dashboard-card__footer { padding: var(--eui-s-s) var(--eui-s-m); border-top: 1px solid var(--eui-c-divider); }
+    `; }
+    render() {
+        return html `
+            <div class="eui-dashboard-card__header">
+                <div class="eui-dashboard-card__title"><slot name="avatar"></slot>${this.heading ?? ''}</div>
+                <slot name="actions"></slot>
+            </div>
+            <div class="eui-dashboard-card__body"><slot></slot></div>
+            <div class="eui-dashboard-card__footer"><slot name="footer"></slot></div>
+        `;
+    }
+};
+__decorate([
+    property()
+], EuiWcDashboardCard.prototype, "heading", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcDashboardCard.prototype, "e2eAttr", void 0);
+EuiWcDashboardCard = __decorate([
+    customElement('eui-wc-dashboard-card')
+], EuiWcDashboardCard);
+export { EuiWcDashboardCard };
+//# sourceMappingURL=eui-wc-dashboard-card.js.map

package/eui-dashboard-card/eui-wc-dashboard-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-dashboard-card.js","sourceRoot":"","sources":["../../src/eui-dashboard-card/eui-wc-dashboard-card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QASkC,YAAO,GAAG,uBAAuB,CAAC;IAW3E,CAAC;aAnBmB,WAAM,GAAG,GAAG,CAAA;;;;;;KAM3B,AANqB,CAMpB;IAGO,MAAM;QACX,OAAO,IAAI,CAAA;;oFAEiE,IAAI,CAAC,OAAO,IAAI,EAAE;;;;;SAK7F,CAAC;IACN,CAAC;;AAXW;IAAX,QAAQ,EAAE;mDAAkB;AACQ;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;mDAAmC;AAT9D,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAoB9B"}

package/eui-dashboard-card/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcDashboardCard } from './eui-wc-dashboard-card.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-dashboard-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-dashboard-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}

package/eui-dashboard-card/index.js

@@ -0,0 +1,2 @@
+export { EuiWcDashboardCard } from './eui-wc-dashboard-card.js';
+//# sourceMappingURL=index.js.map

package/eui-dashboard-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-dashboard-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}

package/eui-date-block/eui-wc-date-block.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+export declare class EuiWcDateBlock extends LitElement {
+    static styles: import("lit").CSSResult;
+    date?: string;
+    locale: string;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-date-block': EuiWcDateBlock;
+    }
+}
+//# sourceMappingURL=eui-wc-date-block.d.ts.map

package/eui-date-block/eui-wc-date-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-date-block.d.ts","sourceRoot":"","sources":["../../src/eui-date-block/eui-wc-date-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,cAAe,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAIpB;IACU,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,SAAQ;IACW,OAAO,SAAuB;IAE1D,MAAM;CAMlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,mBAAmB,EAAE,cAAc,CAAC;KAAE;CAAE"}

package/eui-date-block/eui-wc-date-block.js

@@ -0,0 +1,40 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EuiWcDateBlock = class EuiWcDateBlock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.locale = 'en';
+        this.e2eAttr = 'eui-wc-date-block';
+    }
+    static { this.styles = css `
+        :host { display: inline-flex; flex-direction: column; align-items: center; background: var(--eui-c-primary-surface); border-radius: var(--eui-br-s); padding: var(--eui-s-xs) var(--eui-s-s); }
+        .eui-date-block__month { color: var(--eui-c-primary-on-surface); font: var(--eui-f-s-semi-bold); text-transform: uppercase; }
+        .eui-date-block__day { color: var(--eui-c-primary-on-surface); font: var(--eui-f-3xl); font-weight: bold; }
+    `; }
+    render() {
+        const d = this.date ? new Date(this.date) : new Date();
+        const month = d.toLocaleDateString(this.locale, { month: 'short' });
+        const day = d.toLocaleDateString(this.locale, { day: 'numeric' });
+        return html `<span class="eui-date-block__month">${month}</span><span class="eui-date-block__day">${day}</span>`;
+    }
+};
+__decorate([
+    property()
+], EuiWcDateBlock.prototype, "date", void 0);
+__decorate([
+    property()
+], EuiWcDateBlock.prototype, "locale", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcDateBlock.prototype, "e2eAttr", void 0);
+EuiWcDateBlock = __decorate([
+    customElement('eui-wc-date-block')
+], EuiWcDateBlock);
+export { EuiWcDateBlock };
+//# sourceMappingURL=eui-wc-date-block.js.map

package/eui-date-block/eui-wc-date-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-date-block.js","sourceRoot":"","sources":["../../src/eui-date-block/eui-wc-date-block.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAOS,WAAM,GAAG,IAAI,CAAC;QACW,YAAO,GAAG,mBAAmB,CAAC;IAQvE,CAAC;aAfmB,WAAM,GAAG,GAAG,CAAA;;;;KAI3B,AAJqB,CAIpB;IAKO,MAAM;QACX,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;QACvD,MAAM,KAAK,GAAG,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;QACpE,MAAM,GAAG,GAAG,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;QAClE,OAAO,IAAI,CAAA,uCAAuC,KAAK,4CAA4C,GAAG,SAAS,CAAC;IACpH,CAAC;;AATW;IAAX,QAAQ,EAAE;4CAAe;AACd;IAAX,QAAQ,EAAE;8CAAe;AACW;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;+CAA+B;AAR1D,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAgB1B"}

package/eui-date-block/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcDateBlock } from './eui-wc-date-block.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-date-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-date-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/eui-date-block/index.js

@@ -0,0 +1,2 @@
+export { EuiWcDateBlock } from './eui-wc-date-block.js';
+//# sourceMappingURL=index.js.map

package/eui-date-block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-date-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/eui-date-range-selector/eui-wc-date-range-selector.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import '../eui-datepicker/eui-wc-datepicker.js';
+export interface EuiWcDateRange {
+    start: Date | null;
+    end: Date | null;
+}
+export declare class EuiWcDateRangeSelector extends LitElement {
+    static styles: import("lit").CSSResult;
+    value?: EuiWcDateRange;
+    locale: string;
+    isClearable: boolean;
+    isDisabled: boolean;
+    isReadOnly: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    firstInputPlaceholder?: string;
+    secondInputPlaceholder?: string;
+    togglerIconSvg: string;
+    isResponsive: boolean;
+    e2eAttr: string;
+    private _emitChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-date-range-selector': EuiWcDateRangeSelector;
+    }
+}
+//# sourceMappingURL=eui-wc-date-range-selector.d.ts.map

package/eui-date-range-selector/eui-wc-date-range-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-date-range-selector.d.ts","sourceRoot":"","sources":["../../src/eui-date-range-selector/eui-wc-date-range-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,wCAAwC,CAAC;AAEhD,MAAM,WAAW,cAAc;IAAG,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;CAAE;AAEzE,qBACa,sBAAuB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAKpB;IAE8C,KAAK,CAAC,EAAE,cAAc,CAAC;IAC3D,MAAM,SAAQ;IAC8B,WAAW,UAAS;IACN,UAAU,UAAS;IACjC,UAAU,UAAS;IACxB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACd,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACxC,cAAc,SAAkB;IACL,YAAY,UAAS;IACxD,OAAO,SAAgC;IAE5E,OAAO,CAAC,WAAW;IAIV,MAAM;CAOlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,4BAA4B,EAAE,sBAAsB,CAAC;KAAE;CAAE"}