@cruglobal/cornerstone-components 0.7.0 → 0.7.1

package/dist/bundled/chunks/chunk.E64PSDXM.js

@@ -1,173 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  i
-} from "./chunk.4XDNAFUH.js";
-
-// src/components/textarea/textarea.styles.ts
-var textarea_styles_default = i`
-  :host {
-    border-width: 0;
-  }
-
-  .textarea {
-    display: grid;
-    align-items: center;
-    margin: 0;
-    border: none;
-    outline: none;
-    cursor: inherit;
-    font: inherit;
-    background-color: var(--cs-form-control-background-color);
-    border-color: var(--cs-form-control-border-color);
-    border-radius: var(--cs-form-control-border-radius);
-    border-style: var(--cs-form-control-border-style);
-    border-width: var(--cs-form-control-border-width);
-    -webkit-appearance: none;
-    outline: var(--cs-focus-ring-style) var(--cs-focus-ring-width) transparent;
-    outline-offset: var(--cs-focus-ring-offset);
-
-    &:focus-within {
-      outline-color: var(--cs-color-focus);
-    }
-
-    /* Style disabled textareas */
-    &:has(:disabled) {
-      cursor: not-allowed;
-      opacity: 0.5;
-    }
-  }
-
-  /* Appearance modifiers */
-  :host([appearance='outlined']) .textarea {
-    background-color: var(--cs-form-control-background-color);
-    border-color: var(--cs-form-control-border-color);
-  }
-
-  :host([appearance='filled']) .textarea {
-    background-color: var(--cs-color-neutral-fill-quiet);
-    border-color: var(--cs-color-neutral-fill-quiet);
-  }
-
-  :host([appearance='filled-outlined']) .textarea {
-    background-color: var(--cs-color-neutral-fill-quiet);
-    border-color: var(--cs-form-control-border-color);
-  }
-
-  textarea {
-    display: block;
-    width: 100%;
-    border: none;
-    background: transparent;
-    font: inherit;
-    color: inherit;
-    cursor: inherit;
-    scroll-padding-block: var(--cs-form-control-padding-block);
-    padding: calc(var(--cs-form-control-padding-block) - ((1lh - 1em) / 2)) var(--cs-form-control-padding-inline); /* accounts for the larger line height of textarea content */
-    min-height: calc(var(--cs-form-control-height) - var(--border-width) * 2);
-    box-shadow: none;
-    margin: 0;
-
-    &::placeholder {
-      color: var(--cs-form-control-placeholder-color);
-      user-select: none;
-      -webkit-user-select: none;
-    }
-
-    &:autofill {
-      &,
-      &:hover,
-      &:focus,
-      &:active {
-        box-shadow: none;
-        caret-color: var(--cs-form-control-value-color);
-      }
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  /* Shared textarea and size-adjuster positioning */
-  .control,
-  .size-adjuster {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-
-  .size-adjuster {
-    visibility: hidden;
-    pointer-events: none;
-    opacity: 0;
-    padding: 0;
-  }
-
-  textarea::-webkit-search-decoration,
-  textarea::-webkit-search-cancel-button,
-  textarea::-webkit-search-results-button,
-  textarea::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-  }
-
-  /*
-   * Resize types
-   */
-
-  :host([resize='none']) textarea {
-    resize: none;
-  }
-
-  textarea,
-  :host([resize='vertical']) textarea {
-    resize: vertical;
-  }
-
-  :host([resize='horizontal']) textarea {
-    resize: horizontal;
-  }
-
-  :host([resize='both']) textarea {
-    resize: both;
-  }
-
-  :host([resize='auto']) textarea {
-    height: auto;
-    resize: none;
-    overflow-y: hidden;
-  }
-
-  /*
-   * Footer (hint + character count)
-   */
-
-  /*
-   * This element carries the hint part, so the shared form control styles apply to it. Those styles set display:block
-   * and hide the element when it has no hint, both of which have to be undone when a character count is present.
-   */
-  .footer.has-slotted,
-  .footer.has-count {
-    display: flex;
-    align-items: baseline;
-    gap: 1em;
-  }
-
-  /* Slots default to display:contents, which would leave the hint unable to shrink below its content */
-  .footer.has-count .hint {
-    display: block;
-    flex: 1 1 auto;
-    min-width: 0;
-  }
-
-  .count {
-    flex: 0 0 auto;
-    color: var(--cs-form-control-hint-color);
-    font-weight: var(--cs-form-control-hint-font-weight);
-    line-height: var(--cs-form-control-hint-line-height);
-    margin-block-start: 0.5em;
-    font-size: var(--cs-font-size-smaller);
-    margin-inline-start: auto;
-  }
-`;
-
-export {
-  textarea_styles_default
-};

package/dist/bundled/chunks/chunk.E64VUW6U.js

@@ -1,30 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  o,
-  require_react
-} from "./chunk.VQJXWKQY.js";
-import {
-  CsTabGroup
-} from "./chunk.QWYGJBV2.js";
-import {
-  __toESM
-} from "./chunk.4QJR2RKX.js";
-
-// src/react/tab-group/index.ts
-var React = __toESM(require_react(), 1);
-var tagName = "cs-tab-group";
-var reactWrapper = o({
-  tagName,
-  elementClass: CsTabGroup,
-  react: React,
-  events: {
-    onCsTabShow: "cs-tab-show",
-    onCsTabHide: "cs-tab-hide"
-  },
-  displayName: "CsTabGroup"
-});
-var tab_group_default = reactWrapper;
-
-export {
-  tab_group_default
-};

package/dist/bundled/chunks/chunk.EFUFKBAL.js

@@ -1,29 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  o,
-  require_react
-} from "./chunk.VQJXWKQY.js";
-import {
-  CsCheckbox
-} from "./chunk.F4VUCEUT.js";
-import {
-  __toESM
-} from "./chunk.4QJR2RKX.js";
-
-// src/react/checkbox/index.ts
-var React = __toESM(require_react(), 1);
-var tagName = "cs-checkbox";
-var reactWrapper = o({
-  tagName,
-  elementClass: CsCheckbox,
-  react: React,
-  events: {
-    onCsInvalid: "cs-invalid"
-  },
-  displayName: "CsCheckbox"
-});
-var checkbox_default = reactWrapper;
-
-export {
-  checkbox_default
-};

package/dist/bundled/chunks/chunk.EKYO4MJA.js

@@ -1,120 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  HasSlotController
-} from "./chunk.IHXNGREP.js";
-import {
-  card_styles_default
-} from "./chunk.7AADWLVT.js";
-import {
-  size_styles_default
-} from "./chunk.WMLOKPMQ.js";
-import {
-  e
-} from "./chunk.VKLPFGMH.js";
-import {
-  CornerstoneElement,
-  customElement,
-  n
-} from "./chunk.6GJWBDJU.js";
-import {
-  b
-} from "./chunk.IPM67WBE.js";
-import {
-  __decorateClass
-} from "./chunk.4QJR2RKX.js";
-
-// src/components/card/card.ts
-var CsCard = class extends CornerstoneElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(
-      this,
-      "footer",
-      "header",
-      "media",
-      "header-actions",
-      "footer-actions"
-    );
-    this.appearance = "outlined";
-    this.hasHeader = false;
-    this.hasMedia = false;
-    this.hasFooter = false;
-    this.ssrHeaderActions = false;
-    this.ssrFooterActions = false;
-    this.orientation = "vertical";
-  }
-  willUpdate(changedProperties) {
-    this.hasHeader = this.hasSlotController.test("header", "hasHeader");
-    this.hasMedia = this.hasSlotController.test("media", "hasMedia");
-    this.hasFooter = this.hasSlotController.test("footer", "hasFooter");
-    super.willUpdate(changedProperties);
-  }
-  render() {
-    if (this.orientation === "horizontal") {
-      return b`
-        <slot name="media" part="media" class="media"></slot>
-        <div part="body" class="body"><slot></slot></div>
-        <slot name="actions" part="actions" class="actions"></slot>
-      `;
-    }
-    const hasHeaderActions = this.hasSlotController.test("header-actions", "ssrHeaderActions");
-    const hasFooterActions = this.hasSlotController.test("footer-actions", "ssrFooterActions");
-    return b`
-      <slot name="media" part="media" class="media"></slot>
-
-      <header
-        part="header"
-        class=${e({
-      header: true,
-      "has-actions": hasHeaderActions
-    })}
-      >
-        <slot name="header"></slot>
-        <slot name="header-actions"></slot>
-      </header>
-
-      <div part="body" class="body"><slot></slot></div>
-
-      <footer
-        part="footer"
-        class=${e({
-      footer: true,
-      "has-actions": hasFooterActions
-    })}
-      >
-        <slot name="footer"></slot>
-        <slot name="footer-actions"></slot>
-      </footer>
-    `;
-  }
-};
-CsCard.css = [size_styles_default, card_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], CsCard.prototype, "appearance", 2);
-__decorateClass([
-  n({ attribute: "has-header", type: Boolean, reflect: true })
-], CsCard.prototype, "hasHeader", 2);
-__decorateClass([
-  n({ attribute: "has-media", type: Boolean, reflect: true })
-], CsCard.prototype, "hasMedia", 2);
-__decorateClass([
-  n({ attribute: "has-footer", type: Boolean, reflect: true })
-], CsCard.prototype, "hasFooter", 2);
-__decorateClass([
-  n({ attribute: "ssr-header-actions", type: Boolean, reflect: true })
-], CsCard.prototype, "ssrHeaderActions", 2);
-__decorateClass([
-  n({ attribute: "ssr-footer-actions", type: Boolean, reflect: true })
-], CsCard.prototype, "ssrFooterActions", 2);
-__decorateClass([
-  n({ reflect: true })
-], CsCard.prototype, "orientation", 2);
-CsCard = __decorateClass([
-  customElement("cs-card")
-], CsCard);
-CsCard.disableWarning?.("change-in-update");
-
-export {
-  CsCard
-};

package/dist/bundled/chunks/chunk.ELMAERKS.js

@@ -1,83 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  getBasePath
-} from "./chunk.7CX7TYXB.js";
-
-// src/utilities/autoloader.ts
-var observer = new MutationObserver((mutations) => {
-  for (const { addedNodes } of mutations) {
-    for (const node of addedNodes) {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        discover(node);
-      }
-    }
-  }
-});
-function startLoader() {
-  discover(document);
-  observer.observe(document.documentElement, { subtree: true, childList: true });
-}
-function stopLoader() {
-  observer.disconnect();
-}
-async function discover(root) {
-  const rootTagName = root instanceof Element ? root.tagName.toLowerCase() : "";
-  const rootIsCornerstoneComponent = rootTagName.startsWith("cs-");
-  const tags = [...root.querySelectorAll(":not(:defined)")].map((el) => el.tagName.toLowerCase()).filter((tag) => tag.startsWith("cs-"));
-  if (rootIsCornerstoneComponent && !customElements.get(rootTagName)) {
-    tags.push(rootTagName);
-  }
-  const preloadSelectors = root.querySelectorAll("[data-cs-preload]");
-  const preloadRoots = root instanceof Element && root.hasAttribute("data-cs-preload") ? [root, ...preloadSelectors] : preloadSelectors;
-  for (const el of preloadRoots) {
-    tags.push(
-      ...el.getAttribute("data-cs-preload").split(/\s+/).filter((tag) => tag.startsWith("cs-"))
-    );
-  }
-  const tagsToRegister = [...new Set(tags)];
-  const imports = await Promise.allSettled(tagsToRegister.map((tagName) => register(tagName)));
-  for (const imp of imports) {
-    if (imp.status === "rejected") {
-      console.error(imp.reason);
-    }
-  }
-  await new Promise(requestAnimationFrame);
-  root.dispatchEvent(
-    new CustomEvent("cs-discovery-complete", {
-      bubbles: false,
-      cancelable: false,
-      composed: true
-    })
-  );
-}
-function register(tagName) {
-  if (customElements.get(tagName)) {
-    return Promise.resolve();
-  }
-  const tagWithoutPrefix = tagName.replace(/^cs-/i, "");
-  const path = getBasePath(`components/${tagWithoutPrefix}/${tagWithoutPrefix}.js`);
-  return new Promise((resolve, reject) => {
-    import(path).then(() => resolve()).catch(() => reject(new Error(`Unable to autoload <${tagName}> from ${path}`)));
-  });
-}
-var _timeout = 2e3;
-function preventTurboFouce(timeout = 2e3) {
-  _timeout = timeout;
-  document.addEventListener("turbo:before-render", handleRender);
-}
-async function handleRender(event) {
-  const newBody = event.detail.newBody;
-  event.preventDefault();
-  try {
-    await Promise.race([discover(newBody), new Promise((resolve) => setTimeout(resolve, _timeout))]);
-  } finally {
-    event.detail.resume();
-  }
-}
-
-export {
-  startLoader,
-  stopLoader,
-  discover,
-  preventTurboFouce
-};

package/dist/bundled/chunks/chunk.EN3AF2CP.js

@@ -1 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */

package/dist/bundled/chunks/chunk.EOXXTMCB.js

@@ -1,71 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  tab_panel_styles_default
-} from "./chunk.FPEZVYEJ.js";
-import {
-  e
-} from "./chunk.VKLPFGMH.js";
-import {
-  watch
-} from "./chunk.N6DONW5L.js";
-import {
-  CornerstoneElement,
-  customElement,
-  n
-} from "./chunk.6GJWBDJU.js";
-import {
-  b
-} from "./chunk.IPM67WBE.js";
-import {
-  __decorateClass
-} from "./chunk.4QJR2RKX.js";
-
-// src/components/tab-panel/tab-panel.ts
-var id = 0;
-var CsTabPanel = class extends CornerstoneElement {
-  constructor() {
-    super(...arguments);
-    this.attrId = ++id;
-    this.componentId = `cs-tab-panel-${this.attrId}`;
-    this.name = "";
-    this.active = false;
-    this.role = "tabpanel";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.id = (this.id || "").length > 0 ? this.id : this.componentId;
-  }
-  handleActiveChange() {
-    this.setAttribute("aria-hidden", this.active ? "false" : "true");
-  }
-  render() {
-    return b`
-      <slot
-        class=${e({
-      "tab-panel": true,
-      "tab-panel-active": this.active
-    })}
-      ></slot>
-    `;
-  }
-};
-CsTabPanel.css = tab_panel_styles_default;
-__decorateClass([
-  n({ reflect: true })
-], CsTabPanel.prototype, "name", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CsTabPanel.prototype, "active", 2);
-__decorateClass([
-  n({ reflect: true })
-], CsTabPanel.prototype, "role", 2);
-__decorateClass([
-  watch("active")
-], CsTabPanel.prototype, "handleActiveChange", 1);
-CsTabPanel = __decorateClass([
-  customElement("cs-tab-panel")
-], CsTabPanel);
-
-export {
-  CsTabPanel
-};

package/dist/bundled/chunks/chunk.EPK7YWX6.js

@@ -1,29 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  o,
-  require_react
-} from "./chunk.VQJXWKQY.js";
-import {
-  CsIntersectionObserver
-} from "./chunk.B4UBLBCL.js";
-import {
-  __toESM
-} from "./chunk.4QJR2RKX.js";
-
-// src/react/intersection-observer/index.ts
-var React = __toESM(require_react(), 1);
-var tagName = "cs-intersection-observer";
-var reactWrapper = o({
-  tagName,
-  elementClass: CsIntersectionObserver,
-  react: React,
-  events: {
-    onCsIntersect: "cs-intersect"
-  },
-  displayName: "CsIntersectionObserver"
-});
-var intersection_observer_default = reactWrapper;
-
-export {
-  intersection_observer_default
-};

package/dist/bundled/chunks/chunk.EV4GJPM2.js

@@ -1,73 +0,0 @@
-/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  i
-} from "./chunk.4XDNAFUH.js";
-
-// src/components/tooltip/tooltip.styles.ts
-var tooltip_styles_default = i`
-  :host {
-    --max-width: 30ch;
-
-    /** These styles are added so we don't interfere in the DOM. */
-    display: inline-block;
-    position: absolute;
-
-    /** Defaults for inherited CSS properties */
-    color: var(--cs-tooltip-content-color);
-    font-size: var(--cs-tooltip-font-size);
-    line-height: var(--cs-tooltip-line-height);
-    text-align: start;
-    white-space: normal;
-  }
-
-  .tooltip {
-    --arrow-size: var(--cs-tooltip-arrow-size);
-    --arrow-color: var(--cs-tooltip-background-color);
-  }
-
-  .tooltip::part(popup) {
-    z-index: 1000;
-  }
-
-  .tooltip[placement^='top']::part(popup) {
-    transform-origin: bottom;
-  }
-
-  .tooltip[placement^='bottom']::part(popup) {
-    transform-origin: top;
-  }
-
-  .tooltip[placement^='left']::part(popup) {
-    transform-origin: right;
-  }
-
-  .tooltip[placement^='right']::part(popup) {
-    transform-origin: left;
-  }
-
-  .body {
-    display: block;
-    width: max-content;
-    max-width: var(--max-width);
-    border-radius: var(--cs-tooltip-border-radius);
-    background-color: var(--cs-tooltip-background-color);
-    border: var(--cs-tooltip-border-width) var(--cs-tooltip-border-style) var(--cs-tooltip-border-color);
-    padding: 0.25em 0.5em;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  .tooltip {
-    --popup-border-width: var(--cs-tooltip-border-width);
-
-    /* Inset box-shadow, not a border: Safari seams a clip-path edge that runs along a border. */
-    &::part(arrow) {
-      box-shadow: inset calc(-1 * var(--cs-tooltip-border-width)) calc(-1 * var(--cs-tooltip-border-width)) 0 0
-        var(--cs-tooltip-border-color);
-    }
-  }
-`;
-
-export {
-  tooltip_styles_default
-};