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

package/dist/index-B6iHFF4h.js

@@ -0,0 +1,136 @@
+import { m as css, r as resetStyles, n as elementStyles, o as i, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { o } from "./if-defined-CZFxJBnA.js";
+import "./index-Q4ByiA8h.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+const styles = css`
+  :host {
+    width: 100%;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: ${({ spacing }) => spacing[3]};
+    width: 100%;
+    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    transition:
+      background-color ${({ durations }) => durations["lg"]}
+        ${({ easings }) => easings["ease-out-power-2"]},
+      scale ${({ durations }) => durations["lg"]} ${({ easings }) => easings["ease-out-power-2"]};
+    will-change: background-color, scale;
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  wui-image {
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+  }
+
+  @media (hover: hover) {
+    button:hover:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    }
+  }
+
+  button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var __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 i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) 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;
+};
+let WuiListItem = class WuiListItem2 extends i {
+  constructor() {
+    super(...arguments);
+    this.imageSrc = "google";
+    this.loading = false;
+    this.disabled = false;
+    this.rightIcon = true;
+    this.rounded = false;
+    this.fullSize = false;
+  }
+  render() {
+    this.dataset["rounded"] = this.rounded ? "true" : "false";
+    return x`
+      <button
+        ?disabled=${this.loading ? true : Boolean(this.disabled)}
+        data-loading=${this.loading}
+        tabindex=${o(this.tabIdx)}
+      >
+        <wui-flex gap="2" alignItems="center">
+          ${this.templateLeftIcon()}
+          <wui-flex gap="1">
+            <slot></slot>
+          </wui-flex>
+        </wui-flex>
+        ${this.templateRightIcon()}
+      </button>
+    `;
+  }
+  templateLeftIcon() {
+    if (this.icon) {
+      return x`<wui-image
+        icon=${this.icon}
+        iconColor=${o(this.iconColor)}
+        ?boxed=${true}
+        ?rounded=${this.rounded}
+      ></wui-image>`;
+    }
+    return x`<wui-image
+      ?boxed=${true}
+      ?rounded=${this.rounded}
+      ?fullSize=${this.fullSize}
+      src=${this.imageSrc}
+    ></wui-image>`;
+  }
+  templateRightIcon() {
+    if (!this.rightIcon) {
+      return null;
+    }
+    if (this.loading) {
+      return x`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`;
+    }
+    return x`<wui-icon name="chevronRight" size="lg" color="default"></wui-icon>`;
+  }
+};
+WuiListItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiListItem.prototype, "imageSrc", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "icon", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "iconColor", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "loading", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "tabIdx", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "disabled", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "rightIcon", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "rounded", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "fullSize", void 0);
+WuiListItem = __decorate([
+  customElement("wui-list-item")
+], WuiListItem);
+//# sourceMappingURL=index-B6iHFF4h.js.map

package/dist/index-B6iHFF4h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B6iHFF4h.js","sources":["../../ui/dist/esm/src/composites/wui-list-item/styles.js","../../ui/dist/esm/src/composites/wui-list-item/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    width: 100%;\n  }\n\n  button {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ${({ spacing }) => spacing[3]};\n    width: 100%;\n    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};\n    border-radius: ${({ borderRadius }) => borderRadius[4]};\n    transition:\n      background-color ${({ durations }) => durations['lg']}\n        ${({ easings }) => easings['ease-out-power-2']},\n      scale ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']};\n    will-change: background-color, scale;\n  }\n\n  wui-text {\n    text-transform: capitalize;\n  }\n\n  wui-image {\n    color: ${({ tokens }) => tokens.theme.textPrimary};\n  }\n\n  @media (hover: hover) {\n    button:hover:enabled {\n      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    }\n  }\n\n  button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    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;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport '../../components/wui-loading-spinner/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiListItem = class WuiListItem extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.imageSrc = 'google';\n        this.loading = false;\n        this.disabled = false;\n        this.rightIcon = true;\n        this.rounded = false;\n        this.fullSize = false;\n    }\n    render() {\n        this.dataset['rounded'] = this.rounded ? 'true' : 'false';\n        return html `\n      <button\n        ?disabled=${this.loading ? true : Boolean(this.disabled)}\n        data-loading=${this.loading}\n        tabindex=${ifDefined(this.tabIdx)}\n      >\n        <wui-flex gap=\"2\" alignItems=\"center\">\n          ${this.templateLeftIcon()}\n          <wui-flex gap=\"1\">\n            <slot></slot>\n          </wui-flex>\n        </wui-flex>\n        ${this.templateRightIcon()}\n      </button>\n    `;\n    }\n    templateLeftIcon() {\n        if (this.icon) {\n            return html `<wui-image\n        icon=${this.icon}\n        iconColor=${ifDefined(this.iconColor)}\n        ?boxed=${true}\n        ?rounded=${this.rounded}\n      ></wui-image>`;\n        }\n        return html `<wui-image\n      ?boxed=${true}\n      ?rounded=${this.rounded}\n      ?fullSize=${this.fullSize}\n      src=${this.imageSrc}\n    ></wui-image>`;\n    }\n    templateRightIcon() {\n        if (!this.rightIcon) {\n            return null;\n        }\n        if (this.loading) {\n            return html `<wui-loading-spinner size=\"md\" color=\"accent-primary\"></wui-loading-spinner>`;\n        }\n        return html `<wui-icon name=\"chevronRight\" size=\"lg\" color=\"default\"></wui-icon>`;\n    }\n};\nWuiListItem.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiListItem.prototype, \"imageSrc\", void 0);\n__decorate([\n    property()\n], WuiListItem.prototype, \"icon\", void 0);\n__decorate([\n    property()\n], WuiListItem.prototype, \"iconColor\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"loading\", void 0);\n__decorate([\n    property()\n], WuiListItem.prototype, \"tabIdx\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"rightIcon\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"rounded\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListItem.prototype, \"fullSize\", void 0);\nWuiListItem = __decorate([\n    customElement('wui-list-item')\n], WuiListItem);\nexport { WuiListItem };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiListItem","LitElement","html","ifDefined","property"],"mappings":"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"}