@cruglobal/cornerstone-components 0.1.1 → 0.1.2

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

@@ -1,176 +0,0 @@
-/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  markdown_styles_default
-} from "./chunk.C4HSMH4B.js";
-import {
-  CornerstoneElement,
-  customElement
-} from "./chunk.LIUE7EB7.js";
-import {
-  __decorateClass
-} from "./chunk.2VAPLWBF.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
-};

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

@@ -1,13 +0,0 @@
-/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/components/resize-observer/resize-observer.styles.ts
-import { css } from "lit";
-var resize_observer_styles_default = css`
-  :host {
-    display: contents;
-  }
-`;
-
-export {
-  resize_observer_styles_default
-};

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

@@ -1,110 +0,0 @@
-/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
-
-// src/components/random-content/random-content.styles.ts
-import { css } from "lit";
-var random_content_styles_default = css`
-  :host {
-    display: contents;
-  }
-
-  /*
-   * Force-hide unselected children. A bare [hidden] (display: none from the UA sheet) loses to any
-   * author display set on the child — a utility class like .cs-flank, or a component's own
-   * :host display — so children with their own layout wouldn't actually hide without this.
-   */
-  ::slotted([hidden]) {
-    display: none !important;
-  }
-
-  /*
-   * @keyframes are defined in both document scope (random-content.ts) and here:
-   * Chromium resolves animation-name from the document for slotted elements;
-   * WebKit resolves it from the shadow root. Both copies are needed.
-   */
-
-  @keyframes cs-rc-fade {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-
-  @keyframes cs-rc-fade-up {
-    from {
-      opacity: 0;
-      transform: translateY(var(--animation-translate, 0.5em));
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-
-  @keyframes cs-rc-fade-down {
-    from {
-      opacity: 0;
-      transform: translateY(calc(-1 * var(--animation-translate, 0.5em)));
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-
-  @keyframes cs-rc-fade-left {
-    from {
-      opacity: 0;
-      transform: translateX(var(--animation-translate, 0.5em));
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes cs-rc-fade-right {
-    from {
-      opacity: 0;
-      transform: translateX(calc(-1 * var(--animation-translate, 0.5em)));
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  /* The JS already skips animations under reduced motion; this guards CSS-only consumers too. */
-  @media (prefers-reduced-motion: no-preference) {
-    ::slotted([data-cs-animation]) {
-      animation-duration: var(--animation-duration, 300ms);
-      animation-timing-function: var(--animation-easing, ease);
-      animation-fill-mode: both;
-    }
-
-    ::slotted([data-cs-animation='fade']) {
-      animation-name: cs-rc-fade;
-    }
-
-    ::slotted([data-cs-animation='fade-up']) {
-      animation-name: cs-rc-fade-up;
-    }
-
-    ::slotted([data-cs-animation='fade-down']) {
-      animation-name: cs-rc-fade-down;
-    }
-
-    ::slotted([data-cs-animation='fade-left']) {
-      animation-name: cs-rc-fade-left;
-    }
-
-    ::slotted([data-cs-animation='fade-right']) {
-      animation-name: cs-rc-fade-right;
-    }
-  }
-`;
-
-export {
-  random_content_styles_default
-};

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

@@ -1,54 +0,0 @@
-/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  getIconPath
-} from "./chunk.XEKMS345.js";
-
-// src/components/icon/library.default.ts
-var MS_VERSION = "0.46.0";
-var STYLES = ["sharp", "outlined", "rounded"];
-var WEIGHTS = [100, 200, 300, 400, 500, 600, 700];
-var DEFAULT_WEIGHT = 400;
-function getIconStyle(family) {
-  return STYLES.includes(family) ? family : "sharp";
-}
-function getIconWeight(weight) {
-  const value = Number(weight);
-  if (!Number.isFinite(value)) {
-    return DEFAULT_WEIGHT;
-  }
-  return WEIGHTS.reduce(
-    (closest, candidate) => Math.abs(candidate - value) < Math.abs(closest - value) ? candidate : closest
-  );
-}
-function getIconFileName(name, variant) {
-  return variant === "fill" ? `${name}-fill` : name;
-}
-function getIconUrl(name, family, variant, weight) {
-  const style = getIconStyle(family);
-  const resolvedWeight = getIconWeight(weight);
-  const fileName = getIconFileName(name, variant);
-  const iconBase = getIconPath();
-  if (iconBase) {
-    return `${iconBase}/${resolvedWeight}/${style}/${fileName}.svg`;
-  }
-  return `https://cdn.jsdelivr.net/npm/@material-symbols/svg-${resolvedWeight}@${MS_VERSION}/${style}/${fileName}.svg`;
-}
-var library = {
-  name: "default",
-  resolver: (name, family = "sharp", variant = "regular", _autoWidth = false, weight = DEFAULT_WEIGHT) => {
-    return getIconUrl(name, family, variant, weight);
-  },
-  mutator: (svg) => {
-    if (!svg.hasAttribute("fill")) {
-      svg.setAttribute("fill", "currentColor");
-    }
-  }
-};
-var library_default_default = library;
-
-export {
-  getIconStyle,
-  getIconWeight,
-  getIconFileName,
-  library_default_default
-};

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

@@ -1,333 +0,0 @@
-/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  radio_group_styles_default
-} from "./chunk.FX3INZM3.js";
-import {
-  RequiredValidator
-} from "./chunk.W4KQ7B4E.js";
-import {
-  form_control_styles_default
-} from "./chunk.BU4IJNGS.js";
-import {
-  HasSlotController
-} from "./chunk.YOR3JGWL.js";
-import {
-  uniqueId
-} from "./chunk.WO5YOGFL.js";
-import {
-  CornerstoneFormAssociatedElement
-} from "./chunk.SEZADOQH.js";
-import {
-  size_styles_default
-} from "./chunk.XZ27OU5O.js";
-import {
-  customElement
-} from "./chunk.LIUE7EB7.js";
-import {
-  __decorateClass
-} from "./chunk.2VAPLWBF.js";
-
-// src/components/radio-group/radio-group.ts
-import { html, isServer } from "lit";
-import { property, query, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-var CsRadioGroup = class extends CornerstoneFormAssociatedElement {
-  constructor() {
-    super();
-    this.hasSlotController = new HasSlotController(this, "hint", "label");
-    this.label = "";
-    this.hint = "";
-    this.name = null;
-    this.disabled = false;
-    this.orientation = "vertical";
-    this._value = null;
-    this.defaultValue = this.getAttribute("value") || null;
-    this.required = false;
-    this.ssrLabel = false;
-    this.ssrHint = false;
-    this.handleRadioClick = (e) => {
-      const clickedRadio = e.target.closest("cs-radio");
-      if (!clickedRadio || clickedRadio.disabled || clickedRadio.forceDisabled || this.disabled) {
-        return;
-      }
-      const oldValue = this.value;
-      this.value = clickedRadio.value;
-      clickedRadio.checked = true;
-      const radios = this.getAllRadios();
-      for (const radio of radios) {
-        if (clickedRadio === radio) {
-          continue;
-        }
-        radio.checked = false;
-        radio.setAttribute("tabindex", "-1");
-      }
-      if (this.value !== oldValue) {
-        this.updateComplete.then(() => {
-          this.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true }));
-          this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
-        });
-      }
-    };
-    if (!isServer) {
-      this.addEventListener("keydown", this.handleKeyDown);
-      this.addEventListener("click", this.handleRadioClick);
-    }
-  }
-  static get validators() {
-    return [
-      ...super.validators,
-      RequiredValidator({
-        validationElement: () => Object.assign(document.createElement("input"), {
-          required: true,
-          type: "radio",
-          // we need an id that's guaranteed to be unique; users will never see this
-          name: uniqueId("__wa-radio")
-        })
-      })
-    ];
-  }
-  get value() {
-    if (this.valueHasChanged) {
-      return this._value;
-    }
-    return this._value ?? this.defaultValue;
-  }
-  set value(val) {
-    if (typeof val === "number") {
-      val = String(val);
-    }
-    this.valueHasChanged = true;
-    this._value = val;
-  }
-  /**
-   * We use the first available radio as the validationTarget similar to native HTML that shows the validation popup on
-   * the first radio element.
-   */
-  get validationTarget() {
-    if (isServer) {
-      return void 0;
-    }
-    const radio = this.querySelector(":is(cs-radio):not([disabled])");
-    if (!radio) {
-      return void 0;
-    }
-    return radio;
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("disabled") || changedProperties.has("size") || changedProperties.has("value") || changedProperties.has("defaultValue")) {
-      this.syncRadioElements();
-    }
-  }
-  formResetCallback(...args) {
-    this._value = null;
-    super.formResetCallback(...args);
-    this.syncRadioElements();
-  }
-  getAllRadios() {
-    return [...this.querySelectorAll("cs-radio")];
-  }
-  handleLabelClick() {
-    this.focus();
-  }
-  async syncRadioElements() {
-    const radios = this.getAllRadios();
-    radios.forEach((radio, index) => {
-      if (this.size) {
-        radio.setAttribute("size", this.size);
-      }
-      radio.toggleAttribute("data-cs-radio-horizontal", this.orientation !== "vertical");
-      radio.toggleAttribute("data-cs-radio-vertical", this.orientation === "vertical");
-      radio.toggleAttribute("data-cs-radio-first", index === 0);
-      radio.toggleAttribute("data-cs-radio-inner", index !== 0 && index !== radios.length - 1);
-      radio.toggleAttribute("data-cs-radio-last", index === radios.length - 1);
-      radio.forceDisabled = this.disabled;
-    });
-    await Promise.all(
-      radios.map(async (radio) => {
-        await radio.updateComplete;
-        if (!radio.disabled && radio.value === this.value) {
-          radio.checked = true;
-        } else {
-          radio.checked = false;
-        }
-      })
-    );
-    if (this.disabled) {
-      radios.forEach((radio) => {
-        radio.tabIndex = -1;
-      });
-    } else {
-      const enabledRadios = radios.filter((radio) => !radio.disabled);
-      const checkedRadio = enabledRadios.find((radio) => radio.checked);
-      if (enabledRadios.length > 0) {
-        if (checkedRadio) {
-          enabledRadios.forEach((radio) => {
-            radio.tabIndex = radio.checked ? 0 : -1;
-          });
-        } else {
-          enabledRadios.forEach((radio, index) => {
-            radio.tabIndex = index === 0 ? 0 : -1;
-          });
-        }
-      }
-      radios.filter((radio) => radio.disabled).forEach((radio) => {
-        radio.tabIndex = -1;
-      });
-    }
-  }
-  handleKeyDown(event) {
-    if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " "].includes(event.key) || this.disabled) {
-      return;
-    }
-    const radios = this.getAllRadios().filter((radio) => !radio.disabled);
-    if (radios.length <= 0) {
-      return;
-    }
-    event.preventDefault();
-    const oldValue = this.value;
-    const checkedRadio = radios.find((radio) => radio.checked) ?? radios[0];
-    const incr = event.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(event.key) ? -1 : 1;
-    let index = radios.indexOf(checkedRadio) + incr;
-    if (!index) {
-      index = 0;
-    }
-    if (index < 0) {
-      index = radios.length - 1;
-    }
-    if (index > radios.length - 1) {
-      index = 0;
-    }
-    const hasRadioButtons = radios.some((radio) => radio.tagName.toLowerCase() === "cs-radio-button");
-    this.getAllRadios().forEach((radio) => {
-      radio.checked = false;
-      if (!hasRadioButtons) {
-        radio.setAttribute("tabindex", "-1");
-      }
-    });
-    this.value = radios[index].value;
-    radios[index].checked = true;
-    if (!hasRadioButtons) {
-      radios[index].setAttribute("tabindex", "0");
-      radios[index].focus();
-    } else {
-      radios[index].shadowRoot.querySelector("button").focus();
-    }
-    if (this.value !== oldValue) {
-      this.updateComplete.then(() => {
-        this.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true }));
-        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
-      });
-    }
-    event.preventDefault();
-  }
-  /** Sets focus on the radio group. */
-  focus(options) {
-    if (this.disabled) {
-      return;
-    }
-    const radios = this.getAllRadios();
-    const checked = radios.find((radio) => radio.checked);
-    const firstEnabledRadio = radios.find((radio) => !radio.disabled);
-    const radioToFocus = checked || firstEnabledRadio;
-    if (radioToFocus) {
-      radioToFocus.focus(options);
-    }
-  }
-  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,
-      "form-control-radio-group": true,
-      "form-control-has-label": hasLabel
-    })}
-        role="radiogroup"
-        aria-labelledby="label"
-        aria-describedby="hint"
-        aria-errormessage="error-message"
-        aria-orientation=${this.orientation}
-      >
-        <label
-          part="form-control-label"
-          id="label"
-          class=${classMap({
-      label: true,
-      "has-label": hasLabel
-    })}
-          aria-hidden=${hasLabel ? "false" : "true"}
-          @click=${this.handleLabelClick}
-        >
-          <slot name="label">${this.label}</slot>
-        </label>
-
-        <slot part="form-control-input" @slotchange=${this.syncRadioElements}></slot>
-
-        <slot
-          id="hint"
-          name="hint"
-          part="hint"
-          class=${classMap({
-      "has-slotted": hasHint
-    })}
-          aria-hidden=${hasHint ? "false" : "true"}
-          >${this.hint}</slot
-        >
-      </fieldset>
-    `;
-  }
-};
-CsRadioGroup.css = [size_styles_default, form_control_styles_default, radio_group_styles_default];
-//
-// We need this because if we don't have it, FormValidation yells at us that it's "not focusable".
-//   If we use `this.tabIndex = -1` we can't focus the radio inside.
-//
-CsRadioGroup.shadowRootOptions = { ...CornerstoneFormAssociatedElement.shadowRootOptions, delegatesFocus: true };
-__decorateClass([
-  query("slot:not([name])")
-], CsRadioGroup.prototype, "defaultSlot", 2);
-__decorateClass([
-  property()
-], CsRadioGroup.prototype, "label", 2);
-__decorateClass([
-  property({ attribute: "hint" })
-], CsRadioGroup.prototype, "hint", 2);
-__decorateClass([
-  property({ reflect: true })
-], CsRadioGroup.prototype, "name", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], CsRadioGroup.prototype, "disabled", 2);
-__decorateClass([
-  property({ reflect: true })
-], CsRadioGroup.prototype, "orientation", 2);
-__decorateClass([
-  state()
-], CsRadioGroup.prototype, "value", 1);
-__decorateClass([
-  property({ attribute: "value", reflect: true })
-], CsRadioGroup.prototype, "defaultValue", 2);
-__decorateClass([
-  property({ reflect: true })
-], CsRadioGroup.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], CsRadioGroup.prototype, "required", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "ssr-label" })
-], CsRadioGroup.prototype, "ssrLabel", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "ssr-hint" })
-], CsRadioGroup.prototype, "ssrHint", 2);
-CsRadioGroup = __decorateClass([
-  customElement("cs-radio-group")
-], CsRadioGroup);
-CsRadioGroup.disableWarning?.("change-in-update");
-
-export {
-  CsRadioGroup
-};

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

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