@redvars/peacock 3.2.7 → 3.2.9

package/dist/ripple.js

@@ -1,128 +0,0 @@
-import { i, a as i$1, b } from './lit-element-CA46RFZ_.js';
-
-class Ripple extends i$1 {
-    constructor() {
-        super(...arguments);
-        // Arrow function to bind 'this' automatically
-        this._createRipple = (event) => {
-            const parent = this.parentElement;
-            if (!parent)
-                return;
-            const rect = parent.getBoundingClientRect();
-            // 1. Calculate diameter (furthest corner)
-            const diameter = Math.max(rect.width, rect.height) * 2.5;
-            const radius = diameter / 2;
-            // 2. Calculate position relative to the parent
-            const x = event.clientX - rect.left;
-            const y = event.clientY - rect.top;
-            // 3. Create the ripple element
-            // We create this manually to avoid triggering a full Lit render cycle
-            // for a transient, fire-and-forget animation.
-            const ripple = document.createElement('div');
-            ripple.classList.add('ripple-effect');
-            ripple.style.width = `${diameter}px`;
-            ripple.style.height = `${diameter}px`;
-            ripple.style.left = `${x - radius}px`;
-            ripple.style.top = `${y - radius}px`;
-            // 4. Append to Shadow DOM
-            this.renderRoot.appendChild(ripple);
-            // 5. Cleanup
-            ripple.addEventListener('animationend', () => {
-                ripple.remove();
-            });
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        // We defer slightly to ensure the parent DOM is ready
-        requestAnimationFrame(() => {
-            this._setupParent();
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this.parentElement) {
-            this.parentElement.removeEventListener('pointerdown', this._createRipple);
-        }
-    }
-    _setupParent() {
-        const parent = this.parentElement;
-        if (!parent)
-            return;
-        // 1. Force parent to be relative so we can position absolutely inside it
-        const style = window.getComputedStyle(parent);
-        if (style.position === 'static') {
-            parent.style.position = 'relative';
-        }
-        // 2. Attach listener to the parent
-        parent.addEventListener('pointerdown', this._createRipple);
-    }
-    render() {
-        // No HTML needed in the template, we inject ripples dynamically
-        return b `<div class="ripple"></div>`;
-    }
-}
-Ripple.styles = i `
-    :host {
-      position: absolute;
-      inset: 0; /* top/left/bottom/right: 0 */
-      pointer-events: none; /* Let clicks pass through to parent */
-      overflow: hidden;
-      border-radius: inherit; /* Inherit parent's rounded corners */
-      z-index: 0;
-      --ripple-state-opacity: 0;
-      --ripple-pressed-color: var(--color-on-surface);
-    }
-
-    .ripple:before {
-      content: '';
-      opacity: var(--ripple-state-opacity);
-      pointer-events: none;
-      position: absolute;
-
-      background-color: var(--ripple-pressed-color);
-      inset: 0;
-      transition:
-        opacity 15ms linear,
-        background-color 15ms linear;
-    }
-
-    .ripple:after {
-      content: '';
-      opacity: var(--ripple-state-opacity);
-      pointer-events: none;
-      position: absolute;
-      background: radial-gradient(
-        closest-side,
-        var(--ripple-pressed-color) max(100% - 70px, 65%),
-        transparent 100%
-      );
-      transform-origin: center center;
-      transition: opacity 375ms linear;
-
-      width: 25px;
-      top: 0px;
-      transform: translate(51.4375px, 7.5px) scale(8.75941);
-      left: 0px;
-      height: 25px;
-    }
-
-    .ripple-effect {
-      position: absolute;
-      border-radius: 50%;
-      background-color: var(--ripple-pressed-color);
-      opacity: 0.12; /* Material 3 State Layer Opacity */
-      transform: scale(0);
-      animation: ripple-anim 600ms linear forwards;
-    }
-
-    @keyframes ripple-anim {
-      to {
-        transform: scale(1);
-        opacity: 0;
-      }
-    }
-  `;
-
-export { Ripple };
-//# sourceMappingURL=ripple.js.map

package/dist/ripple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ripple.js","sources":["../../src/ripple/ripple.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\n\nexport class Ripple extends LitElement {\n  static styles = css`\n    :host {\n      position: absolute;\n      inset: 0; /* top/left/bottom/right: 0 */\n      pointer-events: none; /* Let clicks pass through to parent */\n      overflow: hidden;\n      border-radius: inherit; /* Inherit parent's rounded corners */\n      z-index: 0;\n      --ripple-state-opacity: 0;\n      --ripple-pressed-color: var(--color-on-surface);\n    }\n\n    .ripple:before {\n      content: '';\n      opacity: var(--ripple-state-opacity);\n      pointer-events: none;\n      position: absolute;\n\n      background-color: var(--ripple-pressed-color);\n      inset: 0;\n      transition:\n        opacity 15ms linear,\n        background-color 15ms linear;\n    }\n\n    .ripple:after {\n      content: '';\n      opacity: var(--ripple-state-opacity);\n      pointer-events: none;\n      position: absolute;\n      background: radial-gradient(\n        closest-side,\n        var(--ripple-pressed-color) max(100% - 70px, 65%),\n        transparent 100%\n      );\n      transform-origin: center center;\n      transition: opacity 375ms linear;\n\n      width: 25px;\n      top: 0px;\n      transform: translate(51.4375px, 7.5px) scale(8.75941);\n      left: 0px;\n      height: 25px;\n    }\n\n    .ripple-effect {\n      position: absolute;\n      border-radius: 50%;\n      background-color: var(--ripple-pressed-color);\n      opacity: 0.12; /* Material 3 State Layer Opacity */\n      transform: scale(0);\n      animation: ripple-anim 600ms linear forwards;\n    }\n\n    @keyframes ripple-anim {\n      to {\n        transform: scale(1);\n        opacity: 0;\n      }\n    }\n  `;\n\n  connectedCallback() {\n    super.connectedCallback();\n    // We defer slightly to ensure the parent DOM is ready\n    requestAnimationFrame(() => {\n      this._setupParent();\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.parentElement) {\n      this.parentElement.removeEventListener('pointerdown', this._createRipple);\n    }\n  }\n\n  _setupParent() {\n    const parent = this.parentElement;\n    if (!parent) return;\n\n    // 1. Force parent to be relative so we can position absolutely inside it\n    const style = window.getComputedStyle(parent);\n    if (style.position === 'static') {\n      parent.style.position = 'relative';\n    }\n\n    // 2. Attach listener to the parent\n    parent.addEventListener('pointerdown', this._createRipple);\n  }\n\n  // Arrow function to bind 'this' automatically\n  _createRipple = (event: PointerEvent) => {\n    const parent = this.parentElement;\n    if (!parent) return;\n\n    const rect = parent.getBoundingClientRect();\n\n    // 1. Calculate diameter (furthest corner)\n    const diameter = Math.max(rect.width, rect.height) * 2.5;\n    const radius = diameter / 2;\n\n    // 2. Calculate position relative to the parent\n    const x = event.clientX - rect.left;\n    const y = event.clientY - rect.top;\n\n    // 3. Create the ripple element\n    // We create this manually to avoid triggering a full Lit render cycle\n    // for a transient, fire-and-forget animation.\n    const ripple = document.createElement('div');\n    ripple.classList.add('ripple-effect');\n\n    ripple.style.width = `${diameter}px`;\n    ripple.style.height = `${diameter}px`;\n    ripple.style.left = `${x - radius}px`;\n    ripple.style.top = `${y - radius}px`;\n\n    // 4. Append to Shadow DOM\n    this.renderRoot.appendChild(ripple);\n\n    // 5. Cleanup\n    ripple.addEventListener('animationend', () => {\n      ripple.remove();\n    });\n  };\n\n  render() {\n    // No HTML needed in the template, we inject ripples dynamically\n    return html`<div class=\"ripple\"></div>`;\n  }\n}\n"],"names":["LitElement","html","css"],"mappings":";;AAEM,MAAO,MAAO,SAAQA,GAAU,CAAA;AAAtC,IAAA,WAAA,GAAA;;;AA6FE,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,KAAmB,KAAI;AACtC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa;AACjC,YAAA,IAAI,CAAC,MAAM;gBAAE;AAEb,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;;AAG3C,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG;AACxD,YAAA,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC;;YAG3B,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;YACnC,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG;;;;YAKlC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC5C,YAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;YAErC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAA,EAAG,QAAQ,IAAI;YACpC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,EAAG,QAAQ,IAAI;YACrC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,MAAM,CAAA,EAAA,CAAI;YACrC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,MAAM,CAAA,EAAA,CAAI;;AAGpC,YAAA,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC;;AAGnC,YAAA,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,MAAK;gBAC3C,MAAM,CAAC,MAAM,EAAE;AACjB,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC;IAMH;IApEE,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;;QAEzB,qBAAqB,CAAC,MAAK;YACzB,IAAI,CAAC,YAAY,EAAE;AACrB,QAAA,CAAC,CAAC;IACJ;IAEA,oBAAoB,GAAA;QAClB,KAAK,CAAC,oBAAoB,EAAE;AAC5B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;QAC3E;IACF;IAEA,YAAY,GAAA;AACV,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa;AACjC,QAAA,IAAI,CAAC,MAAM;YAAE;;QAGb,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC;AAC7C,QAAA,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;AAC/B,YAAA,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;QACpC;;QAGA,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;IAC5D;IAqCA,MAAM,GAAA;;QAEJ,OAAOC,CAAI,CAAA,CAAA,0BAAA,CAA4B;IACzC;;AAjIO,MAAA,CAAA,MAAM,GAAGC,CAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DlB,EAAA,CA5DY;;;;"}

package/dist/skeleton.js

@@ -1,113 +0,0 @@
-import { _ as __decorate, n } from './property-DNVWDdPC.js';
-import { i, a as i$1, b } from './lit-element-CA46RFZ_.js';
-
-var css_248z = i`:host {
-  --skeleton-container-color: var(--color-surface-container);
-  --skeleton-element: var(--color-on-surface);
-  display: inline-block;
-  height: 3rem;
-  width: 10rem;
-}
-
-.skeleton {
-  position: relative;
-  padding: 0;
-  border: none;
-  background: var(--skeleton-container-color);
-  box-shadow: none;
-  overflow: hidden;
-  pointer-events: none;
-  width: 100%;
-  height: 100%;
-  border-start-start-radius: var(--skeleton-container-shape-start-start);
-  border-start-end-radius: var(--skeleton-container-shape-start-end);
-  border-end-start-radius: var(--skeleton-container-shape-end-start);
-  border-end-end-radius: var(--skeleton-container-shape-end-end);
-  corner-shape: var(--skeleton-container-shape-variant);
-}
-.skeleton::before {
-  position: absolute;
-  left: 0;
-  top: 0;
-  animation: 3s ease-in-out skeleton infinite;
-  background: var(--skeleton-element);
-  block-size: 100%;
-  content: "";
-  inline-size: 100%;
-  will-change: transform-origin, transform, opacity;
-  border-start-start-radius: var(--skeleton-container-shape-start-start);
-  border-start-end-radius: var(--skeleton-container-shape-start-end);
-  border-end-start-radius: var(--skeleton-container-shape-end-start);
-  border-end-end-radius: var(--skeleton-container-shape-end-end);
-  corner-shape: var(--skeleton-container-shape-variant);
-}
-
-@keyframes skeleton {
-  0% {
-    opacity: 0.3;
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-  20% {
-    opacity: 1;
-    transform: scaleX(1);
-    transform-origin: left;
-  }
-  28% {
-    transform: scaleX(1);
-    transform-origin: right;
-  }
-  51% {
-    transform: scaleX(0);
-    transform-origin: right;
-  }
-  58% {
-    transform: scaleX(0);
-    transform-origin: right;
-  }
-  82% {
-    transform: scaleX(1);
-    transform-origin: right;
-  }
-  83% {
-    transform: scaleX(1);
-    transform-origin: left;
-  }
-  96% {
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-  100% {
-    opacity: 0.3;
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-}`;
-
-/**
- * @label Skeleton
- *
- * @tag base-skeleton
- * @rawTag skeleton
- *
- * @summary Adds a skeleton effect to an element.
- *
- *
- * @tags display
- */
-class Skeleton extends i$1 {
-    constructor() {
-        super(...arguments);
-        this.visible = false;
-    }
-    render() {
-        return b ` <div class="skeleton"></div>`;
-    }
-}
-Skeleton.styles = [css_248z];
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Skeleton.prototype, "visible", void 0);
-
-export { Skeleton };
-//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.js","sources":["../../src/skeleton/skeleton.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './skeleton.scss';\n\n/**\n * @label Skeleton\n *\n * @tag base-skeleton\n * @rawTag skeleton\n *\n * @summary Adds a skeleton effect to an element.\n *\n *\n * @tags display\n */\nexport class Skeleton extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Boolean, reflect: true }) visible: boolean = false;\n\n  render() {\n    return html` <div class=\"skeleton\"></div>`;\n  }\n}\n"],"names":["LitElement","html","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;AAUG;AACG,MAAO,QAAS,SAAQA,GAAU,CAAA;AAAxC,IAAA,WAAA,GAAA;;QAG8C,IAAA,CAAA,OAAO,GAAY,KAAK;IAKtE;IAHE,MAAM,GAAA;QACJ,OAAOC,CAAI,CAAA,CAAA,6BAAA,CAA+B;IAC5C;;AANO,QAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAEoB,UAAA,CAAA;IAA3CC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAA2B,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;;;;"}

package/dist/spinner.js

@@ -1,93 +0,0 @@
-import { i, a as i$1, b } from './lit-element-CA46RFZ_.js';
-
-var css_248z = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: inline-flex;
-  --spinner-track-color: var(--color-primary-container);
-  --spinner-shape-color: var(--color-primary);
-  --spinner-size: 4rem;
-}
-
-.track {
-  width: var(--spinner-size);
-  height: var(--spinner-size);
-  background-color: var(--spinner-track-color);
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.shape {
-  width: 100%;
-  height: 100%;
-  background-color: var(--spinner-shape-color);
-  animation: spinner-aniation 3s var(--easing-standard) infinite;
-}
-
-@keyframes spinner-aniation {
-  0%, 100% {
-    clip-path: inset(0% round 50%);
-    transform: rotate(0deg) scale(0.5);
-  }
-  10% {
-    transform: scale(0.7);
-  }
-  20% {
-    clip-path: inset(0% round 50%);
-    transform: rotate(72deg) scale(0.6, 0.3);
-  }
-  30% {
-    transform: scale(0.5);
-  }
-  40% {
-    clip-path: inset(0% round 12px);
-    transform: rotate(108deg) scale(0.3, 0.6);
-  }
-  60% {
-    transform: scale(0.5);
-  }
-  80% {
-    clip-path: inset(0% round 50%);
-    transform: rotate(72deg) scale(0.6, 0.3);
-  }
-  90% {
-    transform: rotate(324deg) scale(0.4, 0.6);
-  }
-}`;
-
-/**
- * @label Spinner
- * @tag base-spinner
- * @rawTag spinner
- * @summary A spinner component that animates a circular shape.
- * @cssprop --spinner-track-color - The color of the track.
- * @cssprop --spinner-shape-color - The color of the shape.
- * @tags display
- *
- * @example
- * ```html
- * <base-spinner></base-spinner>
- * ```
- */
-class Spinner extends i$1 {
-    render() {
-        return b `
-      <div class="spinner track">
-        <div class="shape"></div>
-      </div>
-    `;
-    }
-}
-Spinner.styles = [css_248z];
-
-export { Spinner };
-//# sourceMappingURL=spinner.js.map

package/dist/spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.js","sources":["../../src/spinner/spinner.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\n\nimport styles from './spinner.scss';\n\n/**\n * @label Spinner\n * @tag base-spinner\n * @rawTag spinner\n * @summary A spinner component that animates a circular shape.\n * @cssprop --spinner-track-color - The color of the track.\n * @cssprop --spinner-shape-color - The color of the shape.\n * @tags display\n *\n * @example\n * ```html\n * <base-spinner></base-spinner>\n * ```\n */\nexport class Spinner extends LitElement {\n  static styles = [styles];\n\n  render() {\n    return html`\n      <div class=\"spinner track\">\n        <div class=\"shape\"></div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;;;;AAaG;AACG,MAAO,OAAQ,SAAQA,GAAU,CAAA;IAGrC,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;;;KAIV;IACH;;AARO,OAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;;;;"}

package/dist/spread-axRTFMoH.js

@@ -1,32 +0,0 @@
-import { e, i, t } from './directive-Cuw6h7YA.js';
-
-class SpreadDirective extends i {
-    constructor(partInfo) {
-        super(partInfo);
-        if (partInfo.type !== t.ELEMENT) {
-            throw new Error('spread() can only be used on elements');
-        }
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    render(_props) {
-        return '';
-    }
-    update(part, [props]) {
-        if (!props)
-            return;
-        // eslint-disable-next-line guard-for-in,no-restricted-syntax
-        for (const key in props) {
-            const value = props[key];
-            if (value === undefined || value === null) {
-                part.element.removeAttribute(key);
-            }
-            else {
-                part.element.setAttribute(key, value);
-            }
-        }
-    }
-}
-const spread = e(SpreadDirective);
-
-export { spread as s };
-//# sourceMappingURL=spread-axRTFMoH.js.map

package/dist/spread-axRTFMoH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spread-axRTFMoH.js","sources":["../../src/spread.ts"],"sourcesContent":["import {\n  directive,\n  Directive,\n  ElementPart,\n  PartInfo,\n  PartType,\n} from 'lit/directive.js';\n\nclass SpreadDirective extends Directive {\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new Error('spread() can only be used on elements');\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  render(_props: { [key: string]: any } | undefined) {\n    return '';\n  }\n\n  update(part: ElementPart, [props]: [{ [key: string]: any } | undefined]) {\n    if (!props) return;\n    // eslint-disable-next-line guard-for-in,no-restricted-syntax\n    for (const key in props) {\n      const value = props[key];\n      if (value === undefined || value === null) {\n        part.element.removeAttribute(key);\n      } else {\n        part.element.setAttribute(key, value);\n      }\n    }\n  }\n}\n\nexport const spread = directive(SpreadDirective);\n"],"names":["Directive","PartType","directive"],"mappings":";;AAQA,MAAM,eAAgB,SAAQA,CAAS,CAAA;AACrC,IAAA,WAAA,CAAY,QAAkB,EAAA;QAC5B,KAAK,CAAC,QAAQ,CAAC;QACf,IAAI,QAAQ,CAAC,IAAI,KAAKC,CAAQ,CAAC,OAAO,EAAE;AACtC,YAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;QAC1D;IACF;;AAGA,IAAA,MAAM,CAAC,MAA0C,EAAA;AAC/C,QAAA,OAAO,EAAE;IACX;AAEA,IAAA,MAAM,CAAC,IAAiB,EAAE,CAAC,KAAK,CAAuC,EAAA;AACrE,QAAA,IAAI,CAAC,KAAK;YAAE;;AAEZ,QAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC;YACxB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;AACzC,gBAAA,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC;YACnC;iBAAO;gBACL,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACvC;QACF;IACF;AACD;MAEY,MAAM,GAAGC,CAAS,CAAC,eAAe;;;;"}