@orangelogic/design-system 2.42.0 → 2.43.0

package/library/chunks/{confirm-popover.Bh2Uqczy.js → confirm-popover.NWK93E8p.js}

@@ -1,5 +1,5 @@
 import { C as _ } from "./button.DrU92LJQ.js";
-import { C as u, D as h } from "./dialog.XjpQ3Rkk.js";
+import { C as u, D as h } from "./dialog.rme_OwWe.js";
 import g from "../components/dropdown.js";
 import { C as x } from "./typography.trna8y2b.js";
 import { i as b, n as e, C as y, x as d, c as w } from "./custom-element.fmLrnDZr.js";

package/library/chunks/{dialog.XjpQ3Rkk.js → dialog.rme_OwWe.js}

@@ -1,30 +1,30 @@
-import { i as k, n, C as S, x as u, c as D } from "./custom-element.fmLrnDZr.js";
-import { c as B } from "./component.styles.DtouHn2g.js";
-import { O, C as $, H as L, z as P, o as H } from "./overlayscrollbars.BhATcEys.js";
+import { i as z, n, C as S, x as u, E as D, c as B } from "./custom-element.fmLrnDZr.js";
+import { c as L } from "./component.styles.DtouHn2g.js";
+import { O, C as P, H as $, z as H, o as E } from "./overlayscrollbars.BhATcEys.js";
 import { s as p, g as h, b as c, a as y } from "./animation-registry.DavRkTTr.js";
-import { w as b } from "./event.mFzZi4sr.js";
-import { L as E } from "./i18n.D33BKrRs.js";
-import { M as R } from "./modal.BqNLxgs1.js";
-import { l as x, u as w } from "./scroll.DwPiX2Ox.js";
-import { H as W } from "./slot.DJLm4Dig.js";
-import { w as z } from "./watch.BCJD77bD.js";
-import { r as g } from "./state.Dt9F_SuS.js";
-import { e as m } from "./query.BBf1UFkC.js";
+import { w as x } from "./event.mFzZi4sr.js";
+import { L as R } from "./i18n.D33BKrRs.js";
+import { M as W } from "./modal.BqNLxgs1.js";
+import { l as w, u as _ } from "./scroll.DwPiX2Ox.js";
+import { H as q } from "./slot.DJLm4Dig.js";
+import { w as k } from "./watch.BCJD77bD.js";
+import { r as m } from "./state.Dt9F_SuS.js";
+import { e as b } from "./query.BBf1UFkC.js";
 import { e as v } from "./class-map.DqNfBvJI.js";
-import { o as _ } from "./if-defined.CKupVaWs.js";
-import { o as q } from "./style-map.lEJHEwk3.js";
-import { n as C } from "./when.Dr1es41R.js";
-import A from "../components/divider.js";
-import F from "../components/icon-button.js";
-import { C as I } from "./popup.CJrePm7n.js";
+import { o as C } from "./if-defined.CKupVaWs.js";
+import { o as A } from "./style-map.lEJHEwk3.js";
+import { n as g } from "./when.Dr1es41R.js";
+import F from "../components/divider.js";
+import I from "../components/icon-button.js";
+import { C as T } from "./popup.CJrePm7n.js";
 var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
-const M = k`
+const j = z`
   :host {
     --width: 31rem;
     --header-spacing: var(--cx-spacing-small) var(--cx-spacing-large);
     --body-spacing: var(--cx-spacing-medium) var(--cx-spacing-large);
-    --divider-spacing: 0 var(--cx-spacing-large);
-    --footer-spacing: var(--cx-spacing-large);
+    --divider-spacing: 0;
+    --footer-spacing: var(--cx-spacing-medium);
     --max-width: 100%;
     --max-height: 100%;
     --overlay-background-color: var(--cx-overlay-background-color);
@@ -167,19 +167,19 @@ const M = k`
     pointer-events: auto;
   }
 `;
-var T = Object.defineProperty, U = Object.getOwnPropertyDescriptor, a = (e, o, i, r) => {
+var M = Object.defineProperty, U = Object.getOwnPropertyDescriptor, a = (e, o, i, r) => {
   for (var s = r > 1 ? void 0 : r ? U(o, i) : o, d = e.length - 1, f; d >= 0; d--)
     (f = e[d]) && (s = (r ? f(o, i, s) : f(s)) || s);
-  return r && s && T(o, i, s), s;
+  return r && s && M(o, i, s), s;
 };
 O.plugin({
-  ClickScroll: P,
-  ScrollbarsHiding: L,
-  SizeObserver: $
+  ClickScroll: H,
+  ScrollbarsHiding: $,
+  SizeObserver: P
 });
 let t = class extends S {
   constructor() {
-    super(), this.hasSlotController = new W(this, "footer"), this.localize = new E(this), this.modal = new R(this), this.open = !1, this.label = "", this.noHeader = !1, this.boundary = document.body, this.dividerPosition = l.Header, this.useOverlayScrollbar = !1, this.disableOverlayClick = !1, this.stayOpenOutsideClick = !1, this.strategy = "fixed", this.osInstance = null, this.boundaryObserver = null, this.boundarySize = {
+    super(), this.hasSlotController = new q(this, "footer"), this.localize = new R(this), this.modal = new W(this), this.open = !1, this.label = "", this.noHeader = !1, this.boundary = document.body, this.dividerPosition = l.Header, this.useOverlayScrollbar = !1, this.disableOverlayClick = !1, this.stayOpenOutsideClick = !1, this.strategy = "fixed", this.osInstance = null, this.boundaryObserver = null, this.boundarySize = {
       height: 0,
       width: 0
     }, this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.preventBoundaryDialogClose = this.preventBoundaryDialogClose.bind(this), this.handleWindowResize = this.handleWindowResize.bind(this);
@@ -187,10 +187,10 @@ let t = class extends S {
   runFirstUpdated() {
     this.popup.hidden = !this.open, this.overlay = this.shadowRoot?.querySelector(
       ".dialog__overlay"
-    ), this.open && (this.addOpenListeners(), this.modal.activate(), (!this.boundary || this.boundary === document.body) && x(this)), this.updatePopupAnchor();
+    ), this.open && (this.addOpenListeners(), this.modal.activate(), (!this.boundary || this.boundary === document.body) && w(this)), this.updatePopupAnchor();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.modal.deactivate(), (!this.boundary || this.boundary === document.body) && w(this), this.removeOpenListeners(), window.removeEventListener("resize", this.handleWindowResize);
+    super.disconnectedCallback(), this.modal.deactivate(), (!this.boundary || this.boundary === document.body) && _(this), this.removeOpenListeners(), window.removeEventListener("resize", this.handleWindowResize);
   }
   shouldUpdate(e) {
     if (e.has("boundary")) {
@@ -286,7 +286,7 @@ let t = class extends S {
           autoHide: "scroll",
           autoHideDelay: 1e3
         }
-      })), (!this.boundary || this.boundary === document.body) && x(this);
+      })), (!this.boundary || this.boundary === document.body) && w(this);
       const e = this.querySelector("[autofocus]");
       e && e.removeAttribute("autofocus"), await Promise.all([
         y(this.popup),
@@ -342,7 +342,7 @@ let t = class extends S {
         ).then(() => {
           this.panel.hidden = !0;
         })
-      ]), this.overlay && (this.overlay.hidden = !1), this.panel.hidden = !1, (!this.boundary || this.boundary === document.body) && w(this);
+      ]), this.overlay && (this.overlay.hidden = !1), this.panel.hidden = !1, (!this.boundary || this.boundary === document.body) && _(this);
       const i = this.originalTrigger;
       typeof i?.focus == "function" && setTimeout(() => i.focus()), this.emit("cx-after-hide");
     }
@@ -350,12 +350,12 @@ let t = class extends S {
   /** Shows the dialog. */
   async show() {
     if (!this.open)
-      return this.open = !0, b(this, "cx-after-show");
+      return this.open = !0, x(this, "cx-after-show");
   }
   /** Hides the dialog */
   async hide() {
     if (this.open)
-      return this.open = !1, b(this, "cx-after-hide");
+      return this.open = !1, x(this, "cx-after-hide");
   }
   render() {
     return u`
@@ -382,7 +382,7 @@ let t = class extends S {
       dialog__overlay: !0
     })}
             tabindex="-1"
-            style=${q({
+            style=${A({
       height: `${this.boundarySize.height}px`,
       width: `${this.boundarySize.width}px`
     })}
@@ -393,45 +393,51 @@ let t = class extends S {
               role="dialog"
               aria-modal="true"
               aria-hidden=${this.open ? "false" : "true"}
-              aria-label=${_(this.noHeader ? this.label : void 0)}
-              aria-labelledby=${_(this.noHeader ? void 0 : "title")}
+              aria-label=${C(this.noHeader ? this.label : void 0)}
+              aria-labelledby=${C(this.noHeader ? void 0 : "title")}
               tabindex="-1"
             >
-              ${this.noHeader ? "" : u`
-                    <header part="header" class="dialog__header">
-                      <h2 part="title" class="dialog__title" id="title">
-                        <slot name="label">
-                          ${this.label.length > 0 ? this.label : "\uFEFF"}
-                        </slot>
-                      </h2>
-                      <div part="header-actions" class="dialog__header-actions">
-                        <slot name="header-actions"></slot>
-                        <cx-icon-button
-                          part="close-button"
-                          exportparts="base:close-button__base"
-                          class="dialog__close"
-                          name="close"
-                          label=${this.localize.term("close")}
-                          @click=${this.handleCloseButtonClick}
-                        ></cx-icon-button>
-                      </div>
-                    </header>
-                    ${C(
-      [
-        l.Header,
-        l.Both
-      ].includes(this.dividerPosition),
+              ${g(
+      this.noHeader,
+      () => D,
       () => u`
-                        <cx-divider class="dialog__header-divider"></cx-divider>
-                      `
+                  <header part="header" class="dialog__header">
+                    <h2 part="title" class="dialog__title" id="title">
+                      <slot name="label">
+                        ${this.label.length > 0 ? this.label : "\uFEFF"}
+                      </slot>
+                    </h2>
+                    <div part="header-actions" class="dialog__header-actions">
+                      <slot name="header-actions"></slot>
+                      <cx-icon-button
+                        part="close-button"
+                        exportparts="base:close-button__base"
+                        class="dialog__close"
+                        name="close"
+                        label=${this.localize.term("close")}
+                        @click=${this.handleCloseButtonClick}
+                      ></cx-icon-button>
+                    </div>
+                  </header>
+                  ${g(
+        [
+          l.Header,
+          l.Both
+        ].includes(this.dividerPosition),
+        () => u`
+                      <cx-divider class="dialog__header-divider"></cx-divider>
+                    `
+      )}
+                `
     )}
-                  `}
-              ${// eslint-disable-next-line lit/no-useless-template-literals
-    ""}
+              <!-- The tabindex="-1" is here because the body is technically scrollable if overflowing.
+                However, if there's no focusable elements inside, you won't actually be able to scroll it via keyboard.
+                Previously this was just a <slot>, but tabindex="-1" on the slot causes children to not be focusable.
+                https://github.com/shoelace-style/shoelace/issues/1753#issuecomment-1836803277 -->
               <div part="body" class="dialog__body" tabindex="-1">
                 <slot></slot>
               </div>
-              ${C(
+              ${g(
       [
         l.Footer,
         l.Both
@@ -451,23 +457,23 @@ let t = class extends S {
   }
 };
 t.styles = [
-  B,
-  H,
-  M
+  L,
+  E,
+  j
 ];
 t.dependencies = {
-  "cx-divider": A,
-  "cx-icon-button": F,
-  "cx-popup": I
+  "cx-divider": F,
+  "cx-icon-button": I,
+  "cx-popup": T
 };
 a([
-  m(".popup")
+  b(".popup")
 ], t.prototype, "popup", 2);
 a([
-  m(".dialog__panel")
+  b(".dialog__panel")
 ], t.prototype, "panel", 2);
 a([
-  m(".dialog__body")
+  b(".dialog__body")
 ], t.prototype, "body", 2);
 a([
   n({ reflect: !0, type: Boolean })
@@ -509,22 +515,22 @@ a([
   n({ reflect: !0 })
 ], t.prototype, "strategy", 2);
 a([
-  g()
+  m()
 ], t.prototype, "overlay", 2);
 a([
-  g()
+  m()
 ], t.prototype, "boundaryObserver", 2);
 a([
-  g()
+  m()
 ], t.prototype, "boundarySize", 2);
 a([
-  z(["boundary"], { waitUntilFirstUpdate: !0 })
+  k(["boundary"], { waitUntilFirstUpdate: !0 })
 ], t.prototype, "updatePopupAnchor", 1);
 a([
-  z("open", { waitUntilFirstUpdate: !0 })
+  k("open", { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleOpenChange", 1);
 t = a([
-  D("cx-dialog")
+  B("cx-dialog")
 ], t);
 p("dialog.show", {
   keyframes: [

package/library/chunks/{file-on-demand.DRcdg2GU.js → file-on-demand.ZcYwCR_s.js}

@@ -14,7 +14,7 @@ import { n as g } from "./when.Dr1es41R.js";
 import { a as zt, i as _t, c as Et, b as tt } from "./_baseUniq.BUihBa8c.js";
 import Lt from "../components/avatar.js";
 import { C as Rt } from "./button.DrU92LJQ.js";
-import { C as Pt } from "./dialog.XjpQ3Rkk.js";
+import { C as Pt } from "./dialog.rme_OwWe.js";
 import Ft from "../components/divider.js";
 import Ut from "../components/format-bytes.js";
 import kt from "../components/icon-button.js";
@@ -25,11 +25,11 @@ import Mt from "../components/relative-time.js";
 import { C as Bt } from "./select.Bo8mWJ1g.js";
 import Vt from "../components/space.js";
 import Ht from "../components/tab.js";
-import { C as Wt } from "./tab-group.BQ3bElvJ.js";
+import { C as Wt } from "./tab-group.g2uXM2W8.js";
 import Gt from "../components/tab-panel.js";
 import qt from "../components/tooltip.js";
 import { C as Yt } from "./typography.trna8y2b.js";
-import { C as Kt } from "./confirm-popover.Bh2Uqczy.js";
+import { C as Kt } from "./confirm-popover.NWK93E8p.js";
 import { d as Zt } from "./popup.CJrePm7n.js";
 import { a as H } from "./number.eX2EGPvy.js";
 import { o as Xt } from "./style-map.lEJHEwk3.js";
@@ -692,7 +692,7 @@ const at = (t, e = "https://", i = !1) => i && t.match(we) || t.match(/^[a-zA-Z]
   } catch {
     return !1;
   }
-}, we = "^(?![a-zA-Z][a-zA-Z\\d+\\-.]*:\\/\\/)(?!([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}($|\\/))[^\\s]+$", Se = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$", As = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.){2,}[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$";
+}, we = "^(?![a-zA-Z][a-zA-Z\\d+\\-.]*:\\/\\/)(?!([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}($|\\/))[^\\s]+$", Se = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$", As = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.){2,}[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$";
 function Ie(t, e, i) {
   switch (i.length) {
     case 0:

package/library/chunks/{list-editor.BX8sARxV.js → list-editor.B_BRQoUp.js}

@@ -1,5 +1,5 @@
 import { C as _ } from "./button.DrU92LJQ.js";
-import { C as z } from "./dialog.XjpQ3Rkk.js";
+import { C as z } from "./dialog.rme_OwWe.js";
 import M from "../components/grid.js";
 import q from "../components/grid-item.js";
 import $ from "../components/input.js";