@redvars/peacock 3.2.7 → 3.2.9

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

package/dist/breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.js","sources":["../../src/breadcrumb/breadcrumb/breadcrumb.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './breadcrumb.scss';\n\n/**\n * @label Breadcrumb\n * @tag base-breadcrumb\n * @rawTag breadcrumb\n *\n * @summary A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or web application.\n * @overview\n *  - Breadcrumbs provide a trail for users to follow back to the starting or entry point.\n *  - They help users understand their current location within the site hierarchy.\n *  - Follows WCAG 2.1 guidelines for accessible navigation landmarks.\n *\n * @example\n * ```html\n * <base-breadcrumb label=\"Breadcrumb\">\n *   <breadcrumb-item href=\"#\">Home</breadcrumb-item>\n *   <breadcrumb-item href=\"#\">Category</breadcrumb-item>\n *   <breadcrumb-item active>Current Page</breadcrumb-item>\n * </base-breadcrumb>\n * ```\n * @tags navigation\n */\nexport class Breadcrumb extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Accessible label for the breadcrumb navigation landmark.\n   * @default \"Breadcrumb\"\n   */\n  @property({ type: String }) label = 'Breadcrumb';\n\n  render() {\n    return html`<nav aria-label=${this.label} class=\"breadcrumb\">\n      <ol>\n        <slot></slot>\n      </ol>\n    </nav>`;\n  }\n}\n"],"names":["LitElement","html","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,MAAO,UAAW,SAAQA,GAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AAGE;;;AAGG;QACyB,IAAA,CAAA,KAAK,GAAG,YAAY;IASlD;IAPE,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA,CAAA,gBAAA,EAAmB,IAAI,CAAC,KAAK,CAAA;;;;WAIjC;IACT;;AAdO,UAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAMI,UAAA,CAAA;AAA3B,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAuB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;;;;"}