@cruglobal/cornerstone-components 0.6.1 → 0.7.0

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

@@ -0,0 +1,64 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  variants_styles_default
+} from "./chunk.X2WPFMNW.js";
+import {
+  badge_styles_default
+} from "./chunk.ULOZOZDG.js";
+import {
+  CornerstoneElement,
+  customElement,
+  n
+} from "./chunk.6GJWBDJU.js";
+import {
+  b
+} from "./chunk.IPM67WBE.js";
+import {
+  __decorateClass
+} from "./chunk.4QJR2RKX.js";
+
+// src/components/badge/badge.ts
+var CsBadge = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "brand";
+    this.appearance = "accent";
+    this.pill = false;
+    this.attention = "none";
+  }
+  render() {
+    return b`
+      <span part="start">
+        <slot name="start"></slot>
+      </span>
+
+      <span part="badge" role="status">
+        <slot></slot>
+      </span>
+
+      <span part="end">
+        <slot name="end"></slot>
+      </span>
+    `;
+  }
+};
+CsBadge.css = [variants_styles_default, badge_styles_default];
+__decorateClass([
+  n({ reflect: true })
+], CsBadge.prototype, "variant", 2);
+__decorateClass([
+  n({ reflect: true })
+], CsBadge.prototype, "appearance", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CsBadge.prototype, "pill", 2);
+__decorateClass([
+  n({ reflect: true })
+], CsBadge.prototype, "attention", 2);
+CsBadge = __decorateClass([
+  customElement("cs-badge")
+], CsBadge);
+
+export {
+  CsBadge
+};

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

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.VQJXWKQY.js";
+import {
+  CsBreadcrumbItem
+} from "./chunk.UFFWFNOO.js";
+import {
+  __toESM
+} from "./chunk.4QJR2RKX.js";
+
+// src/react/breadcrumb-item/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-breadcrumb-item";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsBreadcrumbItem,
+  react: React,
+  events: {},
+  displayName: "CsBreadcrumbItem"
+});
+var breadcrumb_item_default = reactWrapper;
+
+export {
+  breadcrumb_item_default
+};

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

@@ -0,0 +1,15 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.4XDNAFUH.js";
+
+// src/components/include/include.styles.ts
+var include_styles_default = i`
+  :host {
+    display: block;
+  }
+`;
+
+export {
+  include_styles_default
+};

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

@@ -0,0 +1,58 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CornerstoneElement,
+  customElement,
+  n
+} from "./chunk.6GJWBDJU.js";
+import {
+  LocalizeController
+} from "./chunk.HGW5EEZU.js";
+import {
+  __decorateClass
+} from "./chunk.4QJR2RKX.js";
+
+// src/components/format-bytes/format-bytes.ts
+var CsFormatBytes = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.value = 0;
+    this.unit = "byte";
+    this.display = "short";
+  }
+  static get styles() {
+    return [];
+  }
+  render() {
+    if (isNaN(this.value)) {
+      return "";
+    }
+    const bitPrefixes = ["", "kilo", "mega", "giga", "tera"];
+    const bytePrefixes = ["", "kilo", "mega", "giga", "tera", "peta"];
+    const prefix = this.unit === "bit" ? bitPrefixes : bytePrefixes;
+    const index = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1));
+    const unit = prefix[index] + this.unit;
+    const valueToFormat = parseFloat((this.value / Math.pow(1e3, index)).toPrecision(3));
+    return this.localize.number(valueToFormat, {
+      style: "unit",
+      unit,
+      unitDisplay: this.display
+    });
+  }
+};
+__decorateClass([
+  n({ type: Number })
+], CsFormatBytes.prototype, "value", 2);
+__decorateClass([
+  n()
+], CsFormatBytes.prototype, "unit", 2);
+__decorateClass([
+  n()
+], CsFormatBytes.prototype, "display", 2);
+CsFormatBytes = __decorateClass([
+  customElement("cs-format-bytes")
+], CsFormatBytes);
+
+export {
+  CsFormatBytes
+};

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

@@ -0,0 +1,88 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.4XDNAFUH.js";
+
+// src/components/comparison/comparison.styles.ts
+var comparison_styles_default = i`
+  :host {
+    --divider-width: 0.125rem;
+    --handle-size: 2.5rem;
+
+    display: block;
+    position: relative;
+    max-width: 100%;
+    max-height: 100%;
+    overflow: hidden;
+  }
+
+  .before,
+  .after {
+    display: block;
+
+    &::slotted(img),
+    &::slotted(svg) {
+      display: block;
+      max-width: 100% !important;
+      height: auto;
+    }
+
+    &::slotted(:not(img, svg)) {
+      isolation: isolate;
+    }
+  }
+
+  .after {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+  }
+
+  /* Disable pointer-events while dragging. This is especially important for iframes. */
+  :host(:state(dragging)) {
+    .before,
+    .after {
+      pointer-events: none;
+    }
+  }
+
+  .divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    width: var(--divider-width);
+    height: 100%;
+    background-color: var(--cs-color-surface-default);
+    translate: calc(var(--divider-width) / -2);
+    cursor: ew-resize;
+  }
+
+  .handle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: calc(50% - (var(--handle-size) / 2));
+    width: var(--handle-size);
+    height: var(--handle-size);
+    background-color: var(--cs-color-surface-default);
+    border-radius: var(--cs-border-radius-circle);
+    font-size: calc(var(--handle-size) * 0.4);
+    color: var(--cs-color-neutral-on-quiet);
+    cursor: inherit;
+    z-index: 10;
+  }
+
+  .handle:focus-visible {
+    outline: var(--cs-focus-ring);
+    outline-offset: var(--cs-focus-ring-offset);
+  }
+`;
+
+export {
+  comparison_styles_default
+};

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

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

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

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

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

@@ -0,0 +1,31 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.VQJXWKQY.js";
+import {
+  CsAnimation
+} from "./chunk.3VERAVBK.js";
+import {
+  __toESM
+} from "./chunk.4QJR2RKX.js";
+
+// src/react/animation/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-animation";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsAnimation,
+  react: React,
+  events: {
+    onCsCancel: "cs-cancel",
+    onCsFinish: "cs-finish",
+    onCsStart: "cs-start"
+  },
+  displayName: "CsAnimation"
+});
+var animation_default = reactWrapper;
+
+export {
+  animation_default
+};