@cruglobal/cornerstone-components 0.6.1 → 0.7.0

package/dist/bundled/chunks/chunk.5KQDTHSW.js

@@ -1,15 +0,0 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  i
-} from "./chunk.G7UCSRIQ.js";
-
-// src/components/animation/animation.styles.ts
-var animation_styles_default = i`
-  :host {
-    display: contents;
-  }
-`;
-
-export {
-  animation_styles_default
-};

package/dist/bundled/chunks/chunk.5RX54WNG.js

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

package/dist/bundled/chunks/chunk.5SB535WG.js

@@ -1,58 +0,0 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  library_brands_default
-} from "./chunk.ZKPECPPZ.js";
-import {
-  library_default_default
-} from "./chunk.NWV3U6VD.js";
-import {
-  library_system_default
-} from "./chunk.BG6YAMWP.js";
-
-// src/components/icon/library.ts
-var defaultIconFamily = "sharp";
-var registry = [library_default_default, library_system_default, library_brands_default];
-var watchedIcons = /* @__PURE__ */ new Set();
-function watchIcon(icon) {
-  watchedIcons.add(icon);
-}
-function unwatchIcon(icon) {
-  watchedIcons.delete(icon);
-}
-function getIconLibrary(name) {
-  return registry.find((lib) => lib.name === name);
-}
-function registerIconLibrary(name, options) {
-  unregisterIconLibrary(name);
-  registry.push({
-    name,
-    resolver: options.resolver,
-    mutator: options.mutator,
-    spriteSheet: options.spriteSheet
-  });
-  watchedIcons.forEach((icon) => {
-    if (icon.library === name) {
-      icon.setIcon();
-    }
-  });
-}
-function unregisterIconLibrary(name) {
-  registry = registry.filter((lib) => lib.name !== name);
-}
-function setDefaultIconFamily(family) {
-  defaultIconFamily = family;
-  watchedIcons.forEach((icon) => icon.setIcon());
-}
-function getDefaultIconFamily() {
-  return defaultIconFamily;
-}
-
-export {
-  watchIcon,
-  unwatchIcon,
-  getIconLibrary,
-  registerIconLibrary,
-  unregisterIconLibrary,
-  setDefaultIconFamily,
-  getDefaultIconFamily
-};

package/dist/bundled/chunks/chunk.5SWNCEYN.js

@@ -1,32 +0,0 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  o,
-  require_react
-} from "./chunk.O6TFOOQT.js";
-import {
-  CsTooltip
-} from "./chunk.NZRWS67Y.js";
-import {
-  __toESM
-} from "./chunk.WA5AGEMP.js";
-
-// src/react/tooltip/index.ts
-var React = __toESM(require_react(), 1);
-var tagName = "cs-tooltip";
-var reactWrapper = o({
-  tagName,
-  elementClass: CsTooltip,
-  react: React,
-  events: {
-    onCsShow: "cs-show",
-    onCsAfterShow: "cs-after-show",
-    onCsHide: "cs-hide",
-    onCsAfterHide: "cs-after-hide"
-  },
-  displayName: "CsTooltip"
-});
-var tooltip_default = reactWrapper;
-
-export {
-  tooltip_default
-};

package/dist/bundled/chunks/chunk.5SX25UZW.js

@@ -1,252 +0,0 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  i
-} from "./chunk.G7UCSRIQ.js";
-
-// src/components/slider/slider.styles.ts
-var slider_styles_default = i`
-  /* The label carries this when the slider has no label, and the two range-thumb bound names always do.
-     It was referenced before it existed, so an unlabelled slider's label element was never hidden. */
-  .vh {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    clip-path: inset(50%);
-    overflow: hidden;
-    white-space: nowrap;
-  }
-
-  :host {
-    --track-size: 0.5em;
-    --thumb-width: 1.4em;
-    --thumb-height: 1.4em;
-    --marker-width: 0.1875em;
-    --marker-height: 0.1875em;
-  }
-
-  :host([orientation='vertical']) {
-    width: auto;
-  }
-
-  #label:has(~ .vertical) {
-    display: block;
-    order: 2;
-    max-width: none;
-    text-align: center;
-  }
-
-  #description:has(~ .vertical) {
-    order: 3;
-    text-align: center;
-  }
-
-  /* Add extra space between slider and label, when present */
-  #label.has-label ~ #slider {
-    &.horizontal {
-      margin-block-start: 0.5em;
-    }
-    &.vertical {
-      margin-block-end: 0.5em;
-    }
-  }
-
-  #slider {
-    touch-action: none;
-
-    &:focus {
-      outline: none;
-    }
-
-    &:focus-visible:not(.disabled) #thumb,
-    &:focus-visible:not(.disabled) #thumb-min,
-    &:focus-visible:not(.disabled) #thumb-max {
-      outline: var(--cs-focus-ring);
-      /* intentionally no offset due to border */
-    }
-  }
-
-  #track {
-    position: relative;
-    border-radius: 9999px;
-    background: var(--cs-color-neutral-fill-normal);
-    isolation: isolate;
-  }
-
-  /* Orientation */
-  .horizontal #track {
-    height: var(--track-size);
-  }
-
-  .vertical #track {
-    order: 1;
-    width: var(--track-size);
-    height: 200px;
-  }
-
-  /* Disabled */
-  .disabled #track {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  /* Indicator */
-  #indicator {
-    position: absolute;
-    border-radius: inherit;
-    background-color: var(--cs-form-control-activated-color);
-
-    &:dir(ltr) {
-      right: calc(100% - max(var(--start), var(--end)));
-      left: min(var(--start), var(--end));
-    }
-
-    &:dir(rtl) {
-      right: min(var(--start), var(--end));
-      left: calc(100% - max(var(--start), var(--end)));
-    }
-  }
-
-  .horizontal #indicator {
-    top: 0;
-    height: 100%;
-  }
-
-  .vertical #indicator {
-    top: calc(100% - var(--end));
-    bottom: var(--start);
-    left: 0;
-    width: 100%;
-  }
-
-  /* Thumbs */
-  #thumb,
-  #thumb-min,
-  #thumb-max {
-    z-index: 3;
-    position: absolute;
-    width: var(--thumb-width);
-    height: var(--thumb-height);
-    border: solid 0.125em var(--cs-color-surface-default);
-    border-radius: 50%;
-    background-color: var(--cs-form-control-activated-color);
-    cursor: pointer;
-  }
-
-  .disabled #thumb,
-  .disabled #thumb-min,
-  .disabled #thumb-max {
-    cursor: inherit;
-  }
-
-  .horizontal #thumb,
-  .horizontal #thumb-min,
-  .horizontal #thumb-max {
-    top: calc(50% - var(--thumb-height) / 2);
-
-    &:dir(ltr) {
-      right: auto;
-      left: calc(var(--position) - var(--thumb-width) / 2);
-    }
-
-    &:dir(rtl) {
-      right: calc(var(--position) - var(--thumb-width) / 2);
-      left: auto;
-    }
-  }
-
-  .vertical #thumb,
-  .vertical #thumb-min,
-  .vertical #thumb-max {
-    bottom: calc(var(--position) - var(--thumb-height) / 2);
-    left: calc(50% - var(--thumb-width) / 2);
-  }
-
-  /* Range-specific thumb styles */
-  :host([range]) {
-    #thumb-min:focus-visible,
-    #thumb-max:focus-visible {
-      z-index: 4; /* Ensure focused thumb appears on top */
-      outline: var(--cs-focus-ring);
-      /* intentionally no offset due to border */
-    }
-  }
-
-  /* Markers */
-  #markers {
-    pointer-events: none;
-  }
-
-  .marker {
-    z-index: 2;
-    position: absolute;
-    width: var(--marker-width);
-    height: var(--marker-height);
-    border-radius: 50%;
-    background-color: var(--cs-color-surface-default);
-  }
-
-  .marker:first-of-type,
-  .marker:last-of-type {
-    display: none;
-  }
-
-  .horizontal .marker {
-    top: calc(50% - var(--marker-height) / 2);
-    left: calc(var(--position) - var(--marker-width) / 2);
-  }
-
-  .vertical .marker {
-    top: calc(var(--position) - var(--marker-height) / 2);
-    left: calc(50% - var(--marker-width) / 2);
-  }
-
-  /* Marker labels */
-  #references {
-    position: relative;
-
-    slot {
-      display: flex;
-      justify-content: space-between;
-      height: 100%;
-    }
-
-    ::slotted(*) {
-      color: var(--cs-color-text-quiet);
-      font-size: 0.875em;
-      line-height: 1;
-    }
-  }
-
-  .horizontal {
-    #references {
-      margin-block-start: 0.5em;
-    }
-  }
-
-  .vertical {
-    display: flex;
-    margin-inline: auto;
-
-    #track {
-      order: 1;
-    }
-
-    #references {
-      order: 2;
-      width: min-content;
-      margin-inline-start: 0.75em;
-
-      slot {
-        flex-direction: column;
-      }
-    }
-  }
-
-  .vertical #references slot {
-    flex-direction: column;
-  }
-`;
-
-export {
-  slider_styles_default
-};

package/dist/bundled/chunks/chunk.6BVUAOEX.js

@@ -1,32 +0,0 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  o,
-  require_react
-} from "./chunk.O6TFOOQT.js";
-import {
-  CsPopover
-} from "./chunk.ZJMMPMZO.js";
-import {
-  __toESM
-} from "./chunk.WA5AGEMP.js";
-
-// src/react/popover/index.ts
-var React = __toESM(require_react(), 1);
-var tagName = "cs-popover";
-var reactWrapper = o({
-  tagName,
-  elementClass: CsPopover,
-  react: React,
-  events: {
-    onCsShow: "cs-show",
-    onCsAfterShow: "cs-after-show",
-    onCsHide: "cs-hide",
-    onCsAfterHide: "cs-after-hide"
-  },
-  displayName: "CsPopover"
-});
-var popover_default = reactWrapper;
-
-export {
-  popover_default
-};

package/dist/bundled/chunks/chunk.6ETGFA2W.js

@@ -1,33 +0,0 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  o,
-  require_react
-} from "./chunk.O6TFOOQT.js";
-import {
-  CsColorPicker
-} from "./chunk.CVALVW3F.js";
-import {
-  __toESM
-} from "./chunk.WA5AGEMP.js";
-
-// src/react/color-picker/index.ts
-var React = __toESM(require_react(), 1);
-var tagName = "cs-color-picker";
-var reactWrapper = o({
-  tagName,
-  elementClass: CsColorPicker,
-  react: React,
-  events: {
-    onCsShow: "cs-show",
-    onCsAfterShow: "cs-after-show",
-    onCsHide: "cs-hide",
-    onCsAfterHide: "cs-after-hide",
-    onCsInvalid: "cs-invalid"
-  },
-  displayName: "CsColorPicker"
-});
-var color_picker_default = reactWrapper;
-
-export {
-  color_picker_default
-};

package/dist/bundled/chunks/chunk.6F3CG54S.js

@@ -1,13 +0,0 @@
-/*! Cornerstone Components 0.6.1 - 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/bundled/chunks/chunk.6LM52HJ6.js

@@ -1,32 +0,0 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  o,
-  require_react
-} from "./chunk.O6TFOOQT.js";
-import {
-  CsAccordion
-} from "./chunk.BPBM6QJV.js";
-import {
-  __toESM
-} from "./chunk.WA5AGEMP.js";
-
-// src/react/accordion/index.ts
-var React = __toESM(require_react(), 1);
-var tagName = "cs-accordion";
-var reactWrapper = o({
-  tagName,
-  elementClass: CsAccordion,
-  react: React,
-  events: {
-    onCsAccordionExpand: "cs-accordion-expand",
-    onCsAccordionAfterExpand: "cs-accordion-after-expand",
-    onCsAccordionCollapse: "cs-accordion-collapse",
-    onCsAccordionAfterCollapse: "cs-accordion-after-collapse"
-  },
-  displayName: "CsAccordion"
-});
-var accordion_default = reactWrapper;
-
-export {
-  accordion_default
-};

package/dist/bundled/chunks/chunk.6WHJ4CHJ.js

@@ -1,231 +0,0 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import {
-  toast_item_styles_default
-} from "./chunk.WRJCIDYI.js";
-import {
-  CsShowEvent
-} from "./chunk.4TFLBLIK.js";
-import {
-  CsHideEvent
-} from "./chunk.ZNGY3YWP.js";
-import {
-  CsAfterHideEvent
-} from "./chunk.DTSB32OH.js";
-import {
-  CsAfterShowEvent
-} from "./chunk.5RX54WNG.js";
-import {
-  HasSlotController
-} from "./chunk.XHYSA6KF.js";
-import {
-  size_styles_default
-} from "./chunk.FOA6WLNB.js";
-import {
-  variants_styles_default
-} from "./chunk.F3EKSAJC.js";
-import {
-  animateWithClass
-} from "./chunk.I6DUCETP.js";
-import {
-  e as e2
-} from "./chunk.YL2SORTA.js";
-import {
-  CornerstoneElement,
-  customElement,
-  e,
-  n,
-  r
-} from "./chunk.AWCR23QG.js";
-import {
-  LocalizeController
-} from "./chunk.DFT6CMNV.js";
-import {
-  b
-} from "./chunk.FQUMEV4X.js";
-import {
-  __decorateClass
-} from "./chunk.WA5AGEMP.js";
-
-// src/components/toast-item/toast-item.ts
-var CsToastItem = class extends CornerstoneElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "icon");
-    this.localize = new LocalizeController(this);
-    this.animationFrame = null;
-    this.startTime = null;
-    this.isHovering = false;
-    this.isFocused = false;
-    this.timeLeft = 100;
-    this.variant = "neutral";
-    this.size = "m";
-    this.duration = 5e3;
-    this.ssrIcon = false;
-    this.tick = () => {
-      if (!this.startTime) {
-        return;
-      }
-      const elapsed = performance.now() - this.startTime;
-      const progress = Math.min(elapsed / this.duration, 1);
-      this.timeLeft = 100 * (1 - progress);
-      if (progress < 1) {
-        this.animationFrame = requestAnimationFrame(this.tick);
-      } else {
-        this.hide();
-      }
-    };
-    this.handlePointerEnter = (event) => {
-      if (event.pointerType === "mouse" || event.pointerType === "pen") {
-        this.isHovering = true;
-        this.pauseTimer();
-      }
-    };
-    this.handlePointerLeave = () => {
-      if (this.isHovering) {
-        this.isHovering = false;
-        this.resumeTimer();
-      }
-    };
-    this.handleFocusIn = () => {
-      this.isFocused = true;
-      this.pauseTimer();
-    };
-    this.handleFocusOut = () => {
-      this.isFocused = false;
-      this.resumeTimer();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("pointerenter", this.handlePointerEnter);
-    this.addEventListener("pointerleave", this.handlePointerLeave);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.stopTimer();
-    this.removeEventListener("pointerenter", this.handlePointerEnter);
-    this.removeEventListener("pointerleave", this.handlePointerLeave);
-  }
-  /** @internal Starts the toast item's timer and shows it. Called by the parent toast component. */
-  async startTimer() {
-    const showEvent = new CsShowEvent();
-    this.dispatchEvent(showEvent);
-    if (showEvent.defaultPrevented) {
-      return;
-    }
-    await this.updateComplete;
-    await animateWithClass(this.toastItemElement, "show");
-    this.dispatchEvent(new CsAfterShowEvent());
-    if (this.duration > 0 && Number.isFinite(this.duration)) {
-      this.startTime = performance.now();
-      this.timeLeft = 100;
-      this.tick();
-    }
-  }
-  /** @internal Stops the toast item's timer. */
-  stopTimer() {
-    if (this.animationFrame !== null) {
-      cancelAnimationFrame(this.animationFrame);
-      this.animationFrame = null;
-    }
-  }
-  /** Hides the toast item with animation and removes it from the DOM. */
-  async hide() {
-    this.stopTimer();
-    const hideEvent = new CsHideEvent();
-    this.dispatchEvent(hideEvent);
-    if (hideEvent.defaultPrevented) {
-      return;
-    }
-    await animateWithClass(this.toastItemElement, "hide");
-    this.dispatchEvent(new CsAfterHideEvent());
-    this.remove();
-  }
-  handleCloseClick() {
-    this.hide();
-  }
-  pauseTimer() {
-    this.stopTimer();
-    this.timeLeft = 100;
-  }
-  resumeTimer() {
-    if (!this.isHovering && !this.isFocused && this.duration > 0) {
-      this.startTime = performance.now();
-      this.tick();
-    }
-  }
-  render() {
-    const hasIcon = this.hasSlotController.test("icon", "ssrIcon");
-    const hasDuration = this.duration > 0;
-    return b`
-      <div
-        part="toast-item"
-        class=${e2({
-      "toast-item": true,
-      "toast-item--has-icon": hasIcon,
-      "toast-item--has-duration": hasDuration
-    })}
-      >
-        <div part="accent" class="accent"></div>
-
-        <div part="icon" class="icon">
-          <slot name="icon"></slot>
-        </div>
-
-        <div part="content" class="content">
-          <slot></slot>
-        </div>
-
-        <button
-          part="close-button"
-          class="close-button"
-          type="button"
-          aria-label=${this.localize.term("close")}
-          @click=${this.handleCloseClick}
-          @focusin=${this.handleFocusIn}
-          @focusout=${this.handleFocusOut}
-        >
-          <cs-progress-ring
-            part="progress-ring"
-            exportparts="
-              progress-ring:progress-ring__progress-ring,
-              label:progress-ring__label,
-              track:progress-ring__track,
-              indicator:progress-ring__indicator
-            "
-            value=${this.timeLeft}
-            aria-hidden="true"
-          >
-            <cs-icon part="close-icon" exportparts="svg:close-icon__svg" name="close" library="system"></cs-icon>
-          </cs-progress-ring>
-        </button>
-      </div>
-    `;
-  }
-};
-CsToastItem.css = [toast_item_styles_default, variants_styles_default, size_styles_default];
-__decorateClass([
-  e(".toast-item")
-], CsToastItem.prototype, "toastItemElement", 2);
-__decorateClass([
-  r()
-], CsToastItem.prototype, "timeLeft", 2);
-__decorateClass([
-  n({ reflect: true })
-], CsToastItem.prototype, "variant", 2);
-__decorateClass([
-  n({ reflect: true })
-], CsToastItem.prototype, "size", 2);
-__decorateClass([
-  n({ type: Number })
-], CsToastItem.prototype, "duration", 2);
-__decorateClass([
-  n({ attribute: "ssr-icon", type: Boolean })
-], CsToastItem.prototype, "ssrIcon", 2);
-CsToastItem = __decorateClass([
-  customElement("cs-toast-item")
-], CsToastItem);
-
-export {
-  CsToastItem
-};