@reown/appkit-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/esm/src/composites/wui-list-accordion/index.js

@@ -0,0 +1,121 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-text/index.js';
+import '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+const MAX_HEIGHT = 100;
+let WuiListAccordion = class WuiListAccordion extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.textTitle = '';
+        this.overflowedContent = '';
+        this.toggled = false;
+        this.enableAccordion = false;
+        this.scrollElement = undefined;
+        this.scrollHeightElement = 0;
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('textTitle') || changedProperties.has('overflowedContent')) {
+            setTimeout(() => {
+                this.checkHeight();
+            }, 1);
+        }
+    }
+    checkHeight() {
+        this.updateComplete.then(() => {
+            const heightElement = this.shadowRoot?.querySelector('.heightContent');
+            const textElement = this.shadowRoot?.querySelector('.textContent');
+            if (heightElement && textElement) {
+                this.scrollElement = heightElement;
+                const scrollHeight = textElement?.scrollHeight;
+                if (scrollHeight && scrollHeight > MAX_HEIGHT) {
+                    this.enableAccordion = true;
+                    this.scrollHeightElement = scrollHeight;
+                    this.requestUpdate();
+                }
+            }
+        });
+    }
+    render() {
+        return html `
+      <button
+        data-active=${this.enableAccordion ? Boolean(this.toggled) : true}
+        @click=${() => this.onClick()}
+      >
+        <wui-flex justifyContent="space-between" alignItems="center">
+          <wui-text variant="lg-regular" color="secondary">${this.textTitle}</wui-text>
+          ${this.chevronTemplate()}
+        </wui-flex>
+        <div
+          data-active=${this.enableAccordion ? Boolean(this.toggled) : true}
+          class="overflowedContent"
+        >
+          <div class="heightContent">
+            <wui-text
+              class="textContent"
+              variant="md-regular"
+              color=${this.toggled ? 'tertiary' : 'secondary'}
+            >
+              <pre>${this.overflowedContent}</pre>
+            </wui-text>
+          </div>
+        </div>
+      </button>
+    `;
+    }
+    onClick() {
+        const icon = this.shadowRoot?.querySelector('wui-icon');
+        if (this.enableAccordion) {
+            this.toggled = !this.toggled;
+            this.requestUpdate();
+            if (this.scrollElement) {
+                this.scrollElement.animate([
+                    { maxHeight: this.toggled ? `${MAX_HEIGHT}px` : `${this.scrollHeightElement}px` },
+                    { maxHeight: this.toggled ? `${this.scrollHeightElement}px` : `${MAX_HEIGHT}px` }
+                ], {
+                    duration: 300,
+                    fill: 'forwards',
+                    easing: 'ease'
+                });
+            }
+            if (icon) {
+                icon.animate([
+                    { transform: this.toggled ? `rotate(0deg)` : `rotate(180deg)` },
+                    { transform: this.toggled ? `rotate(180deg)` : `rotate(0deg)` }
+                ], {
+                    duration: 300,
+                    fill: 'forwards',
+                    easing: 'ease'
+                });
+            }
+        }
+    }
+    chevronTemplate() {
+        if (this.enableAccordion) {
+            return html ` <wui-icon color="default" size="sm" name="chevronBottom"></wui-icon>`;
+        }
+        return null;
+    }
+};
+WuiListAccordion.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListAccordion.prototype, "textTitle", void 0);
+__decorate([
+    property()
+], WuiListAccordion.prototype, "overflowedContent", void 0);
+WuiListAccordion = __decorate([
+    customElement('wui-list-accordion')
+], WuiListAccordion);
+export { WuiListAccordion };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-accordion/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,MAAM,UAAU,GAAG,GAAG,CAAA;AAGf,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAIc,cAAS,GAAG,EAAE,CAAA;QACd,sBAAiB,GAAG,EAAE,CAAA;QAElC,YAAO,GAAG,KAAK,CAAA;QACf,oBAAe,GAAG,KAAK,CAAA;QACvB,kBAAa,GAAa,SAAS,CAAA;QACnC,wBAAmB,GAAG,CAAC,CAAA;IAqGhC,CAAC;IAnGiB,OAAO,CAAC,iBAAyD;QAC/E,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QAChC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE,CAAC;YACrF,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,WAAW,EAAE,CAAA;YACpB,CAAC,EAAE,CAAC,CAAC,CAAA;QACP,CAAC;IACH,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;YACtE,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;YAElE,IAAI,aAAa,IAAI,WAAW,EAAE,CAAC;gBACjC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;gBAClC,MAAM,YAAY,GAAG,WAAW,EAAE,YAAY,CAAA;gBAE9C,IAAI,YAAY,IAAI,YAAY,GAAG,UAAU,EAAE,CAAC;oBAC9C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;oBAC3B,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAA;oBACvC,IAAI,CAAC,aAAa,EAAE,CAAA;gBACtB,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;iBACxD,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;;;6DAGwB,IAAI,CAAC,SAAS;YAC/D,IAAI,CAAC,eAAe,EAAE;;;wBAGV,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;;;;;;;sBAOrD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW;;qBAExC,IAAI,CAAC,iBAAiB;;;;;KAKtC,CAAA;IACH,CAAC;IAGO,OAAO;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;QACvD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAA;YAC5B,IAAI,CAAC,aAAa,EAAE,CAAA;YAEpB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,OAAO,CACxB;oBACE,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,mBAAmB,IAAI,EAAE;oBACjF,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,mBAAmB,IAAI,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,EAAE;iBAClF,EACD;oBACE,QAAQ,EAAE,GAAG;oBACb,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,MAAM;iBACf,CACF,CAAA;YACH,CAAC;YACD,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,OAAO,CACV;oBACE,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,EAAE;oBAC/D,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,EAAE;iBAChE,EACD;oBACE,QAAQ,EAAE,GAAG;oBACb,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,MAAM;iBACf,CACF,CAAA;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAEM,eAAe;QACpB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,OAAO,IAAI,CAAA,uEAAuE,CAAA;QACpF,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;;AA7GsB,uBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;mDAAsB;AACd;IAAlB,QAAQ,EAAE;2DAA8B;AAL9B,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CA+G5B"}

package/dist/esm/src/composites/wui-list-accordion/styles.js

@@ -0,0 +1,55 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    height: auto;
+    position: relative;
+    flex-direction: column;
+    gap: ${({ spacing }) => spacing[4]};
+    padding: ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[3]};
+    width: 100%;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  button[data-active='false']:hover {
+    outline: 1px solid ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  button[data-active='true'] {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  .overflowedContent {
+    width: 100%;
+    overflow: hidden;
+  }
+
+  .overflowedContent[data-active='false']:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(
+      to top,
+      ${({ tokens }) => tokens.theme.foregroundPrimary},
+      transparent
+    );
+    border-bottom-left-radius: ${({ borderRadius }) => borderRadius[4]};
+    border-bottom-right-radius: ${({ borderRadius }) => borderRadius[4]};
+  }
+
+  .heightContent {
+    max-height: 100px;
+  }
+
+  pre {
+    text-align: left;
+    white-space: pre-wrap;
+    height: auto;
+    overflow-x: auto;
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-accordion/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-accordion/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;WAKP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;qBAEpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;yBAI7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;wBAIjD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;;;;;;;;;;;;QAiBhE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;iCAGrB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;kCACpC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;;;CActE,CAAA"}

package/dist/esm/src/composites/wui-list-account/index.js

@@ -0,0 +1,123 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ConstantsUtil } from '@reown/appkit-common';
+import { BlockchainApiController, ChainController, ConnectorController, StorageUtil } from '@reown/appkit-controllers';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import '../../components/wui-image/index.js';
+import '../../components/wui-loading-spinner/index.js';
+import '../../components/wui-text/index.js';
+import '../../composites/wui-icon-box/index.js';
+import '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { UiHelperUtil } from '../../utils/UiHelperUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-avatar/index.js';
+import styles from './styles.js';
+let WuiListAccount = class WuiListAccount extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.accountAddress = '';
+        this.accountType = '';
+        this.labels = ChainController.getAccountData()?.addressLabels;
+        this.caipNetwork = ChainController.state.activeCaipNetwork;
+        this.socialProvider = StorageUtil.getConnectedSocialProvider();
+        this.balance = 0;
+        this.fetchingBalance = true;
+        this.shouldShowIcon = false;
+        this.selected = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        BlockchainApiController.getBalance(this.accountAddress, this.caipNetwork?.caipNetworkId)
+            .then(response => {
+            let total = this.balance;
+            if (response.balances.length > 0) {
+                total = response.balances.reduce((acc, balance) => acc + (balance?.value || 0), 0);
+            }
+            this.balance = total;
+            this.fetchingBalance = false;
+            this.requestUpdate();
+        })
+            .catch(() => {
+            this.fetchingBalance = false;
+            this.requestUpdate();
+        });
+    }
+    render() {
+        const label = this.getLabel();
+        const connectorId = ConnectorController.getConnectorId(ChainController.state.activeChain);
+        this.shouldShowIcon = connectorId === ConstantsUtil.CONNECTOR_ID.AUTH;
+        return html `
+      <wui-flex
+        flexDirection="row"
+        justifyContent="space-between"
+        .padding=${['0', '0', '3', '2']}
+      >
+        <wui-flex gap="l" alignItems="center">
+          <wui-avatar address=${this.accountAddress}></wui-avatar>
+          ${this.shouldShowIcon
+            ? html `<wui-icon-box
+                size="sm"
+                color="default"
+                icon=${this.accountType === W3mFrameRpcConstants.ACCOUNT_TYPES.EOA
+                ? (this.socialProvider ?? 'mail')
+                : 'lightbulb'}
+              ></wui-icon-box>`
+            : html `<wui-flex .padding="${['0', '0', '0', '2']}"></wui-flex>`}
+          <wui-flex flexDirection="column">
+            <wui-text class="address" variant="md-medium" color="primary"
+              >${UiHelperUtil.getTruncateString({
+            string: this.accountAddress,
+            charsStart: 4,
+            charsEnd: 6,
+            truncate: 'middle'
+        })}</wui-text
+            >
+            <wui-text class="address-description" variant="sm-regular">${label}</wui-text></wui-flex
+          >
+        </wui-flex>
+        <wui-flex gap="3" alignItems="center">
+          <slot name="action"></slot>
+          ${this.fetchingBalance
+            ? html `<wui-loading-spinner size="sm" color="accent-100"></wui-loading-spinner>`
+            : html ` <wui-text variant="sm-regular">$${this.balance.toFixed(2)}</wui-text>`}
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    getLabel() {
+        let label = this.labels?.get(this.accountAddress);
+        const connectorId = ConnectorController.getConnectorId(ChainController.state.activeChain);
+        if (!label && connectorId === ConstantsUtil.CONNECTOR_ID.AUTH) {
+            label = `${this.accountType === 'eoa' ? (this.socialProvider ?? 'Email') : 'Smart'} Account`;
+        }
+        else if (!label) {
+            label = 'EOA';
+        }
+        return label;
+    }
+};
+WuiListAccount.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListAccount.prototype, "accountAddress", void 0);
+__decorate([
+    property()
+], WuiListAccount.prototype, "accountType", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListAccount.prototype, "selected", void 0);
+__decorate([
+    property({ type: Function })
+], WuiListAccount.prototype, "onSelect", void 0);
+WuiListAccount = __decorate([
+    customElement('wui-list-account')
+], WuiListAccount);
+export { WuiListAccount };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-account/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-account/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/composites/wui-list-account/styles.js

@@ -0,0 +1,44 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    padding: 6.5px ${({ spacing }) => spacing['4']} 6.5px ${({ spacing }) => spacing['2']};
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    border-radius: ${({ borderRadius }) => borderRadius['4']};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  button[data-clickable='false'] {
+    pointer-events: none;
+    background-color: transparent;
+  }
+
+  wui-image {
+    width: ${({ spacing }) => spacing['10']};
+    height: ${({ spacing }) => spacing['10']};
+    border-radius: ${({ borderRadius }) => borderRadius['20']};
+  }
+
+  wui-avatar {
+    width: ${({ spacing }) => spacing['10']};
+    height: ${({ spacing }) => spacing['10']};
+    box-shadow: 0 0 0 0;
+  }
+  .address {
+    color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+  .address-description {
+    text-transform: capitalize;
+    color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  wui-icon-box {
+    position: relative;
+    right: 15px;
+    top: 15px;
+    border: 2px solid ${({ tokens }) => tokens.theme.backgroundPrimary};
+    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-account/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-account/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;qBAEG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;qBAIpE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;wBACpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;;aASzD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;cAC7B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;qBACvB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC;;;;aAIhD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;cAC7B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;;;aAI/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;aAI9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;;wBAOrC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;wBAC9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;CAErE,CAAA"}

package/dist/esm/src/composites/wui-list-button/index.js

@@ -0,0 +1,54 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiListButton = class WuiListButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.disabled = false;
+        this.size = 'lg';
+        this.icon = 'copy';
+        this.tabIdx = undefined;
+    }
+    render() {
+        this.dataset['size'] = this.size;
+        const textVariant = `${this.size}-regular`;
+        return html `
+      <button ?disabled=${this.disabled} tabindex=${ifDefined(this.tabIdx)}>
+        <wui-icon name=${this.icon} size=${this.size} color="default"></wui-icon>
+        <wui-text align="center" variant=${textVariant} color="primary">${this.text}</wui-text>
+      </button>
+    `;
+    }
+};
+WuiListButton.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListButton.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiListButton.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiListButton.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiListButton.prototype, "tabIdx", void 0);
+WuiListButton = __decorate([
+    customElement('wui-list-button')
+], WuiListButton);
+export { WuiListButton };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-button/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIc,SAAI,GAAG,EAAE,CAAA;QAEQ,aAAQ,GAAG,KAAK,CAAA;QAEjC,SAAI,GAAuB,IAAI,CAAA;QAE/B,SAAI,GAAa,MAAM,CAAA;QAEvB,WAAM,GAAY,SAAS,CAAA;IAehD,CAAC;IAZiB,MAAM;QACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAA;QAEhC,MAAM,WAAW,GAAG,GAAG,IAAI,CAAC,IAAI,UAAsB,CAAA;QAEtD,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;yBACjD,IAAI,CAAC,IAAI,SAAS,IAAI,CAAC,IAAI;2CACT,WAAW,oBAAoB,IAAI,CAAC,IAAI;;KAE9E,CAAA;IACH,CAAC;;AAzBsB,oBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;2CAAiB;AAEQ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAwB;AAEjC;IAAlB,QAAQ,EAAE;2CAAuC;AAE/B;IAAlB,QAAQ,EAAE;2CAA+B;AAEvB;IAAlB,QAAQ,EAAE;6CAAmC;AAZnC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA2BzB"}

package/dist/esm/src/composites/wui-list-button/styles.js

@@ -0,0 +1,32 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    display: flex;
+    gap: ${({ spacing }) => spacing[1]};
+    padding: ${({ spacing }) => spacing[4]};
+    width: 100%;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    justify-content: center;
+    align-items: center;
+  }
+
+  :host([data-size='sm']) button {
+    padding: ${({ spacing }) => spacing[2]};
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  :host([data-size='md']) button {
+    padding: ${({ spacing }) => spacing[3]};
+    border-radius: ${({ borderRadius }) => borderRadius[3]};
+  }
+
+  button:hover {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  button:disabled {
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;WAGP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;wBAElB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;eAM3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACrB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;eAI3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACrB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;wBAIlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;CAMvE,CAAA"}

package/dist/esm/src/composites/wui-list-content/index.js

@@ -0,0 +1,55 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-text/index.js';
+import '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiListContent = class WuiListContent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.imageSrc = undefined;
+        this.textTitle = '';
+        this.textValue = undefined;
+    }
+    render() {
+        return html `
+      <wui-flex justifyContent="space-between" alignItems="center">
+        <wui-text variant="lg-regular" color="primary"> ${this.textTitle} </wui-text>
+        ${this.templateContent()}
+      </wui-flex>
+    `;
+    }
+    templateContent() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} alt=${this.textTitle}></wui-image>`;
+        }
+        else if (this.textValue) {
+            return html ` <wui-text variant="md-regular" color="secondary"> ${this.textValue} </wui-text>`;
+        }
+        return html `<wui-icon size="inherit" color="default" name="networkPlaceholder"></wui-icon>`;
+    }
+};
+WuiListContent.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListContent.prototype, "imageSrc", void 0);
+__decorate([
+    property()
+], WuiListContent.prototype, "textTitle", void 0);
+__decorate([
+    property()
+], WuiListContent.prototype, "textValue", void 0);
+WuiListContent = __decorate([
+    customElement('wui-list-content')
+], WuiListContent);
+export { WuiListContent };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-content/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIc,aAAQ,GAAY,SAAS,CAAA;QAE7B,cAAS,GAAG,EAAE,CAAA;QAEd,cAAS,GAAY,SAAS,CAAA;IAsBnD,CAAC;IAnBiB,MAAM;QACpB,OAAO,IAAI,CAAA;;0DAE2C,IAAI,CAAC,SAAS;UAC9D,IAAI,CAAC,eAAe,EAAE;;KAE3B,CAAA;IACH,CAAC;IAGO,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,SAAS,eAAe,CAAA;QACjF,CAAC;aAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAA,sDAAsD,IAAI,CAAC,SAAS,cAAc,CAAA;QAC/F,CAAC;QAED,OAAO,IAAI,CAAA,gFAAgF,CAAA;IAC7F,CAAC;;AA5BsB,qBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;gDAAqC;AAE7B;IAAlB,QAAQ,EAAE;iDAAsB;AAEd;IAAlB,QAAQ,EAAE;iDAAsC;AARtC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA8B1B"}

package/dist/esm/src/composites/wui-list-content/styles.js

@@ -0,0 +1,22 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: flex;
+    padding: ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[3]};
+    width: 100%;
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+  }
+
+  wui-image {
+    width: 20px;
+    height: 20px;
+    border-radius: ${({ borderRadius }) => borderRadius[16]};
+  }
+
+  wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-list-content/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-content/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;eAGH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;wBAEjD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBACjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;;qBAMrC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;;;;;;;CAO1D,CAAA"}

package/dist/esm/src/composites/wui-list-description/index.js

@@ -0,0 +1,69 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-text/index.js';
+import '../../layout/wui-flex/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-icon-box/index.js';
+import '../wui-tag/index.js';
+import styles from './styles.js';
+let WuiListDescription = class WuiListDescription extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'card';
+        this.text = '';
+        this.description = '';
+        this.tag = undefined;
+        this.disabled = false;
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled}>
+        <wui-flex alignItems="center" gap="3">
+          <wui-icon-box padding="2" color="secondary" icon=${this.icon} size="lg"></wui-icon-box>
+          <wui-flex flexDirection="column" gap="1">
+            <wui-text variant="md-medium" color="primary">${this.text}</wui-text>
+            ${this.description
+            ? html `<wui-text variant="md-regular" color="secondary">
+                  ${this.description}</wui-text
+                >`
+            : null}
+          </wui-flex>
+        </wui-flex>
+
+        <wui-flex class="tag-container" alignItems="center" gap="1" justifyContent="flex-end">
+          ${this.tag ? html `<wui-tag tagType="main" size="sm">${this.tag}</wui-tag>` : null}
+          <wui-icon size="md" name="chevronRight" color="default"></wui-icon>
+        </wui-flex>
+      </button>
+    `;
+    }
+};
+WuiListDescription.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiListDescription.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiListDescription.prototype, "text", void 0);
+__decorate([
+    property()
+], WuiListDescription.prototype, "description", void 0);
+__decorate([
+    property()
+], WuiListDescription.prototype, "tag", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiListDescription.prototype, "disabled", void 0);
+WuiListDescription = __decorate([
+    customElement('wui-list-description')
+], WuiListDescription);
+export { WuiListDescription };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-list-description/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-list-description/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,0BAA0B,CAAA;AACjC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIc,SAAI,GAAa,MAAM,CAAA;QAEvB,SAAI,GAAG,EAAE,CAAA;QAET,gBAAW,GAAG,EAAE,CAAA;QAEhB,QAAG,GAAY,SAAS,CAAA;QAEP,aAAQ,GAAG,KAAK,CAAA;IAyBtD,CAAC;IAtBiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ;;6DAEsB,IAAI,CAAC,IAAI;;4DAEV,IAAI,CAAC,IAAI;cACvD,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;oBACA,IAAI,CAAC,WAAW;kBAClB;YACJ,CAAC,CAAC,IAAI;;;;;YAKR,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI;;;;KAItF,CAAA;IACH,CAAC;;AAnCsB,yBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;gDAA+B;AAEvB;IAAlB,QAAQ,EAAE;gDAAiB;AAET;IAAlB,QAAQ,EAAE;uDAAwB;AAEhB;IAAlB,QAAQ,EAAE;+CAAgC;AAEP;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAwB;AAZzC,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAqC9B"}