@cruglobal/cornerstone-components 0.7.0 → 0.7.1

package/dist/unbundled/chunks/chunk.MKRQ7EUC.js

@@ -1,83 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/components/spinner/spinner.styles.ts
-import { css } from "lit";
-var spinner_styles_default = css`
-  :host {
-    --track-width: 2px;
-    --track-color: var(--cs-color-neutral-fill-normal);
-    --indicator-color: var(--cs-color-brand-fill-loud);
-    --speed: 2s;
-    --size: 1em;
-
-    /*
-      Resizing a spinner element using anything but font-size will break the animation because the animation uses em
-      units. Therefore, if a spinner is used in a flex container without \`flex: none\` applied, the spinner can
-      grow/shrink and break the animation. The use of \`flex: none\` on the host element prevents this by always having
-      the spinner sized according to its actual dimensions.
-    */
-    flex: none;
-    display: inline-flex;
-    width: var(--size);
-    height: var(--size);
-  }
-
-  svg {
-    width: 100%;
-    height: 100%;
-    aspect-ratio: 1;
-    animation: spin var(--speed) linear infinite;
-  }
-
-  .track,
-  .indicator {
-    --radius: calc(var(--size) / 2 - var(--track-width) / 2);
-    --circumference: calc(var(--radius) * 2 * 3.141592654);
-
-    cx: calc(var(--size) / 2);
-    cy: calc(var(--size) / 2);
-    r: var(--radius);
-    fill: none;
-    stroke-width: var(--track-width);
-  }
-
-  .track {
-    stroke: var(--track-color);
-  }
-
-  .indicator {
-    stroke: var(--indicator-color);
-    stroke-linecap: round;
-    stroke-dasharray: calc(0.597 * var(--circumference)), calc(0.796 * var(--circumference));
-    stroke-dashoffset: calc(-0.04 * var(--circumference));
-    animation: dash 1.5s ease-in-out infinite;
-  }
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  @keyframes dash {
-    0% {
-      stroke-dasharray: calc(0.008 * var(--circumference)), calc(1.194 * var(--circumference));
-      stroke-dashoffset: 0;
-    }
-    50% {
-      stroke-dasharray: calc(0.716 * var(--circumference)), calc(1.194 * var(--circumference));
-      stroke-dashoffset: calc(-0.278 * var(--circumference));
-    }
-    100% {
-      stroke-dasharray: calc(0.716 * var(--circumference)), calc(1.194 * var(--circumference));
-      stroke-dashoffset: calc(-0.987 * var(--circumference));
-    }
-  }
-`;
-
-export {
-  spinner_styles_default
-};

package/dist/unbundled/chunks/chunk.MQ3NE74T.js

@@ -1,13 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/events/random-content-change.ts
-var CsContentChangeEvent = class extends Event {
-  constructor(detail) {
-    super("cs-content-change", { bubbles: true, cancelable: false, composed: true });
-    this.detail = detail;
-  }
-};
-
-export {
-  CsContentChangeEvent
-};

package/dist/unbundled/chunks/chunk.MW6X3BL5.js

@@ -1,13 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/events/accordion-item-trigger.ts
-var CsAccordionItemTriggerEvent = class extends Event {
-  constructor(detail) {
-    super("cs-accordion-item-trigger", { bubbles: true, cancelable: false, composed: true });
-    this.detail = detail;
-  }
-};
-
-export {
-  CsAccordionItemTriggerEvent
-};

package/dist/unbundled/chunks/chunk.MZU5CELI.js

@@ -1,13 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/events/tab-hide.ts
-var CsTabHideEvent = class extends Event {
-  constructor(detail) {
-    super("cs-tab-hide", { bubbles: true, cancelable: false, composed: true });
-    this.detail = detail;
-  }
-};
-
-export {
-  CsTabHideEvent
-};

package/dist/unbundled/chunks/chunk.N3KZUV57.js

@@ -1,12 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/events/clear.ts
-var CsClearEvent = class extends Event {
-  constructor() {
-    super("cs-clear", { bubbles: true, cancelable: false, composed: true });
-  }
-};
-
-export {
-  CsClearEvent
-};

package/dist/unbundled/chunks/chunk.N4YEBYQX.js

@@ -1,130 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  checkbox_group_styles_default
-} from "./chunk.262BASTR.js";
-import {
-  form_control_styles_default
-} from "./chunk.7NVQV6YO.js";
-import {
-  HasSlotController
-} from "./chunk.IHXNGREP.js";
-import {
-  size_styles_default
-} from "./chunk.VODMZBWF.js";
-import {
-  CornerstoneElement,
-  customElement
-} from "./chunk.JB6AKMGD.js";
-import {
-  __decorateClass
-} from "./chunk.HWQS6OLV.js";
-
-// src/components/checkbox-group/checkbox-group.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-var CsCheckboxGroup = class extends CornerstoneElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "hint", "label");
-    this.label = "";
-    this.hint = "";
-    this.orientation = "vertical";
-    this.required = false;
-    this.ssrLabel = false;
-    this.ssrHint = false;
-    /**
-     * Applies the group's size to each grouped checkbox/switch
-     */
-    this.syncCheckboxElements = () => {
-      if (!this.size) {
-        return;
-      }
-      for (const checkbox of this.getAllCheckboxes()) {
-        checkbox.setAttribute("size", this.size);
-      }
-    };
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("size")) {
-      this.syncCheckboxElements();
-    }
-  }
-  /** Returns all grouped checkbox and switch elements. */
-  getAllCheckboxes() {
-    return [...this.querySelectorAll(":is(cs-checkbox, cs-switch)")];
-  }
-  render() {
-    const hasLabelSlot = this.hasSlotController.test("label", "ssrLabel");
-    const hasHintSlot = this.hasSlotController.test("hint", "ssrHint");
-    const hasLabel = this.label ? true : !!hasLabelSlot;
-    const hasHint = this.hint ? true : !!hasHintSlot;
-    return html`
-      <fieldset
-        part="form-control"
-        class=${classMap({
-      "form-control": true,
-      "checkbox-group-required": this.required,
-      "form-control-has-label": hasLabel
-    })}
-      >
-        <label
-          part="form-control-label"
-          id="label"
-          class=${classMap({
-      label: true,
-      "has-label": hasLabel
-    })}
-          aria-hidden=${hasLabel ? "false" : "true"}
-        >
-          <slot name="label">${this.label}</slot>
-        </label>
-
-        <div part="form-control-input" role="group" aria-labelledby="label" aria-describedby="hint">
-          <slot @slotchange=${this.syncCheckboxElements}></slot>
-        </div>
-
-        <slot
-          id="hint"
-          name="hint"
-          part="hint"
-          class=${classMap({
-      "has-slotted": hasHint
-    })}
-          aria-hidden=${hasHint ? "false" : "true"}
-          >${this.hint}</slot
-        >
-      </fieldset>
-    `;
-  }
-};
-CsCheckboxGroup.css = [size_styles_default, form_control_styles_default, checkbox_group_styles_default];
-__decorateClass([
-  property()
-], CsCheckboxGroup.prototype, "label", 2);
-__decorateClass([
-  property({ attribute: "hint" })
-], CsCheckboxGroup.prototype, "hint", 2);
-__decorateClass([
-  property({ reflect: true })
-], CsCheckboxGroup.prototype, "orientation", 2);
-__decorateClass([
-  property({ reflect: true })
-], CsCheckboxGroup.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], CsCheckboxGroup.prototype, "required", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "ssr-label" })
-], CsCheckboxGroup.prototype, "ssrLabel", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "ssr-hint" })
-], CsCheckboxGroup.prototype, "ssrHint", 2);
-CsCheckboxGroup = __decorateClass([
-  customElement("cs-checkbox-group")
-], CsCheckboxGroup);
-CsCheckboxGroup.disableWarning?.("change-in-update");
-
-export {
-  CsCheckboxGroup
-};

package/dist/unbundled/chunks/chunk.N6DONW5L.js

@@ -1,32 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/internal/watch.ts
-function watch(propertyName, options) {
-  const resolvedOptions = {
-    waitUntilFirstUpdate: false,
-    ...options
-  };
-  return (proto, decoratedFnName) => {
-    const { update } = proto;
-    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
-    proto.update = function(changedProps) {
-      watchedProperties.forEach((property) => {
-        const key = property;
-        if (changedProps.has(key)) {
-          const oldValue = changedProps.get(key);
-          const newValue = this[key];
-          if (oldValue !== newValue) {
-            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
-              this[decoratedFnName](oldValue, newValue);
-            }
-          }
-        }
-      });
-      update.call(this, changedProps);
-    };
-  };
-}
-
-export {
-  watch
-};

package/dist/unbundled/chunks/chunk.N7QTQOAR.js

@@ -1,22 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  en_default
-} from "./chunk.CG2W46XZ.js";
-
-// src/utilities/localize.ts
-import { LocalizeController as DefaultLocalizationController, registerTranslation } from "@shoelace-style/localize";
-import { registerTranslation as registerTranslation2 } from "@shoelace-style/localize";
-var LocalizeController = class extends DefaultLocalizationController {
-  lang() {
-    if (this.host.didSSR && !this.host.hasUpdated) {
-      return this.host.lang || "en";
-    }
-    return super.lang();
-  }
-};
-registerTranslation(en_default);
-
-export {
-  LocalizeController,
-  registerTranslation2 as registerTranslation
-};

package/dist/unbundled/chunks/chunk.NHFE4OA4.js

@@ -1,138 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  qr_code_styles_default
-} from "./chunk.JNQZIXPT.js";
-import {
-  CornerstoneElement,
-  customElement
-} from "./chunk.JB6AKMGD.js";
-import {
-  __decorateClass
-} from "./chunk.HWQS6OLV.js";
-
-// src/components/qr-code/qr-code.ts
-import { QrCreator } from "@konnorr/qr-creator";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-var CsQrCode = class extends CornerstoneElement {
-  constructor() {
-    super(...arguments);
-    this.value = "";
-    this.label = "";
-    this.size = 128;
-    this.fill = "";
-    this.background = "";
-    this.radius = 0;
-    this.errorCorrection = "H";
-    this.image = null;
-    this.imageBackground = null;
-    this.imageCoverage = null;
-    this.imagePadding = null;
-    this.computedStyle = null;
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    this.generate();
-  }
-  generate() {
-    if (!this.hasUpdated) {
-      return;
-    }
-    this.canvas.style.maxWidth = `${this.size}px`;
-    this.canvas.style.maxHeight = `${this.size}px`;
-    this.computedStyle || (this.computedStyle = getComputedStyle(this));
-    const computedStyle = this.computedStyle;
-    const span = this.shadowRoot?.querySelector("span");
-    if (span) {
-      this.spanComputedStyle || (this.spanComputedStyle = getComputedStyle(span));
-    }
-    QrCreator.render(
-      {
-        text: this.value,
-        radius: this.radius,
-        ecLevel: this.errorCorrection,
-        // Use the deprecated `fill` attribute if set, otherwise use the current text color
-        fill: this.fill || computedStyle.color,
-        // Use the deprecated `background` attribute if set, otherwise use transparent (the host has the bg color now)
-        background: this.background || null,
-        // We draw the canvas larger and scale its container down to avoid blurring on high-density displays
-        size: this.size * 2,
-        image: this.image,
-        imageEcCover: this.imageCoverage,
-        imagePadding: this.imagePadding,
-        imageBackground: this.imageBackground || this.background,
-        // @ts-expect-error -- cornerFill is not in the QrCreator option types, but the library reads it
-        cornerFill: this.spanComputedStyle?.color
-      },
-      this.canvas
-    );
-  }
-  render() {
-    return html`
-      <canvas
-        part="qr-code"
-        class="qr-code"
-        role="img"
-        aria-label=${this.label.length > 0 ? this.label : this.value}
-        style=${styleMap({
-      maxWidth: `${this.size}px`,
-      maxHeight: `${this.size}px`,
-      minWidth: `${this.size}px`,
-      minHeight: `${this.size}px`
-    })}
-        @transitionend=${(event) => {
-      if (event.propertyName === "color") {
-        this.generate();
-      }
-    }}
-      >
-        <span style="color: var(--corner-color);"></span>
-      </canvas>
-    `;
-  }
-};
-CsQrCode.css = qr_code_styles_default;
-__decorateClass([
-  query("canvas")
-], CsQrCode.prototype, "canvas", 2);
-__decorateClass([
-  property()
-], CsQrCode.prototype, "value", 2);
-__decorateClass([
-  property()
-], CsQrCode.prototype, "label", 2);
-__decorateClass([
-  property({ type: Number })
-], CsQrCode.prototype, "size", 2);
-__decorateClass([
-  property()
-], CsQrCode.prototype, "fill", 2);
-__decorateClass([
-  property()
-], CsQrCode.prototype, "background", 2);
-__decorateClass([
-  property({ type: Number })
-], CsQrCode.prototype, "radius", 2);
-__decorateClass([
-  property({ attribute: "error-correction" })
-], CsQrCode.prototype, "errorCorrection", 2);
-__decorateClass([
-  property()
-], CsQrCode.prototype, "image", 2);
-__decorateClass([
-  property({ attribute: "image-background" })
-], CsQrCode.prototype, "imageBackground", 2);
-__decorateClass([
-  property({ attribute: "image-coverage", type: Number })
-], CsQrCode.prototype, "imageCoverage", 2);
-__decorateClass([
-  property({ attribute: "image-padding", type: Number })
-], CsQrCode.prototype, "imagePadding", 2);
-CsQrCode = __decorateClass([
-  customElement("cs-qr-code")
-], CsQrCode);
-
-export {
-  CsQrCode
-};

package/dist/unbundled/chunks/chunk.NJOUDY4K.js

@@ -1,25 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/styles/component/visually-hidden.styles.ts
-import { css } from "lit";
-var visually_hidden_styles_default = css`
-  .cs-visually-hidden:not(:focus-within),
-  .cs-visually-hidden-force,
-  .cs-visually-hidden-hint::part(hint),
-  .cs-visually-hidden-label::part(label),
-  .cs-visually-hidden-label::part(form-control-label) {
-    position: absolute !important;
-    width: 1px !important;
-    height: 1px !important;
-    clip: rect(0 0 0 0) !important;
-    clip-path: inset(50%) !important;
-    border: none !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    padding: 0 !important;
-  }
-`;
-
-export {
-  visually_hidden_styles_default
-};

package/dist/unbundled/chunks/chunk.NUKNYQZO.js

@@ -1,176 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  markdown_styles_default
-} from "./chunk.ZFA3BTC3.js";
-import {
-  CornerstoneElement,
-  customElement
-} from "./chunk.JB6AKMGD.js";
-import {
-  __decorateClass
-} from "./chunk.HWQS6OLV.js";
-
-// src/components/markdown/markdown.ts
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-import { Marked } from "marked";
-var sharedMarked = new Marked();
-var connectedInstances = /* @__PURE__ */ new Set();
-var CsMarkdown = class extends CornerstoneElement {
-  constructor() {
-    super(...arguments);
-    this.renderGeneration = 0;
-    this.suppressSlotChange = false;
-    this.tabSize = 4;
-  }
-  /** Returns the shared Marked instance used by all `<cs-markdown>` components. */
-  static getMarked() {
-    return sharedMarked;
-  }
-  /** Re-renders all connected `<cs-markdown>` instances. Call this after changing the Marked configuration. */
-  static updateAll() {
-    for (const instance of connectedInstances) {
-      instance.renderMarkdown();
-    }
-  }
-  /** A reference to the shared Marked instance for convenience. Equivalent to `CsMarkdown.getMarked()`. */
-  get marked() {
-    return sharedMarked;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    connectedInstances.add(this);
-  }
-  disconnectedCallback() {
-    connectedInstances.delete(this);
-    super.disconnectedCallback();
-  }
-  /**
-   * Normalizes whitespace in the given text by converting leading tabs to spaces, trimming leading/trailing blank
-   * lines, and removing the common indentation prefix from all lines.
-   */
-  dedent(text) {
-    const normalized = text.replace(/\r\n/g, "\n");
-    const lines = normalized.split("\n").map((line) => {
-      let expanded = "";
-      let column = 0;
-      for (let i = 0; i < line.length; i++) {
-        const char = line[i];
-        if (char === "	") {
-          const spacesToNextStop = this.tabSize - column % this.tabSize;
-          expanded += " ".repeat(spacesToNextStop);
-          column += spacesToNextStop;
-        } else if (char === " ") {
-          expanded += " ";
-          column++;
-        } else {
-          expanded += line.slice(i);
-          break;
-        }
-      }
-      return expanded;
-    });
-    let start = 0;
-    while (start < lines.length && lines[start].trim() === "") {
-      start++;
-    }
-    let end = lines.length - 1;
-    while (end >= start && lines[end].trim() === "") {
-      end--;
-    }
-    const trimmedLines = lines.slice(start, end + 1);
-    if (trimmedLines.length === 0) {
-      return "";
-    }
-    let minIndent = Infinity;
-    for (const line of trimmedLines) {
-      if (line.trim() === "") {
-        continue;
-      }
-      const match = line.match(/^( *)/);
-      const leadingSpaces = match ? match[1].length : 0;
-      minIndent = Math.min(minIndent, leadingSpaces);
-    }
-    if (minIndent === Infinity) {
-      minIndent = 0;
-    }
-    const dedentedLines = trimmedLines.map((line) => {
-      if (line.trim() === "") {
-        return "";
-      }
-      return line.slice(minIndent);
-    });
-    return dedentedLines.join("\n");
-  }
-  /** Finds the `<script type="text/markdown">` source element inside this component. */
-  getSourceScript() {
-    return this.querySelector('script[type="text/markdown"]');
-  }
-  /** Reads the script content, normalizes whitespace, parses markdown, and injects the result. */
-  renderMarkdown() {
-    const script = this.getSourceScript();
-    if (!script) {
-      console.warn(
-        'No <script type="text/markdown"> found. Provide markdown content inside a <script type="text/markdown"> element.',
-        this
-      );
-      return;
-    }
-    const generation = ++this.renderGeneration;
-    const raw = script.textContent ?? "";
-    const dedented = this.dedent(raw);
-    let result;
-    try {
-      result = sharedMarked.parse(dedented);
-    } catch (error) {
-      console.error("Failed to parse markdown content.", error, this);
-      return;
-    }
-    const inject = (renderedHtml) => {
-      if (generation !== this.renderGeneration) {
-        return;
-      }
-      this.suppressSlotChange = true;
-      for (const child of [...this.childNodes]) {
-        if (child !== script) {
-          child.remove();
-        }
-      }
-      const fragment = document.createRange().createContextualFragment(renderedHtml);
-      this.appendChild(fragment);
-      queueMicrotask(() => {
-        this.suppressSlotChange = false;
-      });
-    };
-    if (typeof result === "string") {
-      inject(result);
-    } else {
-      result.then(inject).catch((error) => {
-        console.error("Failed to parse markdown content.", error, this);
-      });
-    }
-  }
-  handleSlotChange() {
-    if (this.suppressSlotChange) {
-      return;
-    }
-    if (this.didSSR && !this.hasUpdated) {
-      return;
-    }
-    this.renderMarkdown();
-  }
-  render() {
-    return html`<slot @slotchange=${this.handleSlotChange}></slot>`;
-  }
-};
-CsMarkdown.css = markdown_styles_default;
-__decorateClass([
-  property({ type: Number, attribute: "tab-size" })
-], CsMarkdown.prototype, "tabSize", 2);
-CsMarkdown = __decorateClass([
-  customElement("cs-markdown")
-], CsMarkdown);
-
-export {
-  CsMarkdown
-};