@cruglobal/cornerstone-components 0.1.0 → 0.1.1

package/dist/bundled/utilities/defined.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   allDefined
-} from "../chunks/chunk.JE6NWSEX.js";
-import "../chunks/chunk.UEAH232U.js";
+} from "../chunks/chunk.DCUXNSVH.js";
+import "../chunks/chunk.A5EHX6OY.js";
 export {
   allDefined
 };

package/dist/bundled/utilities/form.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   serialize
-} from "../chunks/chunk.Z5ABTJBS.js";
-import "../chunks/chunk.UEAH232U.js";
+} from "../chunks/chunk.2YXQHNE6.js";
+import "../chunks/chunk.A5EHX6OY.js";
 export {
   serialize
 };

package/dist/bundled/utilities/localize.js

@@ -1,12 +1,12 @@
-/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   LocalizeController
-} from "../chunks/chunk.MGBGUTRM.js";
-import "../chunks/chunk.I3PW7M6I.js";
+} from "../chunks/chunk.MR5FUVOU.js";
+import "../chunks/chunk.3C2CBMD4.js";
 import {
   registerTranslation
-} from "../chunks/chunk.ZHAJOHUP.js";
-import "../chunks/chunk.UEAH232U.js";
+} from "../chunks/chunk.KSHOSZ7O.js";
+import "../chunks/chunk.A5EHX6OY.js";
 export {
   LocalizeController,
   registerTranslation

package/dist/bundled/utilities/ssr-hydration.js

@@ -1,7 +1,7 @@
-/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.ZMAQ2XNO.js";
-import "../chunks/chunk.MDTLTHHU.js";
-import "../chunks/chunk.5NSOPHRL.js";
-import "../chunks/chunk.BMURGKJY.js";
-import "../chunks/chunk.XOXMMJPV.js";
-import "../chunks/chunk.UEAH232U.js";
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.AOBHJ3QR.js";
+import "../chunks/chunk.XUFAW5RD.js";
+import "../chunks/chunk.6ORRK2GO.js";
+import "../chunks/chunk.K4J74GY3.js";
+import "../chunks/chunk.3LJH5JH3.js";
+import "../chunks/chunk.A5EHX6OY.js";

package/dist/bundled/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@cruglobal/cornerstone-components",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/unbundled/chunks/chunk.23E5G7OV.js

@@ -0,0 +1,279 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  split_panel_styles_default
+} from "./chunk.CTF74GNT.js";
+import {
+  drag
+} from "./chunk.5XKILQVJ.js";
+import {
+  CsRepositionEvent
+} from "./chunk.MI5KNIYI.js";
+import {
+  clamp
+} from "./chunk.WO5YOGFL.js";
+import {
+  watch
+} from "./chunk.P4DNU2MI.js";
+import {
+  CornerstoneElement,
+  customElement
+} from "./chunk.LIUE7EB7.js";
+import {
+  LocalizeController
+} from "./chunk.P4N57CDG.js";
+import {
+  __decorateClass
+} from "./chunk.2VAPLWBF.js";
+
+// src/components/split-panel/split-panel.ts
+import { html, isServer } from "lit";
+import { property, query } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+var CsSplitPanel = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.isCollapsed = false;
+    this.localize = new LocalizeController(this);
+    this.positionBeforeCollapsing = 0;
+    this.position = 50;
+    this.orientation = "horizontal";
+    this.disabled = false;
+    this.snapThreshold = 12;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!isServer) {
+      this.resizeObserver = new ResizeObserver((entries) => this.handleResize(entries));
+      this.updateComplete.then(() => this.resizeObserver.observe(this));
+      this.detectSize();
+      this.cachedPositionInPixels = this.percentageToPixels(this.position);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.resizeObserver?.unobserve(this);
+  }
+  detectSize() {
+    const { width, height } = this.getBoundingClientRect();
+    this.size = this.orientation === "vertical" ? height : width;
+  }
+  percentageToPixels(value) {
+    return this.size * (value / 100);
+  }
+  pixelsToPercentage(value) {
+    return value / this.size * 100;
+  }
+  handleDrag(event) {
+    const isRtl = this.didSSR && !this.hasUpdated ? this.dir === "rtl" : this.localize.dir() === "rtl";
+    if (this.disabled) {
+      return;
+    }
+    if (event.cancelable) {
+      event.preventDefault();
+    }
+    drag(this, {
+      onMove: (x, y) => {
+        let newPositionInPixels = this.orientation === "vertical" ? y : x;
+        if (this.primary === "end") {
+          newPositionInPixels = this.size - newPositionInPixels;
+        }
+        if (this.snap) {
+          const snaps = this.snap.split(" ");
+          snaps.forEach((value) => {
+            let snapPoint;
+            if (value.endsWith("%")) {
+              snapPoint = this.size * (parseFloat(value) / 100);
+            } else {
+              snapPoint = parseFloat(value);
+            }
+            if (isRtl && this.orientation === "horizontal") {
+              snapPoint = this.size - snapPoint;
+            }
+            if (newPositionInPixels >= snapPoint - this.snapThreshold && newPositionInPixels <= snapPoint + this.snapThreshold) {
+              newPositionInPixels = snapPoint;
+            }
+          });
+        }
+        this.position = clamp(this.pixelsToPercentage(newPositionInPixels), 0, 100);
+      },
+      initialEvent: event
+    });
+  }
+  handleKeyDown(event) {
+    if (this.disabled) {
+      return;
+    }
+    if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End", "Enter"].includes(event.key)) {
+      let newPosition = this.position;
+      const incr = (event.shiftKey ? 10 : 1) * (this.primary === "end" ? -1 : 1);
+      event.preventDefault();
+      if (event.key === "ArrowLeft" && this.orientation === "horizontal" || event.key === "ArrowUp" && this.orientation === "vertical") {
+        newPosition -= incr;
+      }
+      if (event.key === "ArrowRight" && this.orientation === "horizontal" || event.key === "ArrowDown" && this.orientation === "vertical") {
+        newPosition += incr;
+      }
+      if (event.key === "Home") {
+        newPosition = this.primary === "end" ? 100 : 0;
+      }
+      if (event.key === "End") {
+        newPosition = this.primary === "end" ? 0 : 100;
+      }
+      if (event.key === "Enter") {
+        if (this.isCollapsed) {
+          newPosition = this.positionBeforeCollapsing;
+          this.isCollapsed = false;
+        } else {
+          const positionBeforeCollapsing = this.position;
+          newPosition = 0;
+          requestAnimationFrame(() => {
+            this.isCollapsed = true;
+            this.positionBeforeCollapsing = positionBeforeCollapsing;
+          });
+        }
+      }
+      this.position = clamp(newPosition, 0, 100);
+    }
+  }
+  handleResize(entries) {
+    const { width, height } = entries[0].contentRect;
+    this.size = this.orientation === "vertical" ? height : width;
+    if (isNaN(this.cachedPositionInPixels) || this.position === Infinity) {
+      this.cachedPositionInPixels = Number(this.getAttribute("position-in-pixels"));
+      this.positionInPixels = Number(this.getAttribute("position-in-pixels"));
+      this.position = this.pixelsToPercentage(this.positionInPixels);
+    }
+    if (this.primary) {
+      const newPosition = this.pixelsToPercentage(this.cachedPositionInPixels);
+      if (this.position !== newPosition) {
+        this.position = newPosition;
+      }
+    }
+  }
+  handlePositionChange() {
+    this.cachedPositionInPixels = this.percentageToPixels(this.position);
+    const newPositionInPixels = this.percentageToPixels(this.position);
+    if (this.positionInPixels !== newPositionInPixels) {
+      this.positionInPixels = newPositionInPixels;
+    }
+    this.isCollapsed = false;
+    this.positionBeforeCollapsing = 0;
+    this.dispatchEvent(new CsRepositionEvent());
+  }
+  handlePositionInPixelsChange() {
+    const newPosition = this.pixelsToPercentage(this.positionInPixels);
+    if (this.position !== newPosition) {
+      this.position = newPosition;
+    }
+  }
+  handleVerticalChange() {
+    this.detectSize();
+  }
+  updateStyles() {
+    const gridTemplate = this.orientation === "vertical" ? "gridTemplateRows" : "gridTemplateColumns";
+    const gridTemplateAlt = this.orientation === "vertical" ? "gridTemplateColumns" : "gridTemplateRows";
+    const isRtl = this.hasUpdated ? this.localize.dir() === "rtl" : this.dir === "rtl";
+    const primary = `
+      clamp(
+        0%,
+        clamp(
+          var(--min),
+          ${this.position}% - var(--divider-width) / 2,
+          var(--max)
+        ),
+        calc(100% - var(--divider-width))
+      )
+    `;
+    const secondary = "auto";
+    if (this.primary === "end") {
+      if (isRtl && this.orientation === "horizontal") {
+        this.setStyle(gridTemplate, `${primary} var(--divider-width) ${secondary}`);
+      } else {
+        this.setStyle(gridTemplate, `${secondary} var(--divider-width) ${primary}`);
+      }
+    } else {
+      if (isRtl && this.orientation === "horizontal") {
+        this.setStyle(gridTemplate, `${secondary} var(--divider-width) ${primary}`);
+      } else {
+        this.setStyle(gridTemplate, `${primary} var(--divider-width) ${secondary}`);
+      }
+    }
+    this.setStyle(gridTemplateAlt, "unset");
+  }
+  willUpdate(changedProperties) {
+    if (!this.style) {
+      this.updateStyles();
+    }
+    super.willUpdate(changedProperties);
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+  }
+  render() {
+    if (this.style) {
+      this.updateStyles();
+    }
+    return html`
+      <slot name="start" part="panel start" class="start"></slot>
+
+      <div
+        part="divider"
+        class="divider"
+        tabindex=${ifDefined(this.disabled ? void 0 : "0")}
+        role="separator"
+        aria-valuenow=${this.position}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-label=${this.localize.term("resize")}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleDrag}
+        @touchstart=${this.handleDrag}
+      >
+        <slot name="divider"></slot>
+      </div>
+
+      <slot name="end" part="panel end" class="end"></slot>
+    `;
+  }
+};
+CsSplitPanel.css = split_panel_styles_default;
+__decorateClass([
+  query(".divider")
+], CsSplitPanel.prototype, "divider", 2);
+__decorateClass([
+  property({ type: Number, reflect: true })
+], CsSplitPanel.prototype, "position", 2);
+__decorateClass([
+  property({ attribute: "position-in-pixels", type: Number })
+], CsSplitPanel.prototype, "positionInPixels", 2);
+__decorateClass([
+  property({ reflect: true })
+], CsSplitPanel.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], CsSplitPanel.prototype, "disabled", 2);
+__decorateClass([
+  property()
+], CsSplitPanel.prototype, "primary", 2);
+__decorateClass([
+  property()
+], CsSplitPanel.prototype, "snap", 2);
+__decorateClass([
+  property({ type: Number, attribute: "snap-threshold" })
+], CsSplitPanel.prototype, "snapThreshold", 2);
+__decorateClass([
+  watch("position")
+], CsSplitPanel.prototype, "handlePositionChange", 1);
+__decorateClass([
+  watch("positionInPixels")
+], CsSplitPanel.prototype, "handlePositionInPixelsChange", 1);
+__decorateClass([
+  watch("vertical")
+], CsSplitPanel.prototype, "handleVerticalChange", 1);
+CsSplitPanel = __decorateClass([
+  customElement("cs-split-panel")
+], CsSplitPanel);
+
+export {
+  CsSplitPanel
+};

package/dist/unbundled/chunks/chunk.2GTIVVS5.js

@@ -0,0 +1,25 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsIcon
+} from "./chunk.FMPVKBH2.js";
+
+// src/react/icon/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cs-icon";
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CsIcon,
+  react: React,
+  events: {
+    onCsLoad: "cs-load",
+    onCsError: "cs-error"
+  },
+  displayName: "CsIcon"
+});
+var icon_default = reactWrapper;
+
+export {
+  icon_default
+};

package/dist/unbundled/chunks/chunk.2IKA7WKH.js

@@ -0,0 +1,25 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsInclude
+} from "./chunk.NG3B42PP.js";
+
+// src/react/include/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cs-include";
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CsInclude,
+  react: React,
+  events: {
+    onCsLoad: "cs-load",
+    onCsIncludeError: "cs-include-error"
+  },
+  displayName: "CsInclude"
+});
+var include_default = reactWrapper;
+
+export {
+  include_default
+};

package/dist/unbundled/chunks/chunk.2JQJWRWK.js

@@ -0,0 +1,24 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsPopup
+} from "./chunk.HBAKMT66.js";
+
+// src/react/popup/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cs-popup";
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CsPopup,
+  react: React,
+  events: {
+    onCsReposition: "cs-reposition"
+  },
+  displayName: "CsPopup"
+});
+var popup_default = reactWrapper;
+
+export {
+  popup_default
+};

package/dist/unbundled/chunks/chunk.2L5RTNOJ.js

@@ -0,0 +1,21 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsFormatBytes
+} from "./chunk.3Z2URAGG.js";
+
+// src/react/format-bytes/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "cs-format-bytes";
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CsFormatBytes,
+  react: React,
+  events: {},
+  displayName: "CsFormatBytes"
+});
+var format_bytes_default = reactWrapper;
+
+export {
+  format_bytes_default
+};

package/dist/unbundled/chunks/chunk.2NWHUJNJ.js

@@ -0,0 +1,29 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsSelect
+} from "./chunk.6SLKQBWF.js";
+
+// src/react/select/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cs-select";
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CsSelect,
+  react: React,
+  events: {
+    onCsClear: "cs-clear",
+    onCsShow: "cs-show",
+    onCsAfterShow: "cs-after-show",
+    onCsHide: "cs-hide",
+    onCsAfterHide: "cs-after-hide",
+    onCsInvalid: "cs-invalid"
+  },
+  displayName: "CsSelect"
+});
+var select_default = reactWrapper;
+
+export {
+  select_default
+};

package/dist/unbundled/chunks/chunk.2NZZPXTP.js

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsAccordion
+} from "./chunk.N6XV6STB.js";
+
+// src/react/accordion/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cs-accordion";
+var reactWrapper = createComponent({
+  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/unbundled/chunks/chunk.2OLQ7FQG.js

@@ -0,0 +1,89 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsResizeEvent
+} from "./chunk.AL3RUIEN.js";
+import {
+  resize_observer_styles_default
+} from "./chunk.GMFH4HAF.js";
+import {
+  watch
+} from "./chunk.P4DNU2MI.js";
+import {
+  CornerstoneElement,
+  customElement
+} from "./chunk.LIUE7EB7.js";
+import {
+  __decorateClass
+} from "./chunk.2VAPLWBF.js";
+
+// src/components/resize-observer/resize-observer.ts
+import { html, isServer } from "lit";
+import { property } from "lit/decorators.js";
+var CsResizeObserver = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.observedElements = [];
+    this.disabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!isServer) {
+      this.resizeObserver = new ResizeObserver((entries) => {
+        this.dispatchEvent(new CsResizeEvent({ entries }));
+      });
+      if (!this.disabled) {
+        this.updateComplete.then(() => {
+          this.startObserver();
+        });
+      }
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.stopObserver();
+  }
+  handleSlotChange() {
+    if (!this.disabled) {
+      this.startObserver();
+    }
+  }
+  startObserver() {
+    const slot = this.shadowRoot.querySelector("slot");
+    if (slot !== null) {
+      const elements = slot.assignedElements({ flatten: true });
+      this.observedElements.forEach((el) => this.resizeObserver.unobserve(el));
+      this.observedElements = [];
+      elements.forEach((el) => {
+        this.resizeObserver.observe(el);
+        this.observedElements.push(el);
+      });
+    }
+  }
+  stopObserver() {
+    this.resizeObserver.disconnect();
+  }
+  handleDisabledChange() {
+    if (this.disabled) {
+      this.stopObserver();
+    } else {
+      this.startObserver();
+    }
+  }
+  render() {
+    return html` <slot @slotchange=${this.handleSlotChange}></slot> `;
+  }
+};
+CsResizeObserver.css = resize_observer_styles_default;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], CsResizeObserver.prototype, "disabled", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], CsResizeObserver.prototype, "handleDisabledChange", 1);
+CsResizeObserver = __decorateClass([
+  customElement("cs-resize-observer")
+], CsResizeObserver);
+
+export {
+  CsResizeObserver
+};

package/dist/unbundled/chunks/chunk.2OXYUVOL.js

@@ -0,0 +1,20 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/internal/active-elements.ts
+function* activeElements(activeElement = document.activeElement) {
+  if (activeElement === null || activeElement === void 0) {
+    return;
+  }
+  yield activeElement;
+  if ("shadowRoot" in activeElement && activeElement.shadowRoot && activeElement.shadowRoot.mode !== "closed") {
+    yield* activeElements(activeElement.shadowRoot.activeElement);
+  }
+}
+function getDeepestActiveElement() {
+  return [...activeElements()].pop();
+}
+
+export {
+  activeElements,
+  getDeepestActiveElement
+};

package/dist/unbundled/chunks/chunk.2QE2AORG.js

@@ -0,0 +1,21 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsMarkdown
+} from "./chunk.GIY6ZXFZ.js";
+
+// src/react/markdown/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+var tagName = "cs-markdown";
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CsMarkdown,
+  react: React,
+  events: {},
+  displayName: "CsMarkdown"
+});
+var markdown_default = reactWrapper;
+
+export {
+  markdown_default
+};

package/dist/unbundled/chunks/chunk.2QY2LR23.js

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.1.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsTooltip
+} from "./chunk.6VKOLUVG.js";
+
+// src/react/tooltip/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cs-tooltip";
+var reactWrapper = createComponent({
+  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
+};