@redvars/peacock 3.1.2 → 3.1.3

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.d.ts

@@ -9,7 +9,6 @@ interface LoaderConfig {
 }
 export { LoaderConfig };
 export declare class LoaderUtils {
-    private loaderConfig;
     private _loaderConfig;
     private _observer;
     constructor(loaderConfig: LoaderConfig);

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.js

@@ -1,6 +1,5 @@
 export class LoaderUtils {
     constructor(loaderConfig) {
-        this.loaderConfig = loaderConfig;
         this._loaderConfig = loaderConfig;
     }
     static registerComponent(tagName, CustomElementClass) {

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/LoaderUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderUtils.js","sourceRoot":"","sources":["../../src/LoaderUtils.ts"],"names":[],"mappings":"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","sourcesContent":["interface ComponentConfig {\n  CustomElementClass?: any; // earger load\n  importPath?: string; // lazy load\n  dependencies?: string[];\n}\n\ninterface LoaderConfig {\n  prefix?: string;\n  components?: Record<string, ComponentConfig>;\n}\n\nexport { LoaderConfig };\n\nexport class LoaderUtils {\n  private _loaderConfig: LoaderConfig;\n\n  private _observer: MutationObserver | undefined;\n\n  constructor(private loaderConfig: LoaderConfig) {\n    this._loaderConfig = loaderConfig;\n  }\n\n  static registerComponent(tagName: string, CustomElementClass: any) {\n    if (CustomElementClass && !customElements.get(tagName)) {\n      customElements.define(tagName, CustomElementClass);\n    }\n  }\n\n  start() {\n    this.eagerLoadComponents();\n    this.lazyLoadComponents(document);\n  }\n\n  eagerLoadComponents() {\n    if (!this._loaderConfig.components) return;\n    for (const [name, value] of Object.entries(this._loaderConfig.components)) {\n      if (value.CustomElementClass)\n        LoaderUtils.registerComponent(\n          this.getFullTagName(name),\n          value.CustomElementClass,\n        );\n    }\n  }\n\n  getFullTagName(name: string) {\n    return `${this._loaderConfig.prefix}-${name}`;\n  }\n\n  async registerAsync(tagName: string): Promise<void> {\n    if (customElements.get(tagName)) return;\n\n    const baseName = tagName.replace(`${this._loaderConfig.prefix}-`, '');\n\n    if (!this._loaderConfig.components) return;\n\n    const config = this._loaderConfig.components[baseName];\n    if (!config || !config.importPath) return;\n\n    try {\n      const module = await import(config.importPath);\n\n      // Runtime definition: grabbing the class from the module\n      const CustomElementClass =\n        module.default || module[Object.keys(module)[0]];\n\n      if (CustomElementClass && !customElements.get(tagName)) {\n        customElements.define(tagName, CustomElementClass);\n      }\n\n      // Handle dependencies recursively\n      if (config.dependencies) {\n        for (const dep of config.dependencies) {\n          // eslint-disable-next-line no-await-in-loop\n          await this.registerAsync(this.getFullTagName(dep));\n        }\n      }\n    } catch (error) {\n      console.error(\n        `Unable to load <${tagName}> from ${config.importPath}`,\n        error,\n      );\n    }\n  }\n\n  async load(root: Element | Document): Promise<void> {\n    const rootTagName =\n      root instanceof Element ? root.tagName.toLowerCase() : '';\n\n    const tags = Array.from(root.querySelectorAll(':not(:defined)')).map(el =>\n      el.tagName.toLowerCase(),\n    );\n\n    if (rootTagName.includes('-') && !customElements.get(rootTagName)) {\n      tags.push(rootTagName);\n    }\n\n    const tagsToRegister = [...new Set(tags)];\n    await Promise.allSettled(\n      tagsToRegister.map(tagName => this.registerAsync(tagName)),\n    );\n  }\n\n  lazyLoadComponents(root: any) {\n    this._observer = new MutationObserver(mutations => {\n      for (const { addedNodes } of mutations) {\n        for (const node of addedNodes) {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            this.load(node as Element);\n          }\n        }\n      }\n    });\n\n    const target = root instanceof Document ? root.documentElement : root;\n    this.load(target);\n\n    this._observer.observe(target, {\n      subtree: true,\n      childList: true,\n    });\n  }\n}\n"]}
+{"version":3,"file":"LoaderUtils.js","sourceRoot":"","sources":["../../src/LoaderUtils.ts"],"names":[],"mappings":"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","sourcesContent":["interface ComponentConfig {\r\n  CustomElementClass?: any; // earger load\r\n  importPath?: string; // lazy load\r\n  dependencies?: string[];\r\n}\r\n\r\ninterface LoaderConfig {\r\n  prefix?: string;\r\n  components?: Record<string, ComponentConfig>;\r\n}\r\n\r\nexport { LoaderConfig };\r\n\r\nexport class LoaderUtils {\r\n  private _loaderConfig: LoaderConfig;\r\n\r\n  private _observer: MutationObserver | undefined;\r\n\r\n  constructor(loaderConfig: LoaderConfig) {\r\n    this._loaderConfig = loaderConfig;\r\n  }\r\n\r\n  static registerComponent(tagName: string, CustomElementClass: any) {\r\n    if (CustomElementClass && !customElements.get(tagName)) {\r\n      customElements.define(tagName, CustomElementClass);\r\n    }\r\n  }\r\n\r\n  start() {\r\n    this.eagerLoadComponents();\r\n    this.lazyLoadComponents(document);\r\n  }\r\n\r\n  eagerLoadComponents() {\r\n    if (!this._loaderConfig.components) return;\r\n    for (const [name, value] of Object.entries(this._loaderConfig.components)) {\r\n      if (value.CustomElementClass)\r\n        LoaderUtils.registerComponent(\r\n          this.getFullTagName(name),\r\n          value.CustomElementClass,\r\n        );\r\n    }\r\n  }\r\n\r\n  getFullTagName(name: string) {\r\n    return `${this._loaderConfig.prefix}-${name}`;\r\n  }\r\n\r\n  async registerAsync(tagName: string): Promise<void> {\r\n    if (customElements.get(tagName)) return;\r\n\r\n    const baseName = tagName.replace(`${this._loaderConfig.prefix}-`, '');\r\n\r\n    if (!this._loaderConfig.components) return;\r\n\r\n    const config = this._loaderConfig.components[baseName];\r\n    if (!config || !config.importPath) return;\r\n\r\n    try {\r\n      const module = await import(config.importPath);\r\n\r\n      // Runtime definition: grabbing the class from the module\r\n      const CustomElementClass =\r\n        module.default || module[Object.keys(module)[0]];\r\n\r\n      if (CustomElementClass && !customElements.get(tagName)) {\r\n        customElements.define(tagName, CustomElementClass);\r\n      }\r\n\r\n      // Handle dependencies recursively\r\n      if (config.dependencies) {\r\n        for (const dep of config.dependencies) {\r\n          // eslint-disable-next-line no-await-in-loop\r\n          await this.registerAsync(this.getFullTagName(dep));\r\n        }\r\n      }\r\n    } catch (error) {\r\n      console.error(\r\n        `Unable to load <${tagName}> from ${config.importPath}`,\r\n        error,\r\n      );\r\n    }\r\n  }\r\n\r\n  async load(root: Element | Document): Promise<void> {\r\n    const rootTagName =\r\n      root instanceof Element ? root.tagName.toLowerCase() : '';\r\n\r\n    const tags = Array.from(root.querySelectorAll(':not(:defined)')).map(el =>\r\n      el.tagName.toLowerCase(),\r\n    );\r\n\r\n    if (rootTagName.includes('-') && !customElements.get(rootTagName)) {\r\n      tags.push(rootTagName);\r\n    }\r\n\r\n    const tagsToRegister = [...new Set(tags)];\r\n    await Promise.allSettled(\r\n      tagsToRegister.map(tagName => this.registerAsync(tagName)),\r\n    );\r\n  }\r\n\r\n  lazyLoadComponents(root: any) {\r\n    this._observer = new MutationObserver(mutations => {\r\n      for (const { addedNodes } of mutations) {\r\n        for (const node of addedNodes) {\r\n          if (node.nodeType === Node.ELEMENT_NODE) {\r\n            this.load(node as Element);\r\n          }\r\n        }\r\n      }\r\n    });\r\n\r\n    const target = root instanceof Document ? root.documentElement : root;\r\n    this.load(target);\r\n\r\n    this._observer.observe(target, {\r\n      subtree: true,\r\n      childList: true,\r\n    });\r\n  }\r\n}\r\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.d.ts

@@ -19,7 +19,7 @@ import { LitElement } from 'lit';
  * @tags display
  */
 export declare class Avatar extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResultGroup[];
     name: string;
     src?: string;
     render(): import("lit-html").TemplateResult<1>;

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { styles } from './avatar.css.js';
+import styles from './avatar.scss';
 /**
  * @label Avatar
  * @tag p-avatar

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QAG6C,SAAI,GAAW,EAAE,CAAC;IAwB/D,CAAC;IApBC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG;YACnB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG;SAClB,CAAC;;UAEA,IAAI,CAAC,GAAG;YACR,CAAC,CAAC,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,IAAI,KAAK;YAC9D,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,aAAa,EAAE,QAAQ;;WAE1D,CAAC;IACV,CAAC;IAEO,aAAa;QACnB,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrD,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC;;AAzBM,aAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAc","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './avatar.css.js';\n\n/**\n * @label Avatar\n * @tag p-avatar\n * @rawTag avatar\n * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @cssprop --avatar-border-radius - Controls the border radius of the avatar.\n * @cssprop --avatar-background-color - Controls the color of the avatar.\n * @cssprop --avatar-size - Controls the size of the avatar.\n * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.\n *\n *\n * @example\n * ```html\n * <p-avatar name=\"Shivaji Varma\" src=\"https://peacock.redvars.com/assets/img/avatar.webp\"></p-avatar>\n * ```\n *\n * @tags display\n */\nexport class Avatar extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name: string = '';\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  render() {\n    return html`<div class=\"avatar-container\">\n      <div\n        class=${classMap({\n          avatar: true,\n          initials: !this.src,\n          image: !!this.src,\n        })}\n      >\n        ${this.src\n          ? html`<img class=\"image\" src=${this.src} alt=${this.name} />`\n          : html`<div class=\"initials\">${this.__getInitials()}</div>`}\n      </div>\n    </div>`;\n  }\n\n  private __getInitials() {\n    const [first = '', last = ''] = this.name.split(' ');\n    return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();\n  }\n}\n"]}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,MAAM,MAAM,eAAe,CAAC;AAEnC;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QAG6C,SAAI,GAAW,EAAE,CAAC;IAwB/D,CAAC;IApBC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG;YACnB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG;SAClB,CAAC;;UAEA,IAAI,CAAC,GAAG;YACR,CAAC,CAAC,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,IAAI,KAAK;YAC9D,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,aAAa,EAAE,QAAQ;;WAE1D,CAAC;IACV,CAAC;IAEO,aAAa;QACnB,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrD,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC;;AAzBM,aAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAc","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './avatar.scss';\n\n/**\n * @label Avatar\n * @tag p-avatar\n * @rawTag avatar\n * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @cssprop --avatar-border-radius - Controls the border radius of the avatar.\n * @cssprop --avatar-background-color - Controls the color of the avatar.\n * @cssprop --avatar-size - Controls the size of the avatar.\n * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.\n *\n *\n * @example\n * ```html\n * <p-avatar name=\"Shivaji Varma\" src=\"https://peacock.redvars.com/assets/img/avatar.webp\"></p-avatar>\n * ```\n *\n * @tags display\n */\nexport class Avatar extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name: string = '';\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  render() {\n    return html`<div class=\"avatar-container\">\n      <div\n        class=${classMap({\n          avatar: true,\n          initials: !this.src,\n          image: !!this.src,\n        })}\n      >\n        ${this.src\n          ? html`<img class=\"image\" src=${this.src} alt=${this.name} />`\n          : html`<div class=\"initials\">${this.__getInitials()}</div>`}\n      </div>\n    </div>`;\n  }\n\n  private __getInitials() {\n    const [first = '', last = ''] = this.name.split(' ');\n    return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();\n  }\n}\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.d.ts

@@ -14,7 +14,7 @@ import { LitElement } from 'lit';
  * @tags display
  */
 export declare class Badge extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResultGroup[];
     name: string;
     src?: string;
     slotHasContent: boolean;

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { styles } from './badge.css.js';
+import styles from './badge.scss';
 import { observerSlotChangesWithCallback } from '../utils.js';
 /**
  * @label Badge

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/badge/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAG6C,SAAI,GAAW,EAAE,CAAC;QAK7D,mBAAc,GAAG,KAAK,CAAC;IAsBzB,CAAC;IApBC,YAAY;QACV,+BAA+B,CAC7B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,EACrC,UAAU,CAAC,EAAE;YACX,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;YACjC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CACF,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;cACD,QAAQ,CAAC;YACf,KAAK,EAAE,IAAI;YACX,kBAAkB,EAAE,IAAI,CAAC,cAAc;SACxC,CAAC;;;WAGG,CAAC;IACV,CAAC;;AA5BM,YAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kCAAc;AAGxD;IADC,KAAK,EAAE;6CACe","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './badge.css.js';\nimport { observerSlotChangesWithCallback } from '../utils.js';\n\n/**\n * @label Badge\n * @tag p-badge\n * @rawTag badge\n * @summary The badge component is used to display a small amount of information to the user.\n *\n * @cssprop --badge-color - Controls the color of the badge.\n *\n * @example\n * ```html\n * <p-badge>1</p-badge>\n * ```\n * @tags display\n */\nexport class Badge extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name: string = '';\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  @state()\n  slotHasContent = false;\n\n  firstUpdated() {\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('slot'),\n      hasContent => {\n        this.slotHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  render() {\n    return html`<div\n      class=${classMap({\n        badge: true,\n        'slot-has-content': this.slotHasContent,\n      })}\n    >\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/badge/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAG6C,SAAI,GAAW,EAAE,CAAC;QAK7D,mBAAc,GAAG,KAAK,CAAC;IAsBzB,CAAC;IApBC,YAAY;QACV,+BAA+B,CAC7B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,EACrC,UAAU,CAAC,EAAE;YACX,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;YACjC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CACF,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;cACD,QAAQ,CAAC;YACf,KAAK,EAAE,IAAI;YACX,kBAAkB,EAAE,IAAI,CAAC,cAAc;SACxC,CAAC;;;WAGG,CAAC;IACV,CAAC;;AA5BM,YAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kCAAc;AAGxD;IADC,KAAK,EAAE;6CACe","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './badge.scss';\nimport { observerSlotChangesWithCallback } from '../utils.js';\n\n/**\n * @label Badge\n * @tag p-badge\n * @rawTag badge\n * @summary The badge component is used to display a small amount of information to the user.\n *\n * @cssprop --badge-color - Controls the color of the badge.\n *\n * @example\n * ```html\n * <p-badge>1</p-badge>\n * ```\n * @tags display\n */\nexport class Badge extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name: string = '';\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  @state()\n  slotHasContent = false;\n\n  firstUpdated() {\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('slot'),\n      hasContent => {\n        this.slotHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  render() {\n    return html`<div\n      class=${classMap({\n        badge: true,\n        'slot-has-content': this.slotHasContent,\n      })}\n    >\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.d.ts

@@ -0,0 +1,99 @@
+import { LitElement } from 'lit';
+/**
+ * @label Button
+ * @tag p-button
+ * @rawTag button
+ *
+ * @summary Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.
+ * @overview
+ * <p>Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.</p>
+ *
+ * @cssprop --divider-color - Controls the color of the divider.
+ * @cssprop --divider-padding - Controls the padding of the divider.
+ *
+ * @example
+ * ```html
+ * <pc-button>Button</pc-button>
+ * ```
+ * @tags display
+ */
+export declare class Button extends LitElement {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    private readonly buttonElement;
+    htmlType: 'button' | 'submit' | 'reset';
+    /**
+     * The visual style of the button.
+     *
+     *  Possible variant values:
+     * `"filled"` is a filled button.
+     * `"outlined"` is an outlined button.
+     * `"text"` is a transparent button.
+     * `"tonal"` is a light color button.
+     *
+     */
+    variant: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo';
+    /**
+     * Button size.
+     * Possible values are `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
+     */
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * If true, the user cannot interact with the button. Defaults to `false`.
+     */
+    disabled: boolean;
+    /**
+     * If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.
+     */
+    softDisabled: boolean;
+    /**
+     * If button is disabled, the reason why it is disabled.
+     */
+    disabledReason: string;
+    /**
+     * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.
+     */
+    color: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'white' | 'black';
+    /**
+     * Icon alignment.
+     * Possible values are `"start"`, `"end"`. Defaults to `"end"`.
+     */
+    iconAlign: 'start' | 'end';
+    /**
+     * Hyperlink to navigate to on click.
+     */
+    href?: string;
+    configAria?: {
+        [key: string]: any;
+    };
+    /**
+     * Sets or retrieves the window or frame at which to target content.
+     */
+    target: string;
+    selected: boolean;
+    /**
+     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     */
+    throttleDelay: number;
+    /**
+     * States
+     */
+    private isPressed;
+    private slotHasContent;
+    focus(): void;
+    blur(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private __dispatchClickWithThrottle;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __renderDisabledReason(): import("lit-html").TemplateResult<1> | null;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    private __isLink;
+    render(): import("lit-html").TemplateResult<1>;
+    getVariant(): {
+        variant: string;
+        subVariant: string | undefined;
+    };
+    renderButtonContent(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.js

@@ -0,0 +1,292 @@
+var _Button_id, _Button_tabindex;
+import { __classPrivateFieldGet, __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import styles from './button.scss';
+import { observerSlotChangesWithCallback, throttle } from '../utils.js';
+/**
+ * @label Button
+ * @tag p-button
+ * @rawTag button
+ *
+ * @summary Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.
+ * @overview
+ * <p>Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.</p>
+ *
+ * @cssprop --divider-color - Controls the color of the divider.
+ * @cssprop --divider-padding - Controls the padding of the divider.
+ *
+ * @example
+ * ```html
+ * <pc-button>Button</pc-button>
+ * ```
+ * @tags display
+ */
+export class Button extends LitElement {
+    constructor() {
+        super(...arguments);
+        _Button_id.set(this, crypto.randomUUID());
+        _Button_tabindex.set(this, 0);
+        this.htmlType = 'button';
+        /**
+         * The visual style of the button.
+         *
+         *  Possible variant values:
+         * `"filled"` is a filled button.
+         * `"outlined"` is an outlined button.
+         * `"text"` is a transparent button.
+         * `"tonal"` is a light color button.
+         *
+         */
+        this.variant = 'filled';
+        /**
+         * Button size.
+         * Possible values are `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
+         */
+        this.size = 'sm';
+        /**
+         * If true, the user cannot interact with the button. Defaults to `false`.
+         */
+        this.disabled = false;
+        /**
+         * If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.
+         */
+        this.softDisabled = false;
+        /**
+         * If button is disabled, the reason why it is disabled.
+         */
+        this.disabledReason = '';
+        /**
+         * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.
+         */
+        this.color = 'primary';
+        /**
+         * Icon alignment.
+         * Possible values are `"start"`, `"end"`. Defaults to `"end"`.
+         */
+        this.iconAlign = 'end';
+        /**
+         * Sets or retrieves the window or frame at which to target content.
+         */
+        this.target = '_self';
+        this.selected = false;
+        /**
+         * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+         */
+        this.throttleDelay = 200;
+        /**
+         * States
+         */
+        this.isPressed = false;
+        this.slotHasContent = false;
+        this.__dispatchClickWithThrottle = event => {
+            this.__dispatchClick(event);
+        };
+        this.__dispatchClick = (event) => {
+            // If the button is soft-disabled or a disabled link, we need to explicitly
+            // prevent the click from propagating to other event listeners as well as
+            // prevent the default action.
+            if (this.softDisabled || (this.disabled && this.href)) {
+                event.stopImmediatePropagation();
+                event.preventDefault();
+                return;
+            }
+            this.focus();
+            this.dispatchEvent(new CustomEvent('button:click', {
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this.__handlePress = (event) => {
+            if (event instanceof KeyboardEvent &&
+                event.type === 'keydown' &&
+                (event.key === 'Enter' || event.key === ' ')) {
+                this.isPressed = true;
+            }
+            else if (event.type === 'mousedown') {
+                this.isPressed = true;
+            }
+            else {
+                this.isPressed = false;
+            }
+        };
+    }
+    focus() {
+        this.buttonElement?.focus();
+    }
+    blur() {
+        this.buttonElement?.blur();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener('mouseup', this.__handlePress);
+    }
+    disconnectedCallback() {
+        window.removeEventListener('mouseup', this.__handlePress);
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
+        this.__dispatchClickWithThrottle = throttle(this.__dispatchClick, this.throttleDelay);
+        observerSlotChangesWithCallback(this.renderRoot.querySelector('slot'), hasContent => {
+            this.slotHasContent = hasContent;
+            this.requestUpdate();
+        });
+    }
+    __renderDisabledReason() {
+        if (this.disabled && this.disabledReason)
+            return html `<div
+        id="disabled-reason-${__classPrivateFieldGet(this, _Button_id, "f")}"
+        role="tooltip"
+        aria-label=${this.disabledReason}
+        class="sr-only"
+      >
+        {this.disabledReason}
+      </div>`;
+        return null;
+    }
+    /* @ts-ignore */
+    __isLink() {
+        return !!this.href;
+    }
+    render() {
+        const isLink = this.__isLink();
+        const { variant, subVariant } = this.getVariant();
+        const cssClasses = {
+            button: true,
+            'button-element': true,
+            [`size-${this.size}`]: true,
+            [`variant-${variant}`]: true,
+            [`variant-${subVariant}`]: !!subVariant,
+            [`color-${this.color}`]: true,
+            disabled: this.disabled || this.softDisabled,
+            pressed: this.isPressed,
+            'has-content': this.slotHasContent,
+        };
+        if (!isLink) {
+            return html `<button
+        class=${classMap(cssClasses)}
+        tabindex=${__classPrivateFieldGet(this, _Button_tabindex, "f")}
+        type=${this.htmlType}
+        @click=${this.__dispatchClickWithThrottle}
+        @mousedown=${this.__handlePress}
+        @keydown=${this.__handlePress}
+        @keyup=${this.__handlePress}
+        ?aria-describedby=${(this.disabled || this.softDisabled) &&
+                this.disabledReason
+                ? `disabled-reason-${__classPrivateFieldGet(this, _Button_id, "f")}`
+                : null}
+        aria-disabled=${`${this.disabled || this.softDisabled}`}
+        ?disabled=${this.disabled}
+      >
+        ${this.renderButtonContent()}
+      </button>`;
+        }
+        return html `<a
+      class=${classMap(cssClasses)}
+      tabindex=${__classPrivateFieldGet(this, _Button_tabindex, "f")}
+      href=${this.href}
+      target=${this.target}
+      @click=${this.__dispatchClickWithThrottle}
+      @mousedown=${this.__handlePress}
+      @keydown=${this.__handlePress}
+      @keyup=${this.__handlePress}
+      role="button"
+      aria-describedby=${this.disabled && this.disabledReason
+            ? `disabled-reason-${__classPrivateFieldGet(this, _Button_id, "f")}`
+            : null}
+      aria-disabled=${`${this.disabled}`}
+    >
+      <div class="icon">
+        <slot name="icon"></slot>
+      </div>
+
+      <div class="slot-container">
+        <slot></slot>
+      </div>
+    </a>`;
+    }
+    getVariant() {
+        const variants = this.variant?.split('.');
+        if (!['filled', 'outlined', 'text', 'tonal', 'neo'].includes(variants[0])) {
+            variants.unshift('filled');
+        }
+        const [variant, subVariant] = variants;
+        return { variant, subVariant };
+    }
+    renderButtonContent() {
+        return html `
+      <p-focus-ring class="focus-ring" .control=${this}></p-focus-ring>
+      <p-elevation class="elevation"></p-elevation>
+      <div class="neo-background"></div>
+      <div class="background"></div>
+      <div class="outline"></div>
+      <p-ripple class="ripple"></p-ripple>
+
+      <div class="button-content">
+        ${this.iconAlign === 'start'
+            ? html `<slot name="icon"></slot></div>`
+            : null}
+
+        <div class="slot-container">
+          <slot></slot>
+        </div>
+
+        ${this.iconAlign === 'end' ? html `<slot name="icon"></slot>` : null}
+      </div>
+
+      ${this.__renderDisabledReason()}
+    `;
+    }
+}
+_Button_id = new WeakMap(), _Button_tabindex = new WeakMap();
+Button.styles = [styles];
+__decorate([
+    query('.button')
+], Button.prototype, "buttonElement", void 0);
+__decorate([
+    property({ type: String })
+], Button.prototype, "htmlType", void 0);
+__decorate([
+    property()
+], Button.prototype, "variant", void 0);
+__decorate([
+    property()
+], Button.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true })
+], Button.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true })
+], Button.prototype, "softDisabled", void 0);
+__decorate([
+    property()
+], Button.prototype, "disabledReason", void 0);
+__decorate([
+    property({ reflect: true })
+], Button.prototype, "color", void 0);
+__decorate([
+    property()
+], Button.prototype, "iconAlign", void 0);
+__decorate([
+    property({ reflect: true })
+], Button.prototype, "href", void 0);
+__decorate([
+    property({ reflect: true })
+], Button.prototype, "configAria", void 0);
+__decorate([
+    property()
+], Button.prototype, "target", void 0);
+__decorate([
+    property()
+], Button.prototype, "selected", void 0);
+__decorate([
+    property()
+], Button.prototype, "throttleDelay", void 0);
+__decorate([
+    state()
+], Button.prototype, "isPressed", void 0);
+__decorate([
+    state()
+], Button.prototype, "slotHasContent", void 0);
+//# sourceMappingURL=button.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './button.scss';\nimport { observerSlotChangesWithCallback, throttle } from '../utils.js';\n\n/**\n * @label Button\n * @tag p-button\n * @rawTag button\n *\n * @summary Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.\n * @overview\n * <p>Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.</p>\n *\n * @cssprop --divider-color - Controls the color of the divider.\n * @cssprop --divider-padding - Controls the padding of the divider.\n *\n * @example\n * ```html\n * <pc-button>Button</pc-button>\n * ```\n * @tags display\n */\nexport class Button extends LitElement {\n  static override styles = [styles];\n\n  #id = crypto.randomUUID();\n\n  #tabindex?: number = 0;\n\n  @query('.button') private readonly buttonElement!: HTMLElement | null;\n\n  @property({ type: String }) htmlType: 'button' | 'submit' | 'reset' =\n    'button';\n\n  /**\n   * The visual style of the button.\n   *\n   *  Possible variant values:\n   * `\"filled\"` is a filled button.\n   * `\"outlined\"` is an outlined button.\n   * `\"text\"` is a transparent button.\n   * `\"tonal\"` is a light color button.\n   *\n   */\n  @property() variant:\n    | 'elevated'\n    | 'filled'\n    | 'tonal'\n    | 'outlined'\n    | 'text'\n    | 'neo' = 'filled';\n\n  /**\n   * Button size.\n   * Possible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.\n   */\n  @property() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'sm';\n\n  /**\n   * If true, the user cannot interact with the button. Defaults to `false`.\n   */\n  @property({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.\n   */\n  @property({ reflect: true }) softDisabled: boolean = false;\n\n  /**\n   * If button is disabled, the reason why it is disabled.\n   */\n  @property() disabledReason: string = '';\n\n  /**\n   * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.\n   */\n  @property({ reflect: true }) color:\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'danger'\n    | 'warning'\n    | 'white'\n    | 'black' = 'primary';\n\n  /**\n   * Icon alignment.\n   * Possible values are `\"start\"`, `\"end\"`. Defaults to `\"end\"`.\n   */\n  @property() iconAlign: 'start' | 'end' = 'end';\n\n  /**\n   * Hyperlink to navigate to on click.\n   */\n  @property({ reflect: true }) href?: string;\n\n  @property({ reflect: true }) configAria?: { [key: string]: any };\n\n  /**\n   * Sets or retrieves the window or frame at which to target content.\n   */\n  @property() target: string = '_self';\n\n  @property() selected: boolean = false;\n\n  /**\n   * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.\n   */\n  @property() throttleDelay = 200;\n\n  /**\n   * States\n   */\n  @state()\n  private isPressed = false;\n\n  @state()\n  private slotHasContent = false;\n\n  override focus() {\n    this.buttonElement?.focus();\n  }\n\n  override blur() {\n    this.buttonElement?.blur();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('mouseup', this.__handlePress);\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('mouseup', this.__handlePress);\n    super.disconnectedCallback();\n  }\n\n  override firstUpdated() {\n    this.__dispatchClickWithThrottle = throttle(\n      this.__dispatchClick,\n      this.throttleDelay,\n    );\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('slot'),\n      hasContent => {\n        this.slotHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  private __dispatchClickWithThrottle: (\n    event: MouseEvent | KeyboardEvent,\n  ) => void = event => {\n    this.__dispatchClick(event);\n  };\n\n  __dispatchClick = (event: MouseEvent | KeyboardEvent) => {\n    // If the button is soft-disabled or a disabled link, we need to explicitly\n    // prevent the click from propagating to other event listeners as well as\n    // prevent the default action.\n    if (this.softDisabled || (this.disabled && this.href)) {\n      event.stopImmediatePropagation();\n      event.preventDefault();\n      return;\n    }\n\n    this.focus();\n    this.dispatchEvent(\n      new CustomEvent('button:click', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  };\n\n  __renderDisabledReason() {\n    if (this.disabled && this.disabledReason)\n      return html`<div\n        id=\"disabled-reason-${this.#id}\"\n        role=\"tooltip\"\n        aria-label=${this.disabledReason}\n        class=\"sr-only\"\n      >\n        {this.disabledReason}\n      </div>`;\n    return null;\n  }\n\n  __handlePress = (event: KeyboardEvent | MouseEvent) => {\n    if (\n      event instanceof KeyboardEvent &&\n      event.type === 'keydown' &&\n      (event.key === 'Enter' || event.key === ' ')\n    ) {\n      this.isPressed = true;\n    } else if (event.type === 'mousedown') {\n      this.isPressed = true;\n    } else {\n      this.isPressed = false;\n    }\n  };\n\n  /* @ts-ignore */\n  private __isLink() {\n    return !!this.href;\n  }\n\n  override render() {\n    const isLink = this.__isLink();\n    const { variant, subVariant } = this.getVariant();\n\n    const cssClasses = {\n      button: true,\n      'button-element': true,\n      [`size-${this.size}`]: true,\n      [`variant-${variant}`]: true,\n      [`variant-${subVariant}`]: !!subVariant,\n      [`color-${this.color}`]: true,\n      disabled: this.disabled || this.softDisabled,\n      pressed: this.isPressed,\n      'has-content': this.slotHasContent,\n    };\n\n    if (!isLink) {\n      return html`<button\n        class=${classMap(cssClasses)}\n        tabindex=${this.#tabindex}\n        type=${this.htmlType}\n        @click=${this.__dispatchClickWithThrottle}\n        @mousedown=${this.__handlePress}\n        @keydown=${this.__handlePress}\n        @keyup=${this.__handlePress}\n        ?aria-describedby=${(this.disabled || this.softDisabled) &&\n        this.disabledReason\n          ? `disabled-reason-${this.#id}`\n          : null}\n        aria-disabled=${`${this.disabled || this.softDisabled}`}\n        ?disabled=${this.disabled}\n      >\n        ${this.renderButtonContent()}\n      </button>`;\n    }\n    return html`<a\n      class=${classMap(cssClasses)}\n      tabindex=${this.#tabindex}\n      href=${this.href}\n      target=${this.target}\n      @click=${this.__dispatchClickWithThrottle}\n      @mousedown=${this.__handlePress}\n      @keydown=${this.__handlePress}\n      @keyup=${this.__handlePress}\n      role=\"button\"\n      aria-describedby=${this.disabled && this.disabledReason\n        ? `disabled-reason-${this.#id}`\n        : null}\n      aria-disabled=${`${this.disabled}`}\n    >\n      <div class=\"icon\">\n        <slot name=\"icon\"></slot>\n      </div>\n\n      <div class=\"slot-container\">\n        <slot></slot>\n      </div>\n    </a>`;\n  }\n\n  getVariant() {\n    const variants = this.variant?.split('.');\n    if (!['filled', 'outlined', 'text', 'tonal', 'neo'].includes(variants[0])) {\n      variants.unshift('filled');\n    }\n    const [variant, subVariant] = variants as [string, string?];\n    return { variant, subVariant };\n  }\n\n  renderButtonContent() {\n    return html`\n      <p-focus-ring class=\"focus-ring\" .control=${this}></p-focus-ring>\n      <p-elevation class=\"elevation\"></p-elevation>\n      <div class=\"neo-background\"></div>\n      <div class=\"background\"></div>\n      <div class=\"outline\"></div>\n      <p-ripple class=\"ripple\"></p-ripple>\n\n      <div class=\"button-content\">\n        ${this.iconAlign === 'start'\n          ? html`<slot name=\"icon\"></slot></div>`\n          : null}\n\n        <div class=\"slot-container\">\n          <slot></slot>\n        </div>\n\n        ${this.iconAlign === 'end' ? html`<slot name=\"icon\"></slot>` : null}\n      </div>\n\n      ${this.__renderDisabledReason()}\n    `;\n  }\n}\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './button.js';

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.js

@@ -0,0 +1,2 @@
+export { Button } from './button.js';
+//# sourceMappingURL=index.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { Button } from './button.js';\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.d.ts

@@ -0,0 +1,10 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class ClockController implements ReactiveController {
+    host: ReactiveControllerHost;
+    value: Date;
+    timeout: number;
+    private _timerID?;
+    constructor(host: ReactiveControllerHost, timeout?: number);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.js

@@ -0,0 +1,22 @@
+export class ClockController {
+    constructor(host, timeout = 1000) {
+        this.value = new Date();
+        this.host = host;
+        this.host.addController(this);
+        this.timeout = timeout;
+    }
+    hostConnected() {
+        // Start a timer when the host is connected
+        this._timerID = setInterval(() => {
+            this.value = new Date();
+            // Update the host with new value
+            this.host.requestUpdate();
+        }, this.timeout);
+    }
+    hostDisconnected() {
+        // Clear the timer when the host is disconnected
+        clearInterval(this._timerID);
+        this._timerID = undefined;
+    }
+}
+//# sourceMappingURL=ClockController.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/ClockController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClockController.js","sourceRoot":"","sources":["../../../src/clock/ClockController.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,eAAe;IAS1B,YAAY,IAA4B,EAAE,OAAO,GAAG,IAAI;QANxD,UAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QAOjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,aAAa;QACX,2CAA2C;QAC3C,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;YACxB,iCAAiC;YACjC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAED,gBAAgB;QACd,gDAAgD;QAChD,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;CACF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\r\n\r\nexport class ClockController implements ReactiveController {\r\n  host: ReactiveControllerHost;\r\n\r\n  value = new Date();\r\n\r\n  timeout: number;\r\n\r\n  private _timerID?: any;\r\n\r\n  constructor(host: ReactiveControllerHost, timeout = 1000) {\r\n    this.host = host;\r\n    this.host.addController(this);\r\n    this.timeout = timeout;\r\n  }\r\n\r\n  hostConnected() {\r\n    // Start a timer when the host is connected\r\n    this._timerID = setInterval(() => {\r\n      this.value = new Date();\r\n      // Update the host with new value\r\n      this.host.requestUpdate();\r\n    }, this.timeout);\r\n  }\r\n\r\n  hostDisconnected() {\r\n    // Clear the timer when the host is disconnected\r\n    clearInterval(this._timerID);\r\n    this._timerID = undefined;\r\n  }\r\n}\r\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import { ClockController } from './ClockController.js';
 /**
  * @label Clock
  * @tag p-clock
@@ -16,12 +17,9 @@ import { LitElement } from 'lit';
  * @tags display
  */
 export declare class Clock extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResultGroup[];
+    clockController: ClockController;
     timezone?: string;
-    currentTime: string;
-    private _timerId;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    __updateCurrentTime(): void;
+    __formatDate(date: Date): string;
     render(): import("lit-html").TemplateResult<1>;
 }