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

package/dist/index-C8oew4P6.js

@@ -0,0 +1,153 @@
+import { m as css, r as resetStyles, o as i, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+import "./index-BgqBk_dY.js";
+import "./index-CNlrW5cy.js";
+const styles = css`
+  :host {
+    position: relative;
+    background-color: ${({ tokens }) => tokens.theme.foregroundTertiary};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host([data-image='true']) {
+    background-color: transparent;
+  }
+
+  :host > wui-flex {
+    overflow: hidden;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host([data-size='sm']) {
+    width: 32px;
+    height: 32px;
+  }
+
+  :host([data-size='md']) {
+    width: 40px;
+    height: 40px;
+  }
+
+  :host([data-size='lg']) {
+    width: 56px;
+    height: 56px;
+  }
+
+  :host([name='Extension'])::after {
+    border: 1px solid ${({ colors }) => colors.accent010};
+  }
+
+  :host([data-wallet-icon='allWallets'])::after {
+    border: 1px solid ${({ colors }) => colors.accent010};
+  }
+
+  wui-icon[data-parent-size='inherit'] {
+    width: 75%;
+    height: 75%;
+    align-items: center;
+  }
+
+  wui-icon {
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  wui-icon[data-parent-size='sm'] {
+    width: 24px;
+    height: 24px;
+  }
+
+  wui-icon[data-parent-size='md'] {
+    width: 32px;
+    height: 32px;
+  }
+
+  :host > wui-icon-box {
+    position: absolute;
+    overflow: hidden;
+    right: -1px;
+    bottom: -2px;
+    z-index: 1;
+    border: 2px solid ${({ tokens }) => tokens.theme.backgroundPrimary};
+    padding: 1px;
+  }
+`;
+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 WuiWalletImage = class WuiWalletImage2 extends i {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.name = "";
+    this.installed = false;
+    this.badgeSize = "xs";
+  }
+  render() {
+    let borderRadius = "1";
+    if (this.size === "lg") {
+      borderRadius = "4";
+    } else if (this.size === "md") {
+      borderRadius = "2";
+    } else if (this.size === "sm") {
+      borderRadius = "1";
+    }
+    this.style.cssText = `
+       --local-border-radius: var(--apkt-borderRadius-${borderRadius});
+   `;
+    this.dataset["size"] = this.size;
+    if (this.imageSrc) {
+      this.dataset["image"] = "true";
+    }
+    if (this.walletIcon) {
+      this.dataset["walletIcon"] = this.walletIcon;
+    }
+    return x`
+      <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
+    `;
+  }
+  templateVisual() {
+    if (this.imageSrc) {
+      return x`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;
+    } else if (this.walletIcon) {
+      return x`<wui-icon size="md" color="default" name=${this.walletIcon}></wui-icon>`;
+    }
+    return x`<wui-icon
+      data-parent-size=${this.size}
+      size="inherit"
+      color="inherit"
+      name="wallet"
+    ></wui-icon>`;
+  }
+};
+WuiWalletImage.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiWalletImage.prototype, "size", void 0);
+__decorate([
+  n()
+], WuiWalletImage.prototype, "name", void 0);
+__decorate([
+  n()
+], WuiWalletImage.prototype, "imageSrc", void 0);
+__decorate([
+  n()
+], WuiWalletImage.prototype, "walletIcon", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiWalletImage.prototype, "installed", void 0);
+__decorate([
+  n()
+], WuiWalletImage.prototype, "badgeSize", void 0);
+WuiWalletImage = __decorate([
+  customElement("wui-wallet-image")
+], WuiWalletImage);
+//# sourceMappingURL=index-C8oew4P6.js.map

package/dist/index-C8oew4P6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C8oew4P6.js","sources":["../../ui/dist/esm/src/composites/wui-wallet-image/styles.js","../../ui/dist/esm/src/composites/wui-wallet-image/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    background-color: ${({ tokens }) => tokens.theme.foregroundTertiary};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: inherit;\n    border-radius: var(--local-border-radius);\n  }\n\n  :host([data-image='true']) {\n    background-color: transparent;\n  }\n\n  :host > wui-flex {\n    overflow: hidden;\n    border-radius: inherit;\n    border-radius: var(--local-border-radius);\n  }\n\n  :host([data-size='sm']) {\n    width: 32px;\n    height: 32px;\n  }\n\n  :host([data-size='md']) {\n    width: 40px;\n    height: 40px;\n  }\n\n  :host([data-size='lg']) {\n    width: 56px;\n    height: 56px;\n  }\n\n  :host([name='Extension'])::after {\n    border: 1px solid ${({ colors }) => colors.accent010};\n  }\n\n  :host([data-wallet-icon='allWallets'])::after {\n    border: 1px solid ${({ colors }) => colors.accent010};\n  }\n\n  wui-icon[data-parent-size='inherit'] {\n    width: 75%;\n    height: 75%;\n    align-items: center;\n  }\n\n  wui-icon {\n    color: ${({ tokens }) => tokens.theme.iconDefault};\n  }\n\n  wui-icon[data-parent-size='sm'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  wui-icon[data-parent-size='md'] {\n    width: 32px;\n    height: 32px;\n  }\n\n  :host > wui-icon-box {\n    position: absolute;\n    overflow: hidden;\n    right: -1px;\n    bottom: -2px;\n    z-index: 1;\n    border: 2px solid ${({ tokens }) => tokens.theme.backgroundPrimary};\n    padding: 1px;\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 '../../components/wui-icon/index.js';\nimport '../../components/wui-image/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-icon-box/index.js';\nimport styles from './styles.js';\nlet WuiWalletImage = class WuiWalletImage extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.size = 'md';\n        this.name = '';\n        this.installed = false;\n        this.badgeSize = 'xs';\n    }\n    render() {\n        let borderRadius = '1';\n        if (this.size === 'lg') {\n            borderRadius = '4';\n        }\n        else if (this.size === 'md') {\n            borderRadius = '2';\n        }\n        else if (this.size === 'sm') {\n            borderRadius = '1';\n        }\n        this.style.cssText = `\n       --local-border-radius: var(--apkt-borderRadius-${borderRadius});\n   `;\n        this.dataset['size'] = this.size;\n        if (this.imageSrc) {\n            this.dataset['image'] = 'true';\n        }\n        if (this.walletIcon) {\n            this.dataset['walletIcon'] = this.walletIcon;\n        }\n        return html `\n      <wui-flex justifyContent=\"center\" alignItems=\"center\"> ${this.templateVisual()} </wui-flex>\n    `;\n    }\n    templateVisual() {\n        if (this.imageSrc) {\n            return html `<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;\n        }\n        else if (this.walletIcon) {\n            return html `<wui-icon size=\"md\" color=\"default\" name=${this.walletIcon}></wui-icon>`;\n        }\n        return html `<wui-icon\n      data-parent-size=${this.size}\n      size=\"inherit\"\n      color=\"inherit\"\n      name=\"wallet\"\n    ></wui-icon>`;\n    }\n};\nWuiWalletImage.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiWalletImage.prototype, \"size\", void 0);\n__decorate([\n    property()\n], WuiWalletImage.prototype, \"name\", void 0);\n__decorate([\n    property()\n], WuiWalletImage.prototype, \"imageSrc\", void 0);\n__decorate([\n    property()\n], WuiWalletImage.prototype, \"walletIcon\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiWalletImage.prototype, \"installed\", void 0);\n__decorate([\n    property()\n], WuiWalletImage.prototype, \"badgeSize\", void 0);\nWuiWalletImage = __decorate([\n    customElement('wui-wallet-image')\n], WuiWalletImage);\nexport { WuiWalletImage };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiWalletImage","LitElement","html","property"],"mappings":"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"}

package/dist/index-CNlrW5cy.js

@@ -0,0 +1,126 @@
+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 { c as customElement } from "./index-jvpHgQNC.js";
+const styles = css`
+  :host {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+    padding: ${({ spacing }) => spacing[1]} !important;
+    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};
+    position: relative;
+  }
+
+  :host([data-padding='2']) {
+    padding: ${({ spacing }) => spacing[2]} !important;
+  }
+
+  :host:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  :host > wui-icon {
+    z-index: 10;
+  }
+
+  /* -- Colors --------------------------------------------------- */
+  :host([data-color='accent-primary']) {
+    color: ${({ tokens }) => tokens.core.iconAccentPrimary};
+  }
+
+  :host([data-color='accent-primary']):after {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  :host([data-color='default']),
+  :host([data-color='secondary']) {
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  :host([data-color='default']):after {
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  :host([data-color='secondary']):after {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  :host([data-color='success']) {
+    color: ${({ tokens }) => tokens.core.iconSuccess};
+  }
+
+  :host([data-color='success']):after {
+    background-color: ${({ tokens }) => tokens.core.backgroundSuccess};
+  }
+
+  :host([data-color='error']) {
+    color: ${({ tokens }) => tokens.core.iconError};
+  }
+
+  :host([data-color='error']):after {
+    background-color: ${({ tokens }) => tokens.core.backgroundError};
+  }
+
+  :host([data-color='warning']) {
+    color: ${({ tokens }) => tokens.core.iconWarning};
+  }
+
+  :host([data-color='warning']):after {
+    background-color: ${({ tokens }) => tokens.core.backgroundWarning};
+  }
+
+  :host([data-color='inverse']) {
+    color: ${({ tokens }) => tokens.theme.iconInverse};
+  }
+
+  :host([data-color='inverse']):after {
+    background-color: transparent;
+  }
+`;
+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 WuiIconBox = class WuiIconBox2 extends i {
+  constructor() {
+    super(...arguments);
+    this.icon = "copy";
+    this.size = "md";
+    this.padding = "1";
+    this.color = "default";
+  }
+  render() {
+    this.dataset["padding"] = this.padding;
+    this.dataset["color"] = this.color;
+    return x`
+      <wui-icon size=${o(this.size)} name=${this.icon} color="inherit"></wui-icon>
+    `;
+  }
+};
+WuiIconBox.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiIconBox.prototype, "icon", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "size", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "padding", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "color", void 0);
+WuiIconBox = __decorate([
+  customElement("wui-icon-box")
+], WuiIconBox);
+//# sourceMappingURL=index-CNlrW5cy.js.map

package/dist/index-CNlrW5cy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CNlrW5cy.js","sources":["../../ui/dist/esm/src/composites/wui-icon-box/styles.js","../../ui/dist/esm/src/composites/wui-icon-box/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n    padding: ${({ spacing }) => spacing[1]} !important;\n    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};\n    position: relative;\n  }\n\n  :host([data-padding='2']) {\n    padding: ${({ spacing }) => spacing[2]} !important;\n  }\n\n  :host:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n  }\n\n  :host > wui-icon {\n    z-index: 10;\n  }\n\n  /* -- Colors --------------------------------------------------- */\n  :host([data-color='accent-primary']) {\n    color: ${({ tokens }) => tokens.core.iconAccentPrimary};\n  }\n\n  :host([data-color='accent-primary']):after {\n    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};\n  }\n\n  :host([data-color='default']),\n  :host([data-color='secondary']) {\n    color: ${({ tokens }) => tokens.theme.iconDefault};\n  }\n\n  :host([data-color='default']):after {\n    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n  }\n\n  :host([data-color='secondary']):after {\n    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};\n  }\n\n  :host([data-color='success']) {\n    color: ${({ tokens }) => tokens.core.iconSuccess};\n  }\n\n  :host([data-color='success']):after {\n    background-color: ${({ tokens }) => tokens.core.backgroundSuccess};\n  }\n\n  :host([data-color='error']) {\n    color: ${({ tokens }) => tokens.core.iconError};\n  }\n\n  :host([data-color='error']):after {\n    background-color: ${({ tokens }) => tokens.core.backgroundError};\n  }\n\n  :host([data-color='warning']) {\n    color: ${({ tokens }) => tokens.core.iconWarning};\n  }\n\n  :host([data-color='warning']):after {\n    background-color: ${({ tokens }) => tokens.core.backgroundWarning};\n  }\n\n  :host([data-color='inverse']) {\n    color: ${({ tokens }) => tokens.theme.iconInverse};\n  }\n\n  :host([data-color='inverse']):after {\n    background-color: transparent;\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-icon/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiIconBox = class WuiIconBox extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.icon = 'copy';\n        this.size = 'md';\n        this.padding = '1';\n        this.color = 'default';\n    }\n    render() {\n        this.dataset['padding'] = this.padding;\n        this.dataset['color'] = this.color;\n        return html `\n      <wui-icon size=${ifDefined(this.size)} name=${this.icon} color=\"inherit\"></wui-icon>\n    `;\n    }\n};\nWuiIconBox.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiIconBox.prototype, \"icon\", void 0);\n__decorate([\n    property()\n], WuiIconBox.prototype, \"size\", void 0);\n__decorate([\n    property()\n], WuiIconBox.prototype, \"padding\", void 0);\n__decorate([\n    property()\n], WuiIconBox.prototype, \"color\", void 0);\nWuiIconBox = __decorate([\n    customElement('wui-icon-box')\n], WuiIconBox);\nexport { WuiIconBox };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiIconBox","LitElement","html","ifDefined","property"],"mappings":"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"}

package/dist/index-CWtAW9yD.js

@@ -0,0 +1,70 @@
+import { m as css, o as i, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+const styles = css`
+  :host {
+    display: block;
+    background: linear-gradient(
+      90deg,
+      ${({ tokens }) => tokens.theme.foregroundPrimary} 0%,
+      ${({ tokens }) => tokens.theme.foregroundSecondary} 50%,
+      ${({ tokens }) => tokens.theme.foregroundPrimary} 100%
+    );
+    background-size: 200% 100%;
+    animation: shimmer 2s linear infinite;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  :host([data-rounded='true']) {
+    border-radius: ${({ borderRadius }) => borderRadius[16]};
+  }
+
+  @keyframes shimmer {
+    0% {
+      background-position: 100% 0;
+    }
+    100% {
+      background-position: -100% 0;
+    }
+  }
+`;
+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 WuiShimmer = class WuiShimmer2 extends i {
+  constructor() {
+    super(...arguments);
+    this.width = "";
+    this.height = "";
+    this.variant = "default";
+    this.rounded = false;
+  }
+  render() {
+    this.style.cssText = `
+      width: ${this.width};
+      height: ${this.height};
+    `;
+    this.dataset["rounded"] = this.rounded ? "true" : "false";
+    return x`<slot></slot>`;
+  }
+};
+WuiShimmer.styles = [styles];
+__decorate([
+  n()
+], WuiShimmer.prototype, "width", void 0);
+__decorate([
+  n()
+], WuiShimmer.prototype, "height", void 0);
+__decorate([
+  n()
+], WuiShimmer.prototype, "variant", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiShimmer.prototype, "rounded", void 0);
+WuiShimmer = __decorate([
+  customElement("wui-shimmer")
+], WuiShimmer);
+//# sourceMappingURL=index-CWtAW9yD.js.map

package/dist/index-CWtAW9yD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CWtAW9yD.js","sources":["../../ui/dist/esm/src/components/wui-shimmer/styles.js","../../ui/dist/esm/src/components/wui-shimmer/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    display: block;\n    background: linear-gradient(\n      90deg,\n      ${({ tokens }) => tokens.theme.foregroundPrimary} 0%,\n      ${({ tokens }) => tokens.theme.foregroundSecondary} 50%,\n      ${({ tokens }) => tokens.theme.foregroundPrimary} 100%\n    );\n    background-size: 200% 100%;\n    animation: shimmer 2s linear infinite;\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n  }\n\n  :host([data-rounded='true']) {\n    border-radius: ${({ borderRadius }) => borderRadius[16]};\n  }\n\n  @keyframes shimmer {\n    0% {\n      background-position: 100% 0;\n    }\n    100% {\n      background-position: -100% 0;\n    }\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 { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiShimmer = class WuiShimmer extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.width = '';\n        this.height = '';\n        this.variant = 'default';\n        this.rounded = false;\n    }\n    render() {\n        this.style.cssText = `\n      width: ${this.width};\n      height: ${this.height};\n    `;\n        this.dataset['rounded'] = this.rounded ? 'true' : 'false';\n        return html `<slot></slot>`;\n    }\n};\nWuiShimmer.styles = [styles];\n__decorate([\n    property()\n], WuiShimmer.prototype, \"width\", void 0);\n__decorate([\n    property()\n], WuiShimmer.prototype, \"height\", void 0);\n__decorate([\n    property()\n], WuiShimmer.prototype, \"variant\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiShimmer.prototype, \"rounded\", void 0);\nWuiShimmer = __decorate([\n    customElement('wui-shimmer')\n], WuiShimmer);\nexport { WuiShimmer };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiShimmer","LitElement","html","property"],"mappings":";;;AACA,MAAA,SAAe;AAAA;AAAA;AAAA;AAAA;AAAA,QAKP,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,iBAAiB;AAAA,QAC9C,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,mBAAmB;AAAA,QAChD,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA,qBAIjC,CAAC,EAAE,aAAY,MAAO,aAAa,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,qBAIrC,CAAC,EAAE,aAAY,MAAO,aAAa,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AChB3D,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASA,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAKA,IAAI,aAAa,MAAMC,oBAAmBC,EAAW;AAAA,EACjD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,QAAQ;AACb,SAAK,SAAS;AACd,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACnB;AAAA,EACA,SAAS;AACL,SAAK,MAAM,UAAU;AAAA,eACd,KAAK,KAAK;AAAA,gBACT,KAAK,MAAM;AAAA;AAEnB,SAAK,QAAQ,SAAS,IAAI,KAAK,UAAU,SAAS;AAClD,WAAOC;AAAAA,EACX;AACJ;AACA,WAAW,SAAS,CAAC,MAAM;AAC3B,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,WAAW,WAAW,SAAS,MAAM;AACxC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,WAAW,WAAW,UAAU,MAAM;AACzC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,WAAW,WAAW,WAAW,MAAM;AAC1C,WAAW;AAAA,EACPA,EAAS,EAAE,MAAM,QAAO,CAAE;AAC9B,GAAG,WAAW,WAAW,WAAW,MAAM;AAC1C,aAAa,WAAW;AAAA,EACpB,cAAc,aAAa;AAC/B,GAAG,UAAU;"}