@redvars/peacock 3.2.6 → 3.2.8

package/dist/accordion-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-item.js","sources":["../../src/accordion/accordion-item/accordion-item.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './accordion-item.scss';\n\n/**\n * @label Accordion Item\n * @tag accordion-item\n * @rawTag accordion\n * @summary An accordion item is single item in an accordion list. It contains a header and a content section that can be expanded or collapsed by the user.\n *\n * @example\n * ```html\n * <base-accordion-item>\n * Testing\n * </accordion-item>\n * ```\n * @tags display\n */\nexport class AccordionItem extends LitElement {\n  static styles = [styles];\n\n  #id = crypto.randomUUID();\n\n  /**\n   * The menu item value.\n   */\n  @property({ type: String, reflect: true })\n  heading: string = '';\n\n  /**\n   * If true, the user cannot interact with the button. Defaults to `false`.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Menu item selection state.\n   */\n  @property({ type: Boolean, reflect: true })\n  open: boolean = false;\n\n  @query('.accordion-heading')\n  private readonly buttonElement!: HTMLElement | null;\n\n  override focus() {\n    this.buttonElement?.focus();\n  }\n\n  override blur() {\n    this.buttonElement?.blur();\n  }\n\n  private __handleToggle() {\n    if (this.disabled) return;\n    this.open = !this.open;\n    this.dispatchEvent(\n      new CustomEvent('accordion-item--toggle', {\n        bubbles: true,\n        composed: true,\n        detail: { open: this.open, id: this.#id },\n      }),\n    );\n  }\n\n  render() {\n    return html`<div\n      class=${classMap({\n        'accordion-item': true,\n        open: this.open,\n        disabled: this.disabled,\n      })}\n    >\n      <button\n        id=${`accordion-heading-${this.#id}`}\n        tabindex=\"0\"\n        aria-controls=${`accordion-control-${this.#id}`}\n        class=\"accordion-heading\"\n        aria-disabled=${this.disabled}\n        @click=${this.__handleToggle}\n        aria-expanded=${this.open}\n      >\n        <base-icon class=\"accordion-icon\" name=\"keyboard_arrow_down\"></base-icon>\n        <div part=\"title\" class=\"accordion-title\">\n          <slot name=\"heading\">${this.heading}</slot>\n        </div>\n      </button>\n      <div\n        class=\"item-section slot-main\"\n        id=${`accordion-control-${this.#id}`}\n        aria-labelledby=${`accordion-heading-${this.#id}`}\n        role=\"region\"\n      >\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","property","query"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;;;;;;;;;;;;;AAaG;AACG,MAAO,aAAc,SAAQA,GAAU,CAAA;AAA7C,IAAA,WAAA,GAAA;;AAGE,QAAA,iBAAA,CAAA,GAAA,CAAA,IAAA,EAAM,MAAM,CAAC,UAAU,EAAE,CAAA;AAEzB;;AAEG;QAEH,IAAA,CAAA,OAAO,GAAW,EAAE;AAEpB;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAY,KAAK;AAEzB;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAY,KAAK;IAyDvB;IApDW,KAAK,GAAA;AACZ,QAAA,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE;IAC7B;IAES,IAAI,GAAA;AACX,QAAA,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE;IAC5B;IAEQ,cAAc,GAAA;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AACtB,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,wBAAwB,EAAE;AACxC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,sBAAA,CAAA,IAAI,yBAAI,EAAE;AAC1C,SAAA,CAAC,CACH;IACH;IAEA,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA,CAAA;AACD,YAAA,EAAAC,GAAQ,CAAC;AACf,YAAA,gBAAgB,EAAE,IAAI;YACtB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;;;aAGK,CAAA,kBAAA,EAAqB,sBAAA,CAAA,IAAI,EAAA,iBAAA,EAAA,GAAA,CAAI,CAAA,CAAE;;wBAEpB,CAAA,kBAAA,EAAqB,sBAAA,CAAA,IAAI,EAAA,iBAAA,EAAA,GAAA,CAAI,CAAA,CAAE;;AAE/B,sBAAA,EAAA,IAAI,CAAC,QAAQ;AACpB,eAAA,EAAA,IAAI,CAAC,cAAc;AACZ,sBAAA,EAAA,IAAI,CAAC,IAAI;;;;AAIA,+BAAA,EAAA,IAAI,CAAC,OAAO,CAAA;;;;;aAKhC,CAAA,kBAAA,EAAqB,sBAAA,CAAA,IAAI,EAAA,iBAAA,EAAA,GAAA,CAAI,CAAA,CAAE;0BAClB,CAAA,kBAAA,EAAqB,sBAAA,CAAA,IAAI,EAAA,iBAAA,EAAA,GAAA,CAAI,CAAA,CAAE;;;;;WAK9C;IACT;;;AA5EO,aAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAQxB,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACpB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMrB,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAM1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACpB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAGL,UAAA,CAAA;IADhBC,CAAK,CAAC,oBAAoB;AACyB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;;;;"}

package/dist/accordion.js

@@ -1,142 +0,0 @@
-import { _ as __decorate, n } from './property-DNVWDdPC.js';
-import { i, a as i$1, b } from './lit-element-CA46RFZ_.js';
-import { a as e } from './query-QBcUV-L_.js';
-import { AccordionItem } from './accordion-item.js';
-import './class-map-BmCohX9p.js';
-import './directive-Cuw6h7YA.js';
-
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function o(o){return (e$1,n)=>{const{slot:r,selector:s}=o??{},c="slot"+(r?`[name=${r}]`:":not([name])");return e(e$1,n,{get(){const t=this.renderRoot?.querySelector(c),e=t?.assignedElements(o)??[];return void 0===s?e:e.filter(t=>t.matches(s))}})}}
-
-var css_248z = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: block;
-}
-
-slot::slotted(:not(:last-child)) {
-  border-block-start: 1px solid var(--color-outline);
-}
-
-slot::slotted(:last-child) {
-  border-block-end: 1px solid var(--color-outline);
-}`;
-
-/**
- * @label Accordion
- * @tag base-accordion
- * @rawTag accordion
- * @summary An accordion is a vertically stacked list of headers that reveal or hide associated sections of content.
- *
- * @example
- * ```html
- * <base-accordion>
- *     <accordion-item heading="Accordion">
- *         Content
- *     </accordion-item>
- * </base-accordion>
- * ```
- * @tags display
- */
-class Accordion extends i$1 {
-    constructor() {
-        super(...arguments);
-        this.allowMultiple = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        // @ts-ignore
-        // eslint-disable-next-line wc/require-listener-teardown
-        this.addEventListener('accordion-item:toggle', this._onItemToggle);
-        this.addEventListener('keydown', this._onKeyDown);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        // @ts-ignore
-        // eslint-disable-next-line no-undef
-        this.removeEventListener('accordion-item:toggle', this._onItemToggle);
-        this.removeEventListener('keydown', this._onKeyDown);
-    }
-    _onItemToggle(e) {
-        const targetItem = e.target;
-        // Stop event bubbling if it came from a nested accordion
-        // We check if the target item is a direct child of *this* accordion
-        if (targetItem.parentElement !== this)
-            return;
-        if (!this.allowMultiple && targetItem.open) {
-            this.items.forEach(item => {
-                if (item !== targetItem && item.open) {
-                    // eslint-disable-next-line no-param-reassign
-                    item.open = false;
-                }
-            });
-        }
-    }
-    _onKeyDown(e) {
-        // 1. Find which item currently has its HEADER focused.
-        // We check the shadowRoot of each item to see if the internal <button> is the active element.
-        const focusedItemIndex = this.items.findIndex(item => {
-            // Access the Shadow DOM of the item
-            const root = item.shadowRoot;
-            // Check if the focused element inside that shadow DOM is the toggle button
-            return root?.activeElement?.classList.contains('accordion-heading');
-        });
-        // 2. If no header is focused (e.g., focus is on body content or outside), do nothing.
-        // This prevents stealing focus when the user is typing in a form inside the accordion.
-        if (focusedItemIndex === -1)
-            return;
-        let nextIndex = -1;
-        // eslint-disable-next-line default-case
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                // Cycle next
-                nextIndex = (focusedItemIndex + 1) % this.items.length;
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                // Cycle previous
-                nextIndex =
-                    (focusedItemIndex - 1 + this.items.length) % this.items.length;
-                break;
-            case 'Home':
-                e.preventDefault();
-                nextIndex = 0;
-                break;
-            case 'End':
-                e.preventDefault();
-                nextIndex = this.items.length - 1;
-                break;
-        }
-        // 3. Apply Focus
-        if (nextIndex !== -1) {
-            const itemToFocus = this.items[nextIndex];
-            // Select the button inside the Shadow DOM of the target item
-            const button = itemToFocus.shadowRoot?.querySelector('.accordion-heading');
-            button?.focus();
-        }
-    }
-    render() {
-        return b `<div class="accordion"><slot></slot></div>`;
-    }
-}
-Accordion.styles = [css_248z];
-Accordion.Item = AccordionItem;
-__decorate([
-    n({ type: Boolean, attribute: 'allow-multiple' })
-], Accordion.prototype, "allowMultiple", void 0);
-__decorate([
-    o({ selector: 'p-accordion-item' })
-], Accordion.prototype, "items", void 0);
-
-export { Accordion };
-//# sourceMappingURL=accordion.js.map

package/dist/accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.js","sources":["../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js","../../src/accordion/accordion/accordion.ts"],"sourcesContent":["import{desc as t}from\"./base.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function o(o){return(e,n)=>{const{slot:r,selector:s}=o??{},c=\"slot\"+(r?`[name=${r}]`:\":not([name])\");return t(e,n,{get(){const t=this.renderRoot?.querySelector(c),e=t?.assignedElements(o)??[];return void 0===s?e:e.filter(t=>t.matches(s))}})}}export{o as queryAssignedElements};\n//# sourceMappingURL=query-assigned-elements.js.map\n","import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport styles from './accordion.scss';\nimport { AccordionItem } from '../accordion-item/accordion-item.js';\n\n/**\n * @label Accordion\n * @tag base-accordion\n * @rawTag accordion\n * @summary An accordion is a vertically stacked list of headers that reveal or hide associated sections of content.\n *\n * @example\n * ```html\n * <base-accordion>\n *     <accordion-item heading=\"Accordion\">\n *         Content\n *     </accordion-item>\n * </base-accordion>\n * ```\n * @tags display\n */\nexport class Accordion extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Boolean, attribute: 'allow-multiple' })\n  allowMultiple = false;\n\n  @queryAssignedElements({ selector: 'p-accordion-item' })\n  items!: Array<AccordionItem>;\n\n  connectedCallback() {\n    super.connectedCallback();\n    // @ts-ignore\n    // eslint-disable-next-line wc/require-listener-teardown\n    this.addEventListener('accordion-item:toggle', this._onItemToggle);\n    this.addEventListener('keydown', this._onKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    // @ts-ignore\n    // eslint-disable-next-line no-undef\n    this.removeEventListener('accordion-item:toggle', this._onItemToggle);\n    this.removeEventListener('keydown', this._onKeyDown);\n  }\n\n  private _onItemToggle(e: CustomEvent) {\n    const targetItem = e.target as AccordionItem;\n\n    // Stop event bubbling if it came from a nested accordion\n    // We check if the target item is a direct child of *this* accordion\n    if (targetItem.parentElement !== this) return;\n\n    if (!this.allowMultiple && targetItem.open) {\n      this.items.forEach(item => {\n        if (item !== targetItem && item.open) {\n          // eslint-disable-next-line no-param-reassign\n          item.open = false;\n        }\n      });\n    }\n  }\n\n  private _onKeyDown(e: KeyboardEvent) {\n    // 1. Find which item currently has its HEADER focused.\n    // We check the shadowRoot of each item to see if the internal <button> is the active element.\n    const focusedItemIndex = this.items.findIndex(item => {\n      // Access the Shadow DOM of the item\n      const root = item.shadowRoot;\n      // Check if the focused element inside that shadow DOM is the toggle button\n      return root?.activeElement?.classList.contains('accordion-heading');\n    });\n\n    // 2. If no header is focused (e.g., focus is on body content or outside), do nothing.\n    // This prevents stealing focus when the user is typing in a form inside the accordion.\n    if (focusedItemIndex === -1) return;\n\n    let nextIndex = -1;\n\n    // eslint-disable-next-line default-case\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        // Cycle next\n        nextIndex = (focusedItemIndex + 1) % this.items.length;\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        // Cycle previous\n        nextIndex =\n          (focusedItemIndex - 1 + this.items.length) % this.items.length;\n        break;\n      case 'Home':\n        e.preventDefault();\n        nextIndex = 0;\n        break;\n      case 'End':\n        e.preventDefault();\n        nextIndex = this.items.length - 1;\n        break;\n    }\n\n    // 3. Apply Focus\n    if (nextIndex !== -1) {\n      const itemToFocus = this.items[nextIndex];\n      // Select the button inside the Shadow DOM of the target item\n      const button = itemToFocus.shadowRoot?.querySelector(\n        '.accordion-heading',\n      ) as HTMLElement;\n      button?.focus();\n    }\n  }\n\n  render() {\n    return html`<div class=\"accordion\"><slot></slot></div>`;\n  }\n\n  static Item = AccordionItem;\n}\n"],"names":["e","t","LitElement","html","styles","property","queryAssignedElements"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/avatar.js

@@ -1,106 +0,0 @@
-import { _ as __decorate, n } from './property-DNVWDdPC.js';
-import { i, a as i$1, b } from './lit-element-CA46RFZ_.js';
-import { e } from './class-map-BmCohX9p.js';
-import './directive-Cuw6h7YA.js';
-
-var css_248z = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: inline-block;
-  pointer-events: none;
-  --avatar-size: 2rem;
-  --avatar-background-color: var(--color-primary);
-  --avatar-text-color: var(--color-on-primary);
-  --avatar-border-radius: var(--global-avatar-border-radius);
-}
-
-.avatar-container {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-050);
-  line-height: 0;
-}
-
-.avatar {
-  border-radius: var(--avatar-border-radius);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--avatar-text-color);
-  width: var(--avatar-size);
-  height: var(--avatar-size);
-  font-family: var(--typography-body-large-emphasized-font-family) !important;
-  font-size: var(--typography-body-large-emphasized-font-size) !important;
-  font-weight: var(--typography-body-large-emphasized-font-weight) !important;
-  line-height: var(--typography-body-large-emphasized-line-height) !important;
-  letter-spacing: var(--typography-body-large-emphasized-letter-spacing) !important;
-  background-color: var(--avatar-background-color);
-  font-size: calc(var(--avatar-size) * 0.5) !important;
-}
-.avatar .image {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  border-radius: inherit;
-}`;
-
-/**
- * @label Avatar
- * @tag base-avatar
- * @rawTag avatar
- * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
- *
- * @cssprop --avatar-border-radius - Controls the border radius of the avatar.
- * @cssprop --avatar-background-color - Controls the color of the avatar.
- * @cssprop --avatar-size - Controls the size of the avatar.
- * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.
- *
- *
- * @example
- * ```html
- * <base-avatar name="Shivaji Varma" src="https://peacock.redvars.com/assets/img/avatar.webp" style='--avatar-size: 4rem'></base-avatar>
- * ```
- *
- * @tags display
- */
-class Avatar extends i$1 {
-    constructor() {
-        super(...arguments);
-        this.name = '';
-    }
-    render() {
-        return b `<div class="avatar-container">
-      <div
-        class=${e({
-            avatar: true,
-            initials: !this.src,
-            image: !!this.src,
-        })}
-      >
-        ${this.src
-            ? b `<img class="image" src=${this.src} alt=${this.name} />`
-            : b `<div class="initials">${this.__getInitials()}</div>`}
-      </div>
-    </div>`;
-    }
-    __getInitials() {
-        const [first = '', last = ''] = this.name.split(' ');
-        return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();
-    }
-}
-Avatar.styles = [css_248z];
-__decorate([
-    n({ type: String, reflect: true })
-], Avatar.prototype, "name", void 0);
-__decorate([
-    n({ type: String, reflect: true })
-], Avatar.prototype, "src", void 0);
-
-export { Avatar };
-//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.js","sources":["../../src/avatar/avatar.ts"],"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 base-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 * <base-avatar name=\"Shivaji Varma\" src=\"https://peacock.redvars.com/assets/img/avatar.webp\" style='--avatar-size: 4rem'></base-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"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;;;;;;;;;;;;;;;;;;AAkBG;AACG,MAAO,MAAO,SAAQA,GAAU,CAAA;AAAtC,IAAA,WAAA,GAAA;;QAG6C,IAAA,CAAA,IAAI,GAAW,EAAE;IAwB9D;IApBE,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA,CAAA;;AAEC,cAAA,EAAAC,CAAQ,CAAC;AACf,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG;AACnB,YAAA,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG;SAClB,CAAC;;AAEA,QAAA,EAAA,IAAI,CAAC;cACHD,CAAI,CAAA,CAAA,uBAAA,EAA0B,IAAI,CAAC,GAAG,CAAA,KAAA,EAAQ,IAAI,CAAC,IAAI,CAAA,GAAA;cACvDA,CAAI,CAAA,CAAA,sBAAA,EAAyB,IAAI,CAAC,aAAa,EAAE,CAAA,MAAA,CAAQ;;WAE1D;IACT;IAEQ,aAAa,GAAA;AACnB,QAAA,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AACpD,QAAA,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE;IAC5D;;AAzBO,MAAA,CAAA,MAAM,GAAG,CAACE,QAAM,CAAC;AAEmB,UAAA,CAAA;IAA1CC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AAAoB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAElB,UAAA,CAAA;IAA1CA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AAAe,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,KAAA,EAAA,MAAA,CAAA;;;;"}

package/dist/badge.js

@@ -1,84 +0,0 @@
-import { _ as __decorate, n } from './property-DNVWDdPC.js';
-import { i, a as i$1, b } from './lit-element-CA46RFZ_.js';
-import { e } from './class-map-BmCohX9p.js';
-import './directive-Cuw6h7YA.js';
-
-var css_248z = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: inline-block;
-  --badge-color: var(--global-badge-color);
-  z-index: var(--z-index-badge);
-}
-
-.badge {
-  pointer-events: none;
-  color: var(--color-white);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--badge-color);
-  border-radius: var(--shape-corner-full);
-}
-.badge.has-value {
-  height: 1rem;
-  min-width: 1rem;
-  padding-inline: var(--spacing-050);
-  font-family: var(--typography-label-small-font-family) !important;
-  font-size: var(--typography-label-small-font-size) !important;
-  font-weight: var(--typography-label-small-font-weight) !important;
-  line-height: var(--typography-label-small-line-height) !important;
-  letter-spacing: var(--typography-label-small-letter-spacing) !important;
-  color: var(--color-on-error);
-}
-.badge:not(.has-value) {
-  height: 0.375rem;
-  width: 0.375rem;
-}`;
-
-/**
- * @label Badge
- * @tag base-badge
- * @rawTag badge
- * @summary The badge component is used to display a small amount of information to the user.
- *
- * @cssprop --badge-color - Controls the color of the badge.
- *
- * @example
- * ```html
- * <base-badge value="1"></base-badge>
- * ```
- * @tags display
- */
-class Badge extends i$1 {
-    constructor() {
-        super(...arguments);
-        /**
-         * The value to display in the badge.
-         */
-        this.value = '';
-    }
-    render() {
-        return b `<div
-      class=${e({
-            badge: true,
-            'has-value': !!this.value,
-        })}
-    >
-      ${this.value}
-    </div>`;
-    }
-}
-Badge.styles = [css_248z];
-__decorate([
-    n({ type: String })
-], Badge.prototype, "value", void 0);
-
-export { Badge };
-//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sources":["../../src/badge/badge.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './badge.scss';\n\n/**\n * @label Badge\n * @tag base-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 * <base-badge value=\"1\"></base-badge>\n * ```\n * @tags display\n */\nexport class Badge extends LitElement {\n  static styles = [styles];\n\n  /**\n   * The value to display in the badge.\n   */\n  @property({ type: String }) value: string = '';\n\n  render() {\n    return html`<div\n      class=${classMap({\n        badge: true,\n        'has-value': !!this.value,\n      })}\n    >\n      ${this.value}\n    </div>`;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;;;;;;;;;;;;;AAaG;AACG,MAAO,KAAM,SAAQA,GAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;AAGE;;AAEG;QACyB,IAAA,CAAA,KAAK,GAAW,EAAE;IAYhD;IAVE,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA,CAAA;AACD,YAAA,EAAAC,CAAQ,CAAC;AACf,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;SAC1B,CAAC;;AAEA,MAAA,EAAA,IAAI,CAAC,KAAK;WACP;IACT;;AAhBO,KAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAKI,UAAA,CAAA;AAA3B,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAqB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;;;;"}

package/dist/base-progress.js

@@ -1,33 +0,0 @@
-import { _ as __decorate, n } from './property-DNVWDdPC.js';
-import { a as i } from './lit-element-CA46RFZ_.js';
-
-class BaseProgress extends i {
-    constructor() {
-        super(...arguments);
-        this.indeterminate = false;
-        this.inline = false;
-    }
-    __getPercentageValue() {
-        if (!this.value)
-            return 0;
-        return this.value;
-    }
-}
-__decorate([
-    n({ type: Number })
-], BaseProgress.prototype, "value", void 0);
-__decorate([
-    n({ type: Boolean })
-], BaseProgress.prototype, "indeterminate", void 0);
-__decorate([
-    n({ type: String })
-], BaseProgress.prototype, "label", void 0);
-__decorate([
-    n({ type: String, attribute: 'helper-text' })
-], BaseProgress.prototype, "helperText", void 0);
-__decorate([
-    n({ type: Boolean })
-], BaseProgress.prototype, "inline", void 0);
-
-export { BaseProgress };
-//# sourceMappingURL=base-progress.js.map

package/dist/base-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-progress.js","sources":["../../src/progress/base-progress.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport class BaseProgress extends LitElement {\n  /** The current value. */\n  @property({ type: Number }) value?: number;\n\n  @property({ type: Boolean }) indeterminate = false;\n\n  /** A label describing the progress bar. */\n  @property({ type: String }) label?: string;\n\n  @property({ type: String, attribute: 'helper-text' }) helperText?: string;\n\n  @property({ type: Boolean }) inline = false;\n\n  __getPercentageValue(): number {\n    if (!this.value) return 0;\n    return this.value;\n  }\n}\n"],"names":["LitElement","property"],"mappings":";;;AAGM,MAAO,YAAa,SAAQA,CAAU,CAAA;AAA5C,IAAA,WAAA,GAAA;;QAI+B,IAAA,CAAA,aAAa,GAAG,KAAK;QAOrB,IAAA,CAAA,MAAM,GAAG,KAAK;IAM7C;IAJE,oBAAoB,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,CAAC;QACzB,OAAO,IAAI,CAAC,KAAK;IACnB;AACD;AAf6B,UAAA,CAAA;AAA3B,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAiB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAEd,UAAA,CAAA;AAA5B,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAAwB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAGvB,UAAA,CAAA;AAA3B,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAiB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAEW,UAAA,CAAA;IAArDA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE;AAAsB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAE7C,UAAA,CAAA;AAA5B,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAAiB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;;;;"}

package/dist/breadcrumb-item.js

@@ -1,160 +0,0 @@
-import { _ as __decorate, n } from './property-DNVWDdPC.js';
-import { A, i, a as i$1, b } from './lit-element-CA46RFZ_.js';
-import { r } from './state-CV1fRmOT.js';
-import { e } from './class-map-BmCohX9p.js';
-import './directive-Cuw6h7YA.js';
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const o=o=>o??A;
-
-var css_248z = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: contents;
-}
-
-.breadcrumb-item {
-  display: inline-flex;
-  align-items: center;
-  font-family: var(--typography-body-medium-font-family) !important;
-  font-size: var(--typography-body-medium-font-size) !important;
-  font-weight: var(--typography-body-medium-font-weight) !important;
-  line-height: var(--typography-body-medium-line-height) !important;
-  letter-spacing: var(--typography-body-medium-letter-spacing) !important;
-}
-
-.breadcrumb-item.active {
-  font-family: var(--typography-body-medium-emphasized-font-family) !important;
-  font-size: var(--typography-body-medium-emphasized-font-size) !important;
-  font-weight: var(--typography-body-medium-emphasized-font-weight) !important;
-  line-height: var(--typography-body-medium-emphasized-line-height) !important;
-  letter-spacing: var(--typography-body-medium-emphasized-letter-spacing) !important;
-  color: var(--color-on-surface);
-}
-
-.breadcrumb-link {
-  color: var(--color-primary);
-  text-decoration: none;
-  border-radius: var(--border-radius-050);
-  transition: color 0.2s ease, text-decoration 0.2s ease;
-}
-.breadcrumb-link:hover {
-  color: var(--color-primary);
-  text-decoration: underline;
-}
-.breadcrumb-link:focus-visible {
-  outline: 2px solid var(--color-primary);
-  outline-offset: 2px;
-  text-decoration: underline;
-}
-.breadcrumb-link:active {
-  color: var(--color-primary);
-}
-
-.separator {
-  display: inline-block;
-  margin-left: var(--spacing-100);
-  color: var(--color-outline);
-  user-select: none;
-  pointer-events: none;
-}`;
-
-/**
- * @label Breadcrumb Item
- * @tag breadcrumb-item
- * @rawTag breadcrumb-item
- * @summary A breadcrumb item component that represents a single item in a breadcrumb navigation.
- *
- * @example
- * ```html
- * <breadcrumb-item href="#">Home</breadcrumb-item>
- * ```
- * @tags navigation
- */
-class BreadcrumbItem extends i$1 {
-    constructor() {
-        super(...arguments);
-        /**
-         * Indicates if this is the active (current) breadcrumb item.
-         */
-        this.active = false;
-        this.position = 1;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.calculatePosition();
-    }
-    calculatePosition() {
-        // Calculate position by counting sibling breadcrumb items
-        if (this.parentElement) {
-            const items = Array.from(this.parentElement.querySelectorAll('p-breadcrumb-item'));
-            this.position = items.indexOf(this) + 1;
-        }
-    }
-    render() {
-        return b `
-      <li
-        class=${e({ 'breadcrumb-item': true, active: this.active })}
-        itemprop="itemListElement"
-        itemscope
-        itemtype="https://schema.org/ListItem"
-      >
-        ${this.active
-            ? b `
-              <span aria-current="page" itemprop="name">
-                <slot></slot>
-              </span>
-            `
-            : b `
-              <a
-                class="breadcrumb-link"
-                itemprop="item"
-                href=${o(this.href)}
-                target=${o(this.target)}
-                ${this.target === '_blank'
-                ? b `rel="noopener noreferrer"`
-                : A}
-              >
-                <span itemprop="name">
-                  <slot></slot>
-                </span>
-              </a>
-            `}
-        <meta itemprop="position" content=${String(this.position)} />
-        ${this.separator
-            ? b `<span class="separator" aria-hidden="true"
-              >${this.separator}</span
-            >`
-            : A}
-      </li>
-    `;
-    }
-}
-BreadcrumbItem.styles = [css_248z];
-__decorate([
-    n({ reflect: true })
-], BreadcrumbItem.prototype, "href", void 0);
-__decorate([
-    n()
-], BreadcrumbItem.prototype, "target", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], BreadcrumbItem.prototype, "active", void 0);
-__decorate([
-    n({ type: String })
-], BreadcrumbItem.prototype, "separator", void 0);
-__decorate([
-    r()
-], BreadcrumbItem.prototype, "position", void 0);
-
-export { BreadcrumbItem };
-//# sourceMappingURL=breadcrumb-item.js.map

package/dist/breadcrumb-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-item.js","sources":["../node_modules/lit-html/directives/if-defined.js","../../src/breadcrumb/breadcrumb-item/breadcrumb-item.ts"],"sourcesContent":["import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","import { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport styles from './breadcrumb-item.scss';\n\n/**\n * @label Breadcrumb Item\n * @tag breadcrumb-item\n * @rawTag breadcrumb-item\n * @summary A breadcrumb item component that represents a single item in a breadcrumb navigation.\n *\n * @example\n * ```html\n * <breadcrumb-item href=\"#\">Home</breadcrumb-item>\n * ```\n * @tags navigation\n */\nexport class BreadcrumbItem extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Hyperlink to navigate to on click.\n   */\n  @property({ reflect: true }) href?: string;\n\n  /**\n   * Sets or retrieves the window or frame at which to target content.\n   */\n  @property() target?: string;\n\n  /**\n   * Indicates if this is the active (current) breadcrumb item.\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /**\n   * Custom separator character. If not provided, default \"/\" is used.\n   */\n  @property({ type: String }) separator?: string;\n\n  @state()\n  private position = 1;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.calculatePosition();\n  }\n\n  private calculatePosition() {\n    // Calculate position by counting sibling breadcrumb items\n    if (this.parentElement) {\n      const items = Array.from(\n        this.parentElement.querySelectorAll('p-breadcrumb-item'),\n      );\n      this.position = items.indexOf(this) + 1;\n    }\n  }\n\n  render() {\n    return html`\n      <li\n        class=${classMap({ 'breadcrumb-item': true, active: this.active })}\n        itemprop=\"itemListElement\"\n        itemscope\n        itemtype=\"https://schema.org/ListItem\"\n      >\n        ${this.active\n          ? html`\n              <span aria-current=\"page\" itemprop=\"name\">\n                <slot></slot>\n              </span>\n            `\n          : html`\n              <a\n                class=\"breadcrumb-link\"\n                itemprop=\"item\"\n                href=${ifDefined(this.href)}\n                target=${ifDefined(this.target)}\n                ${this.target === '_blank'\n                  ? html`rel=\"noopener noreferrer\"`\n                  : nothing}\n              >\n                <span itemprop=\"name\">\n                  <slot></slot>\n                </span>\n              </a>\n            `}\n        <meta itemprop=\"position\" content=${String(this.position)} />\n        ${this.separator\n          ? html`<span class=\"separator\" aria-hidden=\"true\"\n              >${this.separator}</span\n            >`\n          : nothing}\n      </li>\n    `;\n  }\n}\n"],"names":["t","LitElement","html","classMap","ifDefined","nothing","styles","property","state"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACClB;;;;;;;;;;;AAWG;AACG,MAAO,cAAe,SAAQC,GAAU,CAAA;AAA9C,IAAA,WAAA,GAAA;;AAaE;;AAEG;QACyC,IAAA,CAAA,MAAM,GAAG,KAAK;QAQlD,IAAA,CAAA,QAAQ,GAAG,CAAC;IAuDtB;IArDE,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,iBAAiB,EAAE;IAC1B;IAEQ,iBAAiB,GAAA;;AAEvB,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACzD;YACD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;AAEC,cAAA,EAAAC,CAAQ,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;;;;;AAKhE,QAAA,EAAA,IAAI,CAAC;cACHD,CAAI,CAAA;;;;AAIH,YAAA;cACDA,CAAI,CAAA;;;;AAIO,qBAAA,EAAAE,CAAS,CAAC,IAAI,CAAC,IAAI,CAAC;AAClB,uBAAA,EAAAA,CAAS,CAAC,IAAI,CAAC,MAAM,CAAC;kBAC7B,IAAI,CAAC,MAAM,KAAK;kBACdF,CAAI,CAAA,CAAA,yBAAA;AACN,kBAAEG,CAAO;;;;;;AAMd,YAAA,CAAA;AAC+B,0CAAA,EAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;AACvD,QAAA,EAAA,IAAI,CAAC;cACHH,CAAI,CAAA,CAAA;AACC,eAAA,EAAA,IAAI,CAAC,SAAS,CAAA;AACjB,aAAA;AACJ,cAAEG,CAAO;;KAEd;IACH;;AA7EO,cAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAKK,UAAA,CAAA;AAA5B,IAAAC,CAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AAAgB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAK/B,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAAmB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAKgB,UAAA,CAAA;IAA3CA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAiB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAK/B,UAAA,CAAA;AAA3B,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAqB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAGvC,UAAA,CAAA;AADP,IAAAC,CAAK;AACe,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;;;;","x_google_ignoreList":[0]}

package/dist/breadcrumb.js

@@ -1,84 +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`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: block;
-  margin-bottom: var(--spacing-050);
-}
-
-.breadcrumb {
-  width: 100%;
-}
-
-ol {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-::slotted(:not(:last-child))::after {
-  display: inline-block;
-  padding-right: var(--spacing-100);
-  padding-left: var(--spacing-100);
-  color: var(--color-outline);
-  content: "/";
-  user-select: none;
-  pointer-events: none;
-}`;
-
-/**
- * @label Breadcrumb
- * @tag base-breadcrumb
- * @rawTag breadcrumb
- *
- * @summary A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or web application.
- * @overview
- *  - Breadcrumbs provide a trail for users to follow back to the starting or entry point.
- *  - They help users understand their current location within the site hierarchy.
- *  - Follows WCAG 2.1 guidelines for accessible navigation landmarks.
- *
- * @example
- * ```html
- * <base-breadcrumb label="Breadcrumb">
- *   <breadcrumb-item href="#">Home</breadcrumb-item>
- *   <breadcrumb-item href="#">Category</breadcrumb-item>
- *   <breadcrumb-item active>Current Page</breadcrumb-item>
- * </base-breadcrumb>
- * ```
- * @tags navigation
- */
-class Breadcrumb extends i$1 {
-    constructor() {
-        super(...arguments);
-        /**
-         * Accessible label for the breadcrumb navigation landmark.
-         * @default "Breadcrumb"
-         */
-        this.label = 'Breadcrumb';
-    }
-    render() {
-        return b `<nav aria-label=${this.label} class="breadcrumb">
-      <ol>
-        <slot></slot>
-      </ol>
-    </nav>`;
-    }
-}
-Breadcrumb.styles = [css_248z];
-__decorate([
-    n({ type: String })
-], Breadcrumb.prototype, "label", void 0);
-
-export { Breadcrumb };
-//# sourceMappingURL=breadcrumb.js.map