@cruglobal/cornerstone-components 0.1.3 → 0.6.2

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

@@ -0,0 +1,97 @@
+/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.CRKHH5GL.js";
+
+// src/components/option/option.styles.ts
+var option_styles_default = i`
+  :host {
+    --current-text-color: var(--cs-color-brand-on-loud);
+
+    display: block;
+    color: var(--cs-color-text-normal);
+    -webkit-user-select: none;
+    user-select: none;
+
+    position: relative;
+    display: flex;
+    align-items: center;
+    font: inherit;
+    padding: 0.5em 1em 0.5em 0.25em;
+    border-radius: var(--cs-border-radius-s);
+    line-height: var(--cs-line-height-condensed);
+    transition: var(--cs-transition-fast) background-color var(--cs-transition-easing);
+    cursor: pointer;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  @media (hover: hover) {
+    :host(:not(:state(disabled), :state(current)):is(:state(hover), :hover)) {
+      background-color: var(--cs-color-neutral-fill-normal);
+      color: var(--cs-color-neutral-on-normal);
+    }
+  }
+
+  :host(:state(current)),
+  :host(:state(disabled):state(current)) {
+    background-color: var(--cs-form-control-activated-color);
+    color: var(--current-text-color);
+    opacity: 1;
+  }
+
+  :host(:state(disabled)) {
+    outline: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .label {
+    flex: 1 1 auto;
+    display: inline-block;
+  }
+
+  .check {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--cs-font-size-smaller);
+    visibility: hidden;
+    width: 2em;
+  }
+
+  :host(:state(selected)) .check {
+    visibility: visible;
+  }
+
+  .start,
+  .end {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  /* These are !important because a document-level universal margin reset would otherwise beat them:
+     a slotted element belongs to the outer tree. See callout.styles.ts for the full note. */
+  .start::slotted(*) {
+    margin-inline-end: 0.5em !important;
+  }
+
+  .end::slotted(*) {
+    margin-inline-start: 0.5em !important;
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+`;
+
+export {
+  option_styles_default
+};

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

@@ -0,0 +1,24 @@
+/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/internal/dismissible-stack.ts
+var dismissibleStack = [];
+function registerDismissible(key) {
+  dismissibleStack.push(key);
+}
+function unregisterDismissible(key) {
+  for (let i = dismissibleStack.length - 1; i >= 0; i--) {
+    if (dismissibleStack[i] === key) {
+      dismissibleStack.splice(i, 1);
+      break;
+    }
+  }
+}
+function isTopDismissible(key) {
+  return dismissibleStack.length > 0 && dismissibleStack[dismissibleStack.length - 1] === key;
+}
+
+export {
+  registerDismissible,
+  unregisterDismissible,
+  isTopDismissible
+};

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

@@ -0,0 +1,76 @@
+/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.CRKHH5GL.js";
+
+// src/components/progress-ring/progress-ring.styles.ts
+var progress_ring_styles_default = i`
+  :host {
+    --size: 8rem;
+    --track-width: 0.25em; /* avoid using rems here */
+    --track-color: var(--cs-color-neutral-fill-normal);
+    --indicator-width: var(--track-width);
+    --indicator-color: var(--cs-color-brand-fill-loud);
+    --indicator-transition-duration: 0.35s;
+
+    display: inline-flex;
+  }
+
+  .progress-ring {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+  }
+
+  .image {
+    width: var(--size);
+    height: var(--size);
+    rotate: -90deg;
+    transform-origin: 50% 50%;
+  }
+
+  .track,
+  .indicator {
+    --radius: calc(var(--size) / 2 - max(var(--track-width), var(--indicator-width)) * 0.5);
+    --circumference: calc(var(--radius) * 2 * 3.141592654);
+
+    fill: none;
+    r: var(--radius);
+    cx: calc(var(--size) / 2);
+    cy: calc(var(--size) / 2);
+  }
+
+  .track {
+    stroke: var(--track-color);
+    stroke-width: var(--track-width);
+  }
+
+  .indicator {
+    stroke: var(--indicator-color);
+    stroke-width: var(--indicator-width);
+    stroke-linecap: round;
+    transition-property: stroke-dashoffset;
+    transition-duration: var(--indicator-transition-duration);
+    stroke-dasharray: var(--circumference) var(--circumference);
+    stroke-dashoffset: calc(var(--circumference) - var(--percentage) * var(--circumference));
+  }
+
+  .label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+`;
+
+export {
+  progress_ring_styles_default
+};

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

@@ -0,0 +1,65 @@
+/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.CRKHH5GL.js";
+
+// src/components/checkbox-group/checkbox-group.styles.ts
+var checkbox_group_styles_default = i`
+  :host {
+    --gap: 0.5em;
+
+    display: block;
+  }
+
+  :host([orientation='horizontal']) {
+    --gap: 1em;
+  }
+
+  .form-control {
+    position: relative;
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .label {
+    padding: 0;
+  }
+
+  .checkbox-group-required .label::after {
+    content: var(--cs-form-control-required-content);
+    margin-inline-start: var(--cs-form-control-required-content-offset);
+  }
+
+  /* The group of checkboxes */
+  [part~='form-control-input'] {
+    display: flex;
+    flex-direction: column;
+    /* Keep items sized to their content so the clickable label doesn't span the full width */
+    align-items: start;
+    gap: var(--gap);
+    margin-block-start: 0.5em;
+  }
+
+  /* Horizontal */
+  :host([orientation='horizontal']) [part~='form-control-input'] {
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+  }
+
+  /* Hint */
+  [part~='hint'] {
+    margin-block-start: 0.5em;
+  }
+
+  /* Hide the required asterisk on individual controls; the group's label carries the indicator instead. */
+  ::slotted(cs-checkbox[required]),
+  ::slotted(cs-switch[required]) {
+    --cs-form-control-required-content: '';
+  }
+`;
+
+export {
+  checkbox_group_styles_default
+};

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

@@ -0,0 +1,47 @@
+/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/internal/live-announcer.ts
+var politeLog = null;
+var assertiveLog = null;
+var CLEAR_DELAY = 7e3;
+function createLog(politeness) {
+  const log = document.createElement("div");
+  log.setAttribute("role", "log");
+  log.setAttribute("aria-live", politeness);
+  log.setAttribute("aria-relevant", "additions");
+  Object.assign(log.style, {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    margin: "-1px",
+    padding: "0",
+    border: "0",
+    overflow: "hidden",
+    clip: "rect(0 0 0 0)",
+    clipPath: "inset(50%)",
+    whiteSpace: "nowrap"
+  });
+  return log;
+}
+function getLog(politeness) {
+  if (politeness === "assertive") {
+    assertiveLog ?? (assertiveLog = document.body.appendChild(createLog("assertive")));
+    return assertiveLog;
+  }
+  politeLog ?? (politeLog = document.body.appendChild(createLog("polite")));
+  return politeLog;
+}
+function announce(message, politeness = "polite") {
+  if (!message) {
+    return;
+  }
+  const log = getLog(politeness);
+  const node = document.createElement("div");
+  node.textContent = message;
+  log.appendChild(node);
+  setTimeout(() => node.remove(), CLEAR_DELAY);
+}
+
+export {
+  announce
+};

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

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

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

@@ -0,0 +1,180 @@
+/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  registerTranslation
+} from "./chunk.FFJLVZKJ.js";
+
+// src/translations/en.ts
+var translation = {
+  $code: "en",
+  $name: "English",
+  $dir: "ltr",
+  am: "AM",
+  autosizeColumn: "Autosize column",
+  captions: "Captions",
+  carousel: "Carousel",
+  chooseDate: "Choose date",
+  chooseDecade: "Choose decade",
+  chooseMonth: "Choose month",
+  chooseTime: "Choose time",
+  chooseYear: "Choose year",
+  clearEntry: "Clear entry",
+  clearFilter: "Clear filter",
+  clearSort: "Clear sort",
+  close: "Close",
+  closeCalendar: "Close calendar",
+  closeTimeInput: "Close time picker",
+  collapseRow: "Collapse row",
+  columnMenu: "Column options",
+  columnMovedToPosition: (label, position, total) => `${label} moved to position ${position} of ${total}`,
+  columns: "Columns",
+  compactPageXOfY: (page, total) => `${page} of ${total}`,
+  copied: "Copied",
+  copy: "Copy",
+  createOption: (value) => `Create "${value}"`,
+  currentlyPlaying: "currently playing",
+  currentValue: "Current value",
+  date: "Date",
+  datePickerKeyboardHelp: "Use arrow keys to change values; press Alt+Down Arrow to open the calendar.",
+  day: "Day",
+  dayPeriod: "AM/PM",
+  decrement: "Decrement",
+  deselectAllRows: "Deselect all rows",
+  dropFileHere: "Drop file here or click to browse",
+  dropFilesHere: "Drop files here or click to browse",
+  empty: "Empty",
+  endDate: "End date",
+  enterFullscreen: "Enter fullscreen",
+  error: "Error",
+  exitFullscreen: "Exit fullscreen",
+  expandRow: "Expand row",
+  filterByColumn: (label) => `Filter by ${label}`,
+  filterFrom: "From",
+  filterMax: "Max",
+  filterMin: "Min",
+  filterTo: "To",
+  firstPage: "First page",
+  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,
+  hideColumn: "Hide column",
+  hidePassword: "Hide password",
+  hour: "Hour",
+  incompleteDate: "Enter a valid date.",
+  increment: "Increment",
+  jumpBackwardX: (count) => `Jump back ${count} pages`,
+  jumpForwardX: (count) => `Jump forward ${count} pages`,
+  lastPage: "Last page",
+  loading: "Loading",
+  minute: "Minute",
+  month: "Month",
+  moreOptions: "More Options",
+  mute: "Mute",
+  nextDecade: "Next decade",
+  nextMonth: "Next month",
+  nextPage: "Next page",
+  nextSlide: "Next slide",
+  nextVideo: "Next Video",
+  nextYear: "Next year",
+  noData: "No data",
+  noResults: "No matching results",
+  now: "Now",
+  numCharacters: (num) => {
+    if (num === 1) {
+      return "1 character";
+    }
+    return `${num} characters`;
+  },
+  numCharactersRemaining: (num) => {
+    if (num === 1) {
+      return "1 character remaining";
+    }
+    return `${num} characters remaining`;
+  },
+  numOptionsSelected: (num) => {
+    if (num === 0) {
+      return "No options selected";
+    }
+    if (num === 1) {
+      return "1 option selected";
+    }
+    return `${num} options selected`;
+  },
+  numRowsCopied: (num) => num === 1 ? "1 row copied" : `${num} rows copied`,
+  numRowsSelected: (num) => num === 1 ? "1 row selected" : `${num} rows selected`,
+  pageXOfY: (page, total) => `Page ${page} of ${total}`,
+  pagination: "Pagination",
+  pause: "Pause",
+  pauseAnimation: "Pause animation",
+  pictureInPicture: "Picture in picture",
+  pinLeft: "Pin left",
+  pinRight: "Pin right",
+  play: "Play",
+  playAnimation: "Play animation",
+  playbackSpeed: "Playback speed",
+  playlist: "Playlist",
+  pm: "PM",
+  previousDecade: "Previous decade",
+  previousMonth: "Previous month",
+  previousPage: "Previous page",
+  previousSlide: "Previous slide",
+  previousVideo: "Previous video",
+  previousYear: "Previous year",
+  progress: "Progress",
+  rangeTooLong: (max) => {
+    if (max === 1) {
+      return "Select a range no longer than 1 day";
+    }
+    return `Select a range no longer than ${max} days`;
+  },
+  rangeTooShort: (min) => {
+    if (min === 1) {
+      return "Select a range at least 1 day long";
+    }
+    return `Select a range at least ${min} days long`;
+  },
+  readonly: "Read-only",
+  remove: "Remove",
+  resetColumns: "Reset columns",
+  resize: "Resize",
+  resizeColumn: "Resize column",
+  rowsPerPage: "Rows per page",
+  scrollableRegion: "Scrollable region",
+  scrollToEnd: "Scroll to end",
+  scrollToStart: "Scroll to start",
+  search: "Search",
+  second: "Second",
+  seek: "Seek",
+  seekProgress: (current, duration) => `${current} of ${duration}`,
+  selectAColorFromTheScreen: "Select a color from the screen",
+  selectAllRows: "Select all rows",
+  selected: "Selected",
+  selectedDateLabel: (date) => `Selected: ${date}`,
+  selectedRangeLabel: (range) => `Selected range: ${range}`,
+  selectGroup: "Select group",
+  selectionCleared: "Selection cleared",
+  selectRow: "Select row",
+  showingNofMRows: (shown, total) => `Showing ${shown} of ${total} rows`,
+  showingXtoYofZ: (start, end, total) => `${start}\u2013${end} of ${total}`,
+  showPassword: "Show password",
+  slideNum: (slide) => `Slide ${slide}`,
+  sortAscending: "Sort ascending",
+  sortColumn: "Sort column",
+  sortDescending: "Sort descending",
+  startDate: "Start date",
+  time: "Time",
+  timeInputKeyboardHelp: "Use arrow keys to change values; press Alt+Down Arrow to open the time picker.",
+  today: "Today",
+  toggleColorFormat: "Toggle color format",
+  unmute: "Unmute",
+  unpin: "Unpin",
+  unpinColumn: "Unpin column",
+  videoPlayer: "Video player",
+  volume: "Volume",
+  year: "Year",
+  zoomIn: "Zoom in",
+  zoomOut: "Zoom out"
+};
+registerTranslation(translation);
+var en_default = translation;
+
+export {
+  en_default
+};

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

@@ -0,0 +1,91 @@
+/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  button_group_styles_default
+} from "./chunk.DP64BJVX.js";
+import {
+  CornerstoneElement,
+  customElement,
+  e,
+  n,
+  r
+} from "./chunk.VO5P54JZ.js";
+import {
+  b
+} from "./chunk.B2T6AD2P.js";
+import {
+  __decorateClass
+} from "./chunk.QQCENPXN.js";
+
+// src/components/button-group/button-group.ts
+var CsButtonGroup = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.disableRole = false;
+    this.hasOutlined = false;
+    this.label = "";
+    this.orientation = "horizontal";
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("orientation")) {
+      this.setAttribute("aria-orientation", this.orientation);
+    }
+  }
+  handleFocus(event) {
+    const button = findButton(event.target);
+    button?.classList.add("button-focus");
+  }
+  handleBlur(event) {
+    const button = findButton(event.target);
+    button?.classList.remove("button-focus");
+  }
+  handleMouseOver(event) {
+    const button = findButton(event.target);
+    button?.classList.add("button-hover");
+  }
+  handleMouseOut(event) {
+    const button = findButton(event.target);
+    button?.classList.remove("button-hover");
+  }
+  render() {
+    return b`
+      <slot
+        class="button-group"
+        role="${this.disableRole ? "presentation" : "group"}"
+        aria-label=${this.label}
+        aria-orientation=${this.orientation}
+        @focusout=${this.handleBlur}
+        @focusin=${this.handleFocus}
+        @mouseover=${this.handleMouseOver}
+        @mouseout=${this.handleMouseOut}
+      ></slot>
+    `;
+  }
+};
+CsButtonGroup.css = [button_group_styles_default];
+__decorateClass([
+  e("slot")
+], CsButtonGroup.prototype, "defaultSlot", 2);
+__decorateClass([
+  r()
+], CsButtonGroup.prototype, "disableRole", 2);
+__decorateClass([
+  r()
+], CsButtonGroup.prototype, "hasOutlined", 2);
+__decorateClass([
+  n()
+], CsButtonGroup.prototype, "label", 2);
+__decorateClass([
+  n({ reflect: true })
+], CsButtonGroup.prototype, "orientation", 2);
+CsButtonGroup = __decorateClass([
+  customElement("cs-button-group")
+], CsButtonGroup);
+function findButton(el) {
+  const selector = "cs-button, cs-radio-button";
+  return el.closest(selector) ?? el.querySelector(selector);
+}
+
+export {
+  CsButtonGroup
+};

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

@@ -0,0 +1,85 @@
+/*! Cornerstone Components 0.6.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.CRKHH5GL.js";
+
+// src/components/split-panel/split-panel.styles.ts
+var split_panel_styles_default = i`
+  :host {
+    --divider-width: 0.25rem;
+    --divider-hit-area: 0.75rem;
+    --min: 0%;
+    --max: 100%;
+
+    display: grid;
+  }
+
+  .start,
+  .end {
+    overflow: hidden;
+  }
+
+  .divider {
+    flex: 0 0 var(--divider-width);
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--cs-color-neutral-border-normal);
+    color: var(--cs-color-neutral-on-normal);
+    z-index: 1;
+  }
+
+  .divider:focus {
+    outline: none;
+  }
+
+  :host(:not([disabled])) .divider:focus-visible {
+    outline: var(--cs-focus-ring);
+  }
+
+  :host([disabled]) .divider {
+    cursor: not-allowed;
+  }
+
+  /* Horizontal */
+  :host(:not([orientation='vertical'], [disabled])) .divider {
+    cursor: col-resize;
+  }
+
+  :host(:not([orientation='vertical'])) .divider::after {
+    display: flex;
+    content: '';
+    position: absolute;
+    height: 100%;
+    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    width: var(--divider-hit-area);
+  }
+
+  /* Vertical */
+  :host([orientation='vertical']) {
+    flex-direction: column;
+  }
+
+  :host([orientation='vertical']:not([disabled])) .divider {
+    cursor: row-resize;
+  }
+
+  :host([orientation='vertical']) .divider::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    height: var(--divider-hit-area);
+  }
+
+  @media (forced-colors: active) {
+    .divider {
+      outline: solid 1px transparent;
+    }
+  }
+`;
+
+export {
+  split_panel_styles_default
+};

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

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