@redvars/peacock 3.1.1 → 3.1.3

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.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+import { getTypography } from '../styleMixins.css.js';
+export const styles = css `
+  :host {
+    display: inline-block;
+  }
+
+  .current-time {
+    ${getTypography('body-medium')}
+  }
+`;
+//# sourceMappingURL=clock.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clock.css.js","sourceRoot":"","sources":["../../../src/clock/clock.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;MAMnB,aAAa,CAAC,aAAa,CAAC;;CAEjC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { getTypography } from '../styleMixins.css.js';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n  }\n\n  .current-time {\n    ${getTypography('body-medium')}\n  }\n`;\n"]}

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

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+import { ClockController } from './ClockController.js';
+/**
+ * @label Clock
+ * @tag p-clock
+ * @rawTag clock
+ *
+ * @summary Displays the current time in a given timezone.
+ * @overview
+ *  - Clocks are used to display the current time in a specified timezone.
+ *  - They can be displayed in various formats, including 12-hour and 24-hour time.
+ *
+ * @example
+ * ```html
+ * <p-clock></p-clock>
+ * ```
+ * @tags display
+ */
+export declare class Clock extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    clockController: ClockController;
+    timezone?: string;
+    __formatDate(date: Date): string;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,41 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './clock.scss';
+import { ClockController } from './ClockController.js';
+/**
+ * @label Clock
+ * @tag p-clock
+ * @rawTag clock
+ *
+ * @summary Displays the current time in a given timezone.
+ * @overview
+ *  - Clocks are used to display the current time in a specified timezone.
+ *  - They can be displayed in various formats, including 12-hour and 24-hour time.
+ *
+ * @example
+ * ```html
+ * <p-clock></p-clock>
+ * ```
+ * @tags display
+ */
+export class Clock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.clockController = new ClockController(this, 100);
+    }
+    __formatDate(date) {
+        return date.toLocaleTimeString('en-US', {
+            timeZone: this.timezone,
+        });
+    }
+    render() {
+        const currentDate = this.__formatDate(this.clockController.value);
+        return html `<div class="current-time">${currentDate}</div>`;
+    }
+}
+Clock.styles = [styles];
+__decorate([
+    property()
+], Clock.prototype, "timezone", void 0);
+//# sourceMappingURL=clock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clock.js","sourceRoot":"","sources":["../../../src/clock/clock.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAGE,oBAAe,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAcnD,CAAC;IAVC,YAAY,CAAC,IAAU;QACrB,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACtC,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAClE,OAAO,IAAI,CAAA,6BAA6B,WAAW,QAAQ,CAAC;IAC9D,CAAC;;AAfM,YAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAIb;IAAX,QAAQ,EAAE;uCAAmB","sourcesContent":["import { html, LitElement } from 'lit';\r\nimport { property } from 'lit/decorators.js';\r\nimport styles from './clock.scss';\r\nimport { ClockController } from './ClockController.js';\r\n\r\n/**\r\n * @label Clock\r\n * @tag p-clock\r\n * @rawTag clock\r\n *\r\n * @summary Displays the current time in a given timezone.\r\n * @overview\r\n *  - Clocks are used to display the current time in a specified timezone.\r\n *  - They can be displayed in various formats, including 12-hour and 24-hour time.\r\n *\r\n * @example\r\n * ```html\r\n * <p-clock></p-clock>\r\n * ```\r\n * @tags display\r\n */\r\nexport class Clock extends LitElement {\r\n  static styles = [styles];\r\n\r\n  clockController = new ClockController(this, 100);\r\n\r\n  @property() timezone?: string;\r\n\r\n  __formatDate(date: Date) {\r\n    return date.toLocaleTimeString('en-US', {\r\n      timeZone: this.timezone,\r\n    });\r\n  }\r\n\r\n  render() {\r\n    const currentDate = this.__formatDate(this.clockController.value);\r\n    return html`<div class=\"current-time\">${currentDate}</div>`;\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1 @@
+export { Clock } from './clock.js';

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

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

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

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

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+/**
+ * @label Code Highlighter
+ * @tag p-code-highlighter
+ * @rawTag code-highlighter
+ *
+ * @summary The code highlighter component is used to display code snippets with syntax highlighting.
+ * @overview
+ * <p>The <strong>Code Highlighter</strong> component allows you to display code snippets with syntax highlighting for various programming languages. It supports features like line numbers, code formatting, and a copy-to-clipboard button.</p>
+ *
+ * @cssprop --divider-color - Controls the color of the divider.
+ * @cssprop --divider-padding - Controls the padding of the divider.
+ *
+ * @example
+ * ```html
+ * <p-divider style="width: 12rem;">or</p-divider>
+ * ```
+ * @tags display
+ */
+export declare class CodeHighlighter extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    vertical: boolean;
+    slotHasContent: boolean;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.js

@@ -0,0 +1,60 @@
+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 './code-highlighter.scss';
+import { observerSlotChangesWithCallback } from '../utils.js';
+/**
+ * @label Code Highlighter
+ * @tag p-code-highlighter
+ * @rawTag code-highlighter
+ *
+ * @summary The code highlighter component is used to display code snippets with syntax highlighting.
+ * @overview
+ * <p>The <strong>Code Highlighter</strong> component allows you to display code snippets with syntax highlighting for various programming languages. It supports features like line numbers, code formatting, and a copy-to-clipboard button.</p>
+ *
+ * @cssprop --divider-color - Controls the color of the divider.
+ * @cssprop --divider-padding - Controls the padding of the divider.
+ *
+ * @example
+ * ```html
+ * <p-divider style="width: 12rem;">or</p-divider>
+ * ```
+ * @tags display
+ */
+export class CodeHighlighter extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.vertical = false;
+        this.slotHasContent = false;
+    }
+    firstUpdated() {
+        observerSlotChangesWithCallback(this.renderRoot.querySelector('slot'), hasContent => {
+            this.slotHasContent = hasContent;
+            this.requestUpdate();
+        });
+    }
+    render() {
+        return html `<div
+      class=${classMap({
+            divider: true,
+            vertical: this.vertical,
+            'slot-has-content': this.slotHasContent,
+        })}
+    >
+      <div class="line"></div>
+      <div class="slot-container">
+        <slot></slot>
+      </div>
+      <div class="line"></div>
+    </div>`;
+    }
+}
+CodeHighlighter.styles = [styles];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CodeHighlighter.prototype, "vertical", void 0);
+__decorate([
+    state()
+], CodeHighlighter.prototype, "slotHasContent", void 0);
+//# sourceMappingURL=code-highlighter.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-highlighter.js","sourceRoot":"","sources":["../../../src/code-highlighter/code-highlighter.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,yBAAyB,CAAC;AAC7C,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAA/C;;QAG8C,aAAQ,GAAG,KAAK,CAAC;QAG7D,mBAAc,GAAG,KAAK,CAAC;IA2BzB,CAAC;IAzBC,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,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,kBAAkB,EAAE,IAAI,CAAC,cAAc;SACxC,CAAC;;;;;;;WAOG,CAAC;IACV,CAAC;;AA/BM,sBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAkB;AAG7D;IADC,KAAK,EAAE;uDACe","sourcesContent":["import { html, LitElement } from 'lit';\r\nimport { property, state } from 'lit/decorators.js';\r\nimport { classMap } from 'lit/directives/class-map.js';\r\nimport styles from './code-highlighter.scss';\r\nimport { observerSlotChangesWithCallback } from '../utils.js';\r\n\r\n/**\r\n * @label Code Highlighter\r\n * @tag p-code-highlighter\r\n * @rawTag code-highlighter\r\n *\r\n * @summary The code highlighter component is used to display code snippets with syntax highlighting.\r\n * @overview\r\n * <p>The <strong>Code Highlighter</strong> component allows you to display code snippets with syntax highlighting for various programming languages. It supports features like line numbers, code formatting, and a copy-to-clipboard button.</p>\r\n *\r\n * @cssprop --divider-color - Controls the color of the divider.\r\n * @cssprop --divider-padding - Controls the padding of the divider.\r\n *\r\n * @example\r\n * ```html\r\n * <p-divider style=\"width: 12rem;\">or</p-divider>\r\n * ```\r\n * @tags display\r\n */\r\nexport class CodeHighlighter extends LitElement {\r\n  static styles = [styles];\r\n\r\n  @property({ type: Boolean, reflect: true }) vertical = false;\r\n\r\n  @state()\r\n  slotHasContent = false;\r\n\r\n  firstUpdated() {\r\n    observerSlotChangesWithCallback(\r\n      this.renderRoot.querySelector('slot'),\r\n      hasContent => {\r\n        this.slotHasContent = hasContent;\r\n        this.requestUpdate();\r\n      },\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return html`<div\r\n      class=${classMap({\r\n        divider: true,\r\n        vertical: this.vertical,\r\n        'slot-has-content': this.slotHasContent,\r\n      })}\r\n    >\r\n      <div class=\"line\"></div>\r\n      <div class=\"slot-container\">\r\n        <slot></slot>\r\n      </div>\r\n      <div class=\"line\"></div>\r\n    </div>`;\r\n  }\r\n}\r\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.d.ts

@@ -0,0 +1 @@
+export { CodeHighlighter } from './code-highlighter.js';

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.js

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

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.js.map

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

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.d.ts

@@ -0,0 +1,6 @@
+export declare const locale: {
+    loading: string;
+    copyToClipboard: string;
+    copied: string;
+    copiedCode: string;
+};

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.js

@@ -0,0 +1,7 @@
+export const locale = {
+    loading: 'Loading code...',
+    copyToClipboard: 'Copy to clipboard',
+    copied: 'Copied',
+    copiedCode: 'Copied code',
+};
+//# sourceMappingURL=local.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local.js","sourceRoot":"","sources":["../../../src/code-highlighter/local.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAKf;IACF,OAAO,EAAE,iBAAiB;IAC1B,eAAe,EAAE,mBAAmB;IACpC,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,aAAa;CAC1B,CAAC","sourcesContent":["export const locale: {\n  loading: string;\n  copyToClipboard: string;\n  copied: string;\n  copiedCode: string;\n} = {\n  loading: 'Loading code...',\n  copyToClipboard: 'Copy to clipboard',\n  copied: 'Copied',\n  copiedCode: 'Copied code',\n};\n"]}

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

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;