@cordwainer/cw-elements 1.3.0-beta.1 → 1.3.1

package/cdn/chunks/chunk.LOWUAQR6.js

@@ -0,0 +1,114 @@
+import {
+  logo_styles_default
+} from "./chunk.PPL67JOV.js";
+import {
+  supportsHostContext,
+  watchThemeDarkFallback
+} from "./chunk.TYQ7ZMBW.js";
+import {
+  LocalizeController
+} from "./chunk.75ZQOYXC.js";
+import {
+  o
+} from "./chunk.LRAERZML.js";
+import {
+  component_styles_default
+} from "./chunk.NJIHXHXI.js";
+import {
+  CwElement,
+  n
+} from "./chunk.AUPWAEKA.js";
+import {
+  A,
+  b
+} from "./chunk.6A2LG33L.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateSet
+} from "./chunk.QIOX6AG5.js";
+
+// src/components/logo/logo.component.ts
+var _stopThemeFallback;
+var CwLogo = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.image = "";
+    this.darkImage = "";
+    this.href = "";
+    this.target = "";
+    this.rel = "noreferrer noopener";
+    this.label = "";
+    // Only engaged on engines that lack :host-context() support — see host-context-fallback.ts.
+    __privateAdd(this, _stopThemeFallback);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!supportsHostContext) {
+      __privateSet(this, _stopThemeFallback, watchThemeDarkFallback(this, "cw-logo-dark-fallback"));
+    }
+  }
+  disconnectedCallback() {
+    var _a;
+    super.disconnectedCallback();
+    (_a = __privateGet(this, _stopThemeFallback)) == null ? void 0 : _a.call(this);
+  }
+  render() {
+    const label = this.label || this.localize.term("home");
+    const hasImage = Boolean(this.image || this.darkImage);
+    const images = b`
+      <slot>
+        ${hasImage ? b`
+                <img part="image" class="logo__image logo__image--light" src=${this.image} alt="" />
+                <img
+                  part="image-dark"
+                  class="logo__image logo__image--dark"
+                  src=${this.darkImage || this.image}
+                  alt=""
+                />
+              ` : A}
+      </slot>
+    `;
+    if (this.href) {
+      return b`
+        <a
+          part="base"
+          class="logo"
+          href=${this.href}
+          target=${o(this.target || void 0)}
+          rel=${o(this.rel || void 0)}
+          aria-label=${label}
+        >
+          ${images}
+        </a>
+      `;
+    }
+    return b` <span part="base" class="logo" role="img" aria-label=${label}> ${images} </span> `;
+  }
+};
+_stopThemeFallback = new WeakMap();
+CwLogo.styles = [component_styles_default, logo_styles_default];
+__decorateClass([
+  n()
+], CwLogo.prototype, "image", 2);
+__decorateClass([
+  n({ attribute: "dark-image" })
+], CwLogo.prototype, "darkImage", 2);
+__decorateClass([
+  n()
+], CwLogo.prototype, "href", 2);
+__decorateClass([
+  n()
+], CwLogo.prototype, "target", 2);
+__decorateClass([
+  n()
+], CwLogo.prototype, "rel", 2);
+__decorateClass([
+  n()
+], CwLogo.prototype, "label", 2);
+
+export {
+  CwLogo
+};

package/cdn/chunks/chunk.LSSHFYSR.js

@@ -0,0 +1,185 @@
+import {
+  secondary_navigation_styles_default
+} from "./chunk.EZE3OMZ6.js";
+import {
+  CwIconButton
+} from "./chunk.RZVMBWWG.js";
+import {
+  LocalizeController
+} from "./chunk.75ZQOYXC.js";
+import {
+  e
+} from "./chunk.VBR4VS53.js";
+import {
+  watch
+} from "./chunk.RB5L7E7Z.js";
+import {
+  component_styles_default
+} from "./chunk.NJIHXHXI.js";
+import {
+  CwElement,
+  e as e2,
+  n,
+  r,
+  t
+} from "./chunk.AUPWAEKA.js";
+import {
+  b
+} from "./chunk.6A2LG33L.js";
+import {
+  __decorateClass
+} from "./chunk.QIOX6AG5.js";
+
+// src/components/secondary-navigation/secondary-navigation.component.ts
+var CwSecondaryNavigation = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.hasScrollControls = false;
+    this.shouldHideScrollStartButton = false;
+    this.shouldHideScrollEndButton = false;
+    this.label = "";
+    this.noScrollControls = false;
+    /**
+     * The reality of the browser means that we can't expect the scroll position to be exactly what we want it to be,
+     * so we add one pixel of wiggle room to our calculations.
+     */
+    this.scrollOffset = 1;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.resizeObserver = new ResizeObserver(() => this.updateScrollControls());
+    this.updateComplete.then(() => {
+      this.resizeObserver.observe(this.nav);
+      this.updateScrollControls();
+    });
+  }
+  disconnectedCallback() {
+    var _a;
+    super.disconnectedCallback();
+    if (this.nav) {
+      (_a = this.resizeObserver) == null ? void 0 : _a.unobserve(this.nav);
+    }
+  }
+  handleScrollToStart() {
+    this.nav.scroll({
+      left: this.localize.dir() === "rtl" ? this.nav.scrollLeft + this.nav.clientWidth : this.nav.scrollLeft - this.nav.clientWidth,
+      behavior: "smooth"
+    });
+  }
+  handleScrollToEnd() {
+    this.nav.scroll({
+      left: this.localize.dir() === "rtl" ? this.nav.scrollLeft - this.nav.clientWidth : this.nav.scrollLeft + this.nav.clientWidth,
+      behavior: "smooth"
+    });
+  }
+  scrollFromStart() {
+    return this.localize.dir() === "rtl" ? -this.nav.scrollLeft : this.nav.scrollLeft;
+  }
+  isScrolledToEnd() {
+    return this.scrollFromStart() + this.nav.clientWidth >= this.nav.scrollWidth - this.scrollOffset;
+  }
+  updateScrollButtons() {
+    if (this.hasScrollControls) {
+      this.shouldHideScrollStartButton = this.scrollFromStart() <= this.scrollOffset;
+      this.shouldHideScrollEndButton = this.isScrolledToEnd();
+    }
+  }
+  updateScrollControls() {
+    if (this.noScrollControls) {
+      this.hasScrollControls = false;
+    } else {
+      this.hasScrollControls = this.nav.scrollWidth > this.nav.clientWidth + 1;
+    }
+    this.updateScrollButtons();
+  }
+  render() {
+    const isRtl = this.localize.dir() === "rtl";
+    const label = this.label || this.localize.term("secondaryNavigation");
+    return b`
+      <nav
+        part="base"
+        class=${e({
+      "secondary-navigation": true,
+      "secondary-navigation--has-scroll-controls": this.hasScrollControls,
+      "secondary-navigation--rtl": isRtl
+    })}
+        aria-label=${label}
+      >
+        <div class="secondary-navigation__nav-container" part="nav">
+          ${this.hasScrollControls ? b`
+                  <cw-icon-button
+                    part="scroll-button scroll-button--start"
+                    exportparts="base:scroll-button__base"
+                    class=${e({
+      "secondary-navigation__scroll-button": true,
+      "secondary-navigation__scroll-button--start": true,
+      "secondary-navigation__scroll-button--start--hidden": this.shouldHideScrollStartButton
+    })}
+                    name=${isRtl ? "chevron-right" : "chevron-left"}
+                    library="system"
+                    tabindex="-1"
+                    aria-hidden="true"
+                    label=${this.localize.term("scrollToStart")}
+                    @click=${this.handleScrollToStart}
+                  ></cw-icon-button>
+                ` : ""}
+
+          <div class="secondary-navigation__nav" @scrollend=${this.updateScrollButtons}>
+            <div class="secondary-navigation__list" role="list">
+              <slot @slotchange=${this.updateScrollControls}></slot>
+            </div>
+          </div>
+
+          ${this.hasScrollControls ? b`
+                  <cw-icon-button
+                    part="scroll-button scroll-button--end"
+                    exportparts="base:scroll-button__base"
+                    class=${e({
+      "secondary-navigation__scroll-button": true,
+      "secondary-navigation__scroll-button--end": true,
+      "secondary-navigation__scroll-button--end--hidden": this.shouldHideScrollEndButton
+    })}
+                    name=${isRtl ? "chevron-left" : "chevron-right"}
+                    library="system"
+                    tabindex="-1"
+                    aria-hidden="true"
+                    label=${this.localize.term("scrollToEnd")}
+                    @click=${this.handleScrollToEnd}
+                  ></cw-icon-button>
+                ` : ""}
+        </div>
+      </nav>
+    `;
+  }
+};
+CwSecondaryNavigation.styles = [component_styles_default, secondary_navigation_styles_default];
+CwSecondaryNavigation.dependencies = { "cw-icon-button": CwIconButton };
+__decorateClass([
+  e2(".secondary-navigation__nav")
+], CwSecondaryNavigation.prototype, "nav", 2);
+__decorateClass([
+  r()
+], CwSecondaryNavigation.prototype, "hasScrollControls", 2);
+__decorateClass([
+  r()
+], CwSecondaryNavigation.prototype, "shouldHideScrollStartButton", 2);
+__decorateClass([
+  r()
+], CwSecondaryNavigation.prototype, "shouldHideScrollEndButton", 2);
+__decorateClass([
+  n()
+], CwSecondaryNavigation.prototype, "label", 2);
+__decorateClass([
+  n({ attribute: "no-scroll-controls", type: Boolean })
+], CwSecondaryNavigation.prototype, "noScrollControls", 2);
+__decorateClass([
+  t({ passive: true })
+], CwSecondaryNavigation.prototype, "updateScrollButtons", 1);
+__decorateClass([
+  watch("noScrollControls", { waitUntilFirstUpdate: true })
+], CwSecondaryNavigation.prototype, "updateScrollControls", 1);
+
+export {
+  CwSecondaryNavigation
+};

package/cdn/chunks/chunk.LZFKF3D7.js

@@ -0,0 +1,11 @@
+import {
+  CwDataTableColumn
+} from "./chunk.M5X3LIEC.js";
+
+// src/components/data-table-column/data-table-column.ts
+var data_table_column_default = CwDataTableColumn;
+CwDataTableColumn.define("cw-data-table-column");
+
+export {
+  data_table_column_default
+};

package/cdn/chunks/chunk.M2AIN6AL.js

@@ -0,0 +1,11 @@
+import {
+  CwTimePicker
+} from "./chunk.DP7RYWK5.js";
+
+// src/components/time-picker/time-picker.ts
+var time_picker_default = CwTimePicker;
+CwTimePicker.define("cw-time-picker");
+
+export {
+  time_picker_default
+};

package/cdn/chunks/chunk.M2GA7H7J.js

@@ -0,0 +1,77 @@
+import {
+  include_styles_default
+} from "./chunk.4D2OGC2H.js";
+import {
+  requestInclude
+} from "./chunk.XNEONNEJ.js";
+import {
+  watch
+} from "./chunk.RB5L7E7Z.js";
+import {
+  component_styles_default
+} from "./chunk.NJIHXHXI.js";
+import {
+  CwElement,
+  n
+} from "./chunk.AUPWAEKA.js";
+import {
+  b
+} from "./chunk.6A2LG33L.js";
+import {
+  __decorateClass
+} from "./chunk.QIOX6AG5.js";
+
+// src/components/include/include.component.ts
+var CwInclude = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.mode = "cors";
+    this.allowScripts = false;
+  }
+  executeScript(script) {
+    const newScript = document.createElement("script");
+    [...script.attributes].forEach((attr) => newScript.setAttribute(attr.name, attr.value));
+    newScript.textContent = script.textContent;
+    script.parentNode.replaceChild(newScript, script);
+  }
+  async handleSrcChange() {
+    try {
+      const src = this.src;
+      const file = await requestInclude(src, this.mode);
+      if (src !== this.src) {
+        return;
+      }
+      if (!file.ok) {
+        this.emit("cw-error", { detail: { status: file.status } });
+        return;
+      }
+      this.innerHTML = file.html;
+      if (this.allowScripts) {
+        [...this.querySelectorAll("script")].forEach((script) => this.executeScript(script));
+      }
+      this.emit("cw-load");
+    } catch (e) {
+      this.emit("cw-error", { detail: { status: -1 } });
+    }
+  }
+  render() {
+    return b`<slot></slot>`;
+  }
+};
+CwInclude.styles = [component_styles_default, include_styles_default];
+__decorateClass([
+  n()
+], CwInclude.prototype, "src", 2);
+__decorateClass([
+  n()
+], CwInclude.prototype, "mode", 2);
+__decorateClass([
+  n({ attribute: "allow-scripts", type: Boolean })
+], CwInclude.prototype, "allowScripts", 2);
+__decorateClass([
+  watch("src")
+], CwInclude.prototype, "handleSrcChange", 1);
+
+export {
+  CwInclude
+};

package/cdn/chunks/chunk.M3AWWHS5.js

@@ -0,0 +1,11 @@
+import {
+  CwFormatDate
+} from "./chunk.GPSLTCXT.js";
+
+// src/components/format-date/format-date.ts
+var format_date_default = CwFormatDate;
+CwFormatDate.define("cw-format-date");
+
+export {
+  format_date_default
+};

package/cdn/chunks/chunk.M5X3LIEC.js

@@ -0,0 +1,84 @@
+import {
+  watch
+} from "./chunk.RB5L7E7Z.js";
+import {
+  CwElement,
+  n
+} from "./chunk.AUPWAEKA.js";
+import {
+  b
+} from "./chunk.6A2LG33L.js";
+import {
+  __decorateClass
+} from "./chunk.QIOX6AG5.js";
+
+// src/components/data-table-column/data-table-column.component.ts
+var CwDataTableColumn = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.label = "";
+    this.sortable = false;
+    this.width = "";
+    this.minWidth = "";
+    this.align = "start";
+    this.hidden = false;
+  }
+  /**
+   * A custom cell renderer. Called once per row with the cell value, the full row object,
+   * and this column element. Return a Lit `TemplateResult` or a plain string.
+   *
+   * @example
+   * column.renderCell = (value, row) => html`<cw-badge>${value}</cw-badge>`;
+   */
+  get renderCell() {
+    return this._renderCell;
+  }
+  set renderCell(fn) {
+    this._renderCell = fn;
+    this.handlePropertyChange();
+  }
+  handlePropertyChange() {
+    const table = this.closest("cw-data-table");
+    if (!table) {
+      return;
+    }
+    if (typeof table.handleColumnChange === "function") {
+      table.handleColumnChange();
+      return;
+    }
+    customElements.whenDefined("cw-data-table").then(() => table.handleColumnChange());
+  }
+  render() {
+    return b`<slot></slot>`;
+  }
+};
+CwDataTableColumn.styles = [];
+__decorateClass([
+  n({ reflect: true })
+], CwDataTableColumn.prototype, "name", 2);
+__decorateClass([
+  n({ reflect: true })
+], CwDataTableColumn.prototype, "label", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CwDataTableColumn.prototype, "sortable", 2);
+__decorateClass([
+  n({ reflect: true })
+], CwDataTableColumn.prototype, "width", 2);
+__decorateClass([
+  n({ attribute: "min-width", reflect: true })
+], CwDataTableColumn.prototype, "minWidth", 2);
+__decorateClass([
+  n({ reflect: true })
+], CwDataTableColumn.prototype, "align", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CwDataTableColumn.prototype, "hidden", 2);
+__decorateClass([
+  watch(["name", "label", "sortable", "width", "minWidth", "align", "hidden"])
+], CwDataTableColumn.prototype, "handlePropertyChange", 1);
+
+export {
+  CwDataTableColumn
+};

package/cdn/chunks/chunk.MAE4FUXY.js

@@ -0,0 +1,29 @@
+import {
+  CwDrawer
+} from "./chunk.TSJEX4CT.js";
+
+// src/react/drawer/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cw-drawer";
+CwDrawer.define("cw-drawer");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CwDrawer,
+  react: React,
+  events: {
+    onCwShow: "cw-show",
+    onCwAfterShow: "cw-after-show",
+    onCwHide: "cw-hide",
+    onCwAfterHide: "cw-after-hide",
+    onCwInitialFocus: "cw-initial-focus",
+    onCwRequestClose: "cw-request-close"
+  },
+  displayName: "CwDrawer"
+});
+var drawer_default = reactWrapper;
+
+export {
+  drawer_default
+};

package/cdn/chunks/chunk.MJL4QOPE.js

@@ -0,0 +1,11 @@
+import {
+  CwMenuItem
+} from "./chunk.KAXJXPSX.js";
+
+// src/components/menu-item/menu-item.ts
+var menu_item_default = CwMenuItem;
+CwMenuItem.define("cw-menu-item");
+
+export {
+  menu_item_default
+};

package/cdn/chunks/chunk.MM74ZXBR.js

@@ -0,0 +1,79 @@
+import {
+  secondary_navigation_item_styles_default
+} from "./chunk.MJ3WZN3N.js";
+import {
+  o
+} from "./chunk.LRAERZML.js";
+import {
+  e
+} from "./chunk.VBR4VS53.js";
+import {
+  component_styles_default
+} from "./chunk.NJIHXHXI.js";
+import {
+  CwElement,
+  n
+} from "./chunk.AUPWAEKA.js";
+import {
+  A,
+  b
+} from "./chunk.6A2LG33L.js";
+import {
+  __decorateClass
+} from "./chunk.QIOX6AG5.js";
+
+// src/components/secondary-navigation-item/secondary-navigation-item.component.ts
+var CwSecondaryNavigationItem = class extends CwElement {
+  constructor() {
+    super(...arguments);
+    this.rel = "noreferrer noopener";
+    this.current = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "listitem");
+  }
+  render() {
+    const ariaCurrent = this.current ? "page" : A;
+    const content = this.href ? b`
+          <a
+            part="link"
+            class="secondary-navigation-item__link"
+            href=${this.href}
+            target=${o(this.target || void 0)}
+            rel=${o(this.rel || void 0)}
+            aria-current=${ariaCurrent}
+          >
+            <slot></slot>
+          </a>
+        ` : b`<span class="secondary-navigation-item__label"><slot></slot></span>`;
+    return b`
+      <div
+        part="base"
+        class=${e({
+      "secondary-navigation-item": true,
+      "secondary-navigation-item--current": this.current
+    })}
+      >
+        ${content}
+      </div>
+    `;
+  }
+};
+CwSecondaryNavigationItem.styles = [component_styles_default, secondary_navigation_item_styles_default];
+__decorateClass([
+  n()
+], CwSecondaryNavigationItem.prototype, "href", 2);
+__decorateClass([
+  n()
+], CwSecondaryNavigationItem.prototype, "target", 2);
+__decorateClass([
+  n()
+], CwSecondaryNavigationItem.prototype, "rel", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CwSecondaryNavigationItem.prototype, "current", 2);
+
+export {
+  CwSecondaryNavigationItem
+};

package/cdn/chunks/chunk.MNI74FST.js

@@ -0,0 +1,11 @@
+import {
+  CwLogo
+} from "./chunk.LOWUAQR6.js";
+
+// src/components/logo/logo.ts
+var logo_default = CwLogo;
+CwLogo.define("cw-logo");
+
+export {
+  logo_default
+};