@cordwainer/cw-elements 1.3.0 → 1.3.1

package/cdn/chunks/chunk.MRW4Z5SV.js

@@ -1,77 +0,0 @@
-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.FLNVNWJS.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.MVNZWPX3.js

@@ -1,114 +0,0 @@
-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.FLNVNWJS.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.MWFXKD76.js

@@ -1,158 +0,0 @@
-import {
-  image_comparer_styles_default
-} from "./chunk.IA4JONBK.js";
-import {
-  drag
-} from "./chunk.ESELY2US.js";
-import {
-  o
-} from "./chunk.3KMJJQ2V.js";
-import {
-  clamp
-} from "./chunk.HF7GESMZ.js";
-import {
-  LocalizeController
-} from "./chunk.75ZQOYXC.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  CwIcon
-} from "./chunk.C2M7QWWQ.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  e as e2,
-  n
-} from "./chunk.FLNVNWJS.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/image-comparer/image-comparer.component.ts
-var CwImageComparer = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.position = 50;
-  }
-  handleDrag(event) {
-    const { width } = this.base.getBoundingClientRect();
-    const isRtl = this.localize.dir() === "rtl";
-    event.preventDefault();
-    drag(this.base, {
-      onMove: (x) => {
-        this.position = parseFloat(clamp(x / width * 100, 0, 100).toFixed(2));
-        if (isRtl) this.position = 100 - this.position;
-      },
-      initialEvent: event
-    });
-  }
-  handleKeyDown(event) {
-    const isLtr = this.localize.dir() === "ltr";
-    const isRtl = this.localize.dir() === "rtl";
-    if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
-      const incr = event.shiftKey ? 10 : 1;
-      let newPosition = this.position;
-      event.preventDefault();
-      if (isLtr && event.key === "ArrowLeft" || isRtl && event.key === "ArrowRight") {
-        newPosition -= incr;
-      }
-      if (isLtr && event.key === "ArrowRight" || isRtl && event.key === "ArrowLeft") {
-        newPosition += incr;
-      }
-      if (event.key === "Home") {
-        newPosition = 0;
-      }
-      if (event.key === "End") {
-        newPosition = 100;
-      }
-      newPosition = clamp(newPosition, 0, 100);
-      this.position = newPosition;
-    }
-  }
-  handlePositionChange() {
-    this.emit("cw-change");
-  }
-  render() {
-    const isRtl = this.localize.dir() === "rtl";
-    return b`
-      <div
-        part="base"
-        id="image-comparer"
-        class=${e({
-      "image-comparer": true,
-      "image-comparer--rtl": isRtl
-    })}
-        @keydown=${this.handleKeyDown}
-      >
-        <div class="image-comparer__image">
-          <div part="before" class="image-comparer__before">
-            <slot name="before"></slot>
-          </div>
-
-          <div
-            part="after"
-            class="image-comparer__after"
-            style=${o({
-      clipPath: isRtl ? `inset(0 0 0 ${100 - this.position}%)` : `inset(0 ${100 - this.position}% 0 0)`
-    })}
-          >
-            <slot name="after"></slot>
-          </div>
-        </div>
-
-        <div
-          part="divider"
-          class="image-comparer__divider"
-          style=${o({
-      left: isRtl ? `${100 - this.position}%` : `${this.position}%`
-    })}
-          @mousedown=${this.handleDrag}
-          @touchstart=${this.handleDrag}
-        >
-          <div
-            part="handle"
-            class="image-comparer__handle"
-            role="scrollbar"
-            aria-valuenow=${this.position}
-            aria-valuemin="0"
-            aria-valuemax="100"
-            aria-controls="image-comparer"
-            tabindex="0"
-          >
-            <slot name="handle">
-              <cw-icon library="system" name="grip-vertical"></cw-icon>
-            </slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-};
-CwImageComparer.styles = [component_styles_default, image_comparer_styles_default];
-CwImageComparer.scopedElement = { "cw-icon": CwIcon };
-__decorateClass([
-  e2(".image-comparer")
-], CwImageComparer.prototype, "base", 2);
-__decorateClass([
-  e2(".image-comparer__handle")
-], CwImageComparer.prototype, "handle", 2);
-__decorateClass([
-  n({ type: Number, reflect: true })
-], CwImageComparer.prototype, "position", 2);
-__decorateClass([
-  watch("position", { waitUntilFirstUpdate: true })
-], CwImageComparer.prototype, "handlePositionChange", 1);
-
-export {
-  CwImageComparer
-};

package/cdn/chunks/chunk.N2P42CY4.js

@@ -1,11 +0,0 @@
-import {
-  CwCarousel
-} from "./chunk.KTVDAEXW.js";
-
-// src/components/carousel/carousel.ts
-var carousel_default = CwCarousel;
-CwCarousel.define("cw-carousel");
-
-export {
-  carousel_default
-};

package/cdn/chunks/chunk.N36WHIUN.js

@@ -1,11 +0,0 @@
-import {
-  CwTag
-} from "./chunk.6OCFP5NL.js";
-
-// src/components/tag/tag.ts
-var tag_default = CwTag;
-CwTag.define("cw-tag");
-
-export {
-  tag_default
-};

package/cdn/chunks/chunk.NF75CIKV.js

@@ -1,11 +0,0 @@
-import {
-  CwRelativeTime
-} from "./chunk.TPRPU4FI.js";
-
-// src/components/relative-time/relative-time.ts
-var relative_time_default = CwRelativeTime;
-CwRelativeTime.define("cw-relative-time");
-
-export {
-  relative_time_default
-};

package/cdn/chunks/chunk.NKJZAVMB.js

@@ -1,24 +0,0 @@
-import {
-  CwResizeObserver
-} from "./chunk.5BDJ6YC2.js";
-
-// src/react/resize-observer/index.ts
-import * as React from "react";
-import { createComponent } from "@lit/react";
-import "@lit/react";
-var tagName = "cw-resize-observer";
-CwResizeObserver.define("cw-resize-observer");
-var reactWrapper = createComponent({
-  tagName,
-  elementClass: CwResizeObserver,
-  react: React,
-  events: {
-    onCwResize: "cw-resize"
-  },
-  displayName: "CwResizeObserver"
-});
-var resize_observer_default = reactWrapper;
-
-export {
-  resize_observer_default
-};

package/cdn/chunks/chunk.NN6K4NN6.js

@@ -1,11 +0,0 @@
-import {
-  CwAlert
-} from "./chunk.JZ2XUPBY.js";
-
-// src/components/alert/alert.ts
-var alert_default = CwAlert;
-CwAlert.define("cw-alert");
-
-export {
-  alert_default
-};

package/cdn/chunks/chunk.NOY5CJSA.js

@@ -1,63 +0,0 @@
-import {
-  badge_styles_default
-} from "./chunk.6NMONA5E.js";
-import {
-  e
-} from "./chunk.VBR4VS53.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  n
-} from "./chunk.FLNVNWJS.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/badge/badge.component.ts
-var CwBadge = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.variant = "primary";
-    this.pill = false;
-    this.pulse = false;
-  }
-  render() {
-    return b`
-      <span
-        part="base"
-        class=${e({
-      badge: true,
-      "badge--primary": this.variant === "primary",
-      "badge--success": this.variant === "success",
-      "badge--neutral": this.variant === "neutral",
-      "badge--warning": this.variant === "warning",
-      "badge--danger": this.variant === "danger",
-      "badge--pill": this.pill,
-      "badge--pulse": this.pulse
-    })}
-        role="status"
-      >
-        <slot></slot>
-      </span>
-    `;
-  }
-};
-CwBadge.styles = [component_styles_default, badge_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], CwBadge.prototype, "variant", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwBadge.prototype, "pill", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwBadge.prototype, "pulse", 2);
-
-export {
-  CwBadge
-};

package/cdn/chunks/chunk.NQKQLSSO.js

@@ -1,11 +0,0 @@
-import {
-  CwVisuallyHidden
-} from "./chunk.IPLVQ3X5.js";
-
-// src/components/visually-hidden/visually-hidden.ts
-var visually_hidden_default = CwVisuallyHidden;
-CwVisuallyHidden.define("cw-visually-hidden");
-
-export {
-  visually_hidden_default
-};

package/cdn/chunks/chunk.O2RRDT5B.js

@@ -1,11 +0,0 @@
-import {
-  CwRating
-} from "./chunk.6ITLJOI5.js";
-
-// src/components/rating/rating.ts
-var rating_default = CwRating;
-CwRating.define("cw-rating");
-
-export {
-  rating_default
-};