@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/atoms.js

@@ -1,174 +1,176 @@
 import { default as s } from "./alert.js";
 import { default as C } from "./animated-image.js";
-import { a as o, e as r } from "../chunks/animation.B7d72NVK.js";
-import { C as d } from "../chunks/animation.B7d72NVK.js";
-import { default as n } from "./avatar.js";
-import { default as g } from "./badge.js";
-import { default as b } from "./breadcrumb.js";
-import { default as T } from "./breadcrumb-item.js";
-import { C as B } from "../chunks/button.CtCSNRB3.js";
-import { default as R } from "./button-group.js";
-import { default as P } from "./card.js";
-import { default as G } from "./checkbox.js";
-import { default as v } from "./color-picker.js";
-import { default as k } from "./copy-button.js";
-import { default as F } from "./details.js";
-import { C as H } from "../chunks/dialog.B1TORO6S.js";
-import { default as j } from "./divider.js";
-import { C as L } from "../chunks/dot-pagination.8f2oX_ge.js";
-import { default as z } from "./dot-status.js";
-import { default as q } from "./drawer.js";
-import { default as K } from "./dropdown.js";
-import { default as W } from "./element-clamp.js";
-import { default as Y } from "./format-bytes.js";
-import { default as _ } from "./format-date.js";
-import { default as ee } from "./format-number.js";
-import { C as re } from "../chunks/format-time.BW6-ZWCX.js";
-import { default as te } from "./grid.js";
-import { default as fe } from "./grid-item.js";
-import { C as se } from "../chunks/header.B_FD8uLt.js";
-import { C as Ce } from "../chunks/hub-connection.CxfaT11o.js";
-import { default as de } from "./icon.js";
-import { default as ne } from "./icon-button.js";
-import { C as ge } from "../chunks/iframe.DZm7FiCl.js";
-import { C as be } from "../chunks/image.Ycf8RudS.js";
-import { default as Te } from "./image-comparer.js";
-import { default as Be } from "./include.js";
-import { default as Re } from "./input.js";
-import { default as Pe } from "./input-group.js";
-import { default as Ge } from "./line-clamp.js";
-import { default as ve } from "./markdown.js";
-import { default as ke } from "./menu.js";
-import { default as Fe } from "./menu-item.js";
-import { default as He } from "./menu-label.js";
-import { default as je } from "./menu-section.js";
-import { default as Le } from "./mutation-observer.js";
-import { C as ze } from "../chunks/option.D9KJhzHs.js";
-import { C as qe } from "../chunks/pagination.C2FN4fmO.js";
-import { C as Ke } from "../chunks/popup._w5T7x8f.js";
-import { default as We } from "./progress-bar.js";
-import { default as Ye } from "./progress-ring.js";
-import { default as _e } from "./qr-code.js";
-import { default as eo } from "./radio.js";
-import { default as ro } from "./radio-button.js";
-import { default as to } from "./radio-card.js";
-import { default as fo } from "./radio-group.js";
-import { default as so } from "./range.js";
-import { default as Co } from "./rating.js";
-import { default as lo } from "./relative-time.js";
-import { default as io } from "./resize-observer.js";
-import { C as co } from "../chunks/select.DfO4de04.js";
-import { default as Io } from "./skeleton.js";
-import { default as So } from "./space.js";
-import { default as Do } from "./spinner.js";
-import { default as Ao } from "./split-panel.js";
-import { default as yo } from "./step.js";
-import { default as Mo } from "./stepper.js";
-import { default as Oo } from "./switch.js";
-import { default as wo } from "./tab.js";
-import { C as ho } from "../chunks/tab-group.5fLnWflv.js";
-import { C as No } from "../chunks/table.BAr8KKc6.js";
-import { default as Eo } from "./tab-panel.js";
-import { default as Vo } from "./tag.js";
-import { default as Qo } from "./textarea.js";
-import { C as Jo } from "../chunks/timecode.D7XTiQ_3.js";
-import { default as Uo } from "./tooltip.js";
-import { a as Xo, C as Yo } from "../chunks/tree.CUfvIDyA.js";
-import { C as _o } from "../chunks/typography.BFpl0WMA.js";
-import { default as er } from "./video.js";
-import { default as rr } from "./visually-hidden.js";
-import { c as tr } from "../chunks/component.styles.CI-v8BZa.js";
-import { g as fr, d as mr, s as sr } from "../chunks/animation-registry.DavRkTTr.js";
+import { a, e as o } from "../chunks/animation.DfUHRQry.js";
+import { C as l } from "../chunks/animation.DfUHRQry.js";
+import { default as n } from "./array-line-clamp.js";
+import { default as g } from "./avatar.js";
+import { default as b } from "./badge.js";
+import { default as T } from "./breadcrumb.js";
+import { default as B } from "./breadcrumb-item.js";
+import { C as D } from "../chunks/button.P71VJ5xh.js";
+import { default as P } from "./button-group.js";
+import { default as G } from "./card.js";
+import { default as v } from "./checkbox.js";
+import { default as k } from "./color-picker.js";
+import { default as F } from "./copy-button.js";
+import { default as H } from "./details.js";
+import { C as N } from "../chunks/dialog.C_75RVVz.js";
+import { default as E } from "./divider.js";
+import { C as z } from "../chunks/dot-pagination.CoCIJsHC.js";
+import { default as q } from "./dot-status.js";
+import { default as K } from "./drawer.js";
+import { default as W } from "./dropdown.js";
+import { default as Y } from "./element-clamp.js";
+import { default as _ } from "./format-bytes.js";
+import { default as ee } from "./format-date.js";
+import { default as oe } from "./format-number.js";
+import { default as te } from "./format-time.js";
+import { default as fe } from "./grid.js";
+import { default as se } from "./grid-item.js";
+import { C as Ce } from "../chunks/header.Bd3G0-oA.js";
+import { C as le } from "../chunks/hub-connection.BxT2b7Nq.js";
+import { default as ne } from "./icon.js";
+import { default as ge } from "./icon-button.js";
+import { C as be } from "../chunks/iframe.UCj6Ze2A.js";
+import { C as Te } from "../chunks/image.DZCRhE3G.js";
+import { default as Be } from "./image-comparer.js";
+import { default as De } from "./include.js";
+import { default as Pe } from "./input.js";
+import { default as Ge } from "./input-group.js";
+import { default as ve } from "./line-clamp.js";
+import { default as ke } from "./markdown.js";
+import { default as Fe } from "./menu.js";
+import { default as He } from "./menu-item.js";
+import { default as Ne } from "./menu-label.js";
+import { default as Ee } from "./menu-section.js";
+import { default as ze } from "./mutation-observer.js";
+import { C as qe } from "../chunks/option.D1u5-cTt.js";
+import { C as Ke } from "../chunks/pagination.BI3LONVU.js";
+import { default as We } from "./popup.js";
+import { default as Ye } from "./progress-bar.js";
+import { default as _e } from "./progress-ring.js";
+import { default as ea } from "./qr-code.js";
+import { default as oa } from "./radio.js";
+import { default as ta } from "./radio-button.js";
+import { default as fa } from "./radio-card.js";
+import { default as sa } from "./radio-group.js";
+import { default as Ca } from "./range.js";
+import { default as la } from "./rating.js";
+import { default as na } from "./relative-time.js";
+import { default as ga } from "./resize-observer.js";
+import { default as ba } from "./select.js";
+import { default as Ta } from "./skeleton.js";
+import { default as Ba } from "./space.js";
+import { default as Da } from "./spinner.js";
+import { default as Pa } from "./split-panel.js";
+import { default as Ga } from "./step.js";
+import { default as va } from "./stepper.js";
+import { default as ka } from "./switch.js";
+import { default as Fa } from "./tab.js";
+import { C as Ha } from "../chunks/tab-group.DxSlcWK0.js";
+import { C as Na } from "../chunks/table.CY-iMTWV.js";
+import { default as Ea } from "./tab-panel.js";
+import { default as za } from "./tag.js";
+import { default as qa } from "./textarea.js";
+import { default as Ka } from "./timecode.js";
+import { default as Wa } from "./tooltip.js";
+import { a as Ya, C as Za } from "../chunks/tree.CNbrP8cY.js";
+import { C as $a } from "../chunks/typography.oDzoLbZS.js";
+import { default as ao } from "./video.js";
+import { default as ro } from "./visually-hidden.js";
+import { c as xo } from "../chunks/component.styles.DMSLciL5.js";
+import { g as mo, a as so, s as po } from "../chunks/animation-registry.HmpwNuGH.js";
 function t() {
-  return Object.entries(o).filter(([e]) => e !== "easings").map(([e]) => e);
+  return Object.entries(a).filter(([e]) => e !== "easings").map(([e]) => e);
 }
 function x() {
-  return Object.entries(r).map(([e]) => e);
+  return Object.entries(o).map(([e]) => e);
 }
 export {
   s as CxAlert,
   C as CxAnimatedImage,
-  d as CxAnimation,
-  n as CxAvatar,
-  g as CxBadge,
-  b as CxBreadcrumb,
-  T as CxBreadcrumbItem,
-  B as CxButton,
-  R as CxButtonGroup,
-  P as CxCard,
-  G as CxCheckbox,
-  v as CxColorPicker,
-  k as CxCopyButton,
-  F as CxDetails,
-  H as CxDialog,
-  j as CxDivider,
-  L as CxDotPagination,
-  z as CxDotStatus,
-  q as CxDrawer,
-  K as CxDropdown,
-  W as CxElementClamp,
-  Y as CxFormatBytes,
-  _ as CxFormatDate,
-  ee as CxFormatNumber,
-  re as CxFormatTime,
-  te as CxGrid,
-  fe as CxGridItem,
-  se as CxHeader,
-  Ce as CxHubConnection,
-  de as CxIcon,
-  ne as CxIconButton,
-  ge as CxIframe,
-  be as CxImage,
-  Te as CxImageComparer,
-  Be as CxInclude,
-  Re as CxInput,
-  Pe as CxInputGroup,
-  Ge as CxLineClamp,
-  ve as CxMarkdown,
-  ke as CxMenu,
-  Fe as CxMenuItem,
-  He as CxMenuLabel,
-  je as CxMenuSection,
-  Le as CxMutationObserver,
-  ze as CxOption,
-  qe as CxPagination,
-  Ke as CxPopup,
-  We as CxProgressBar,
-  Ye as CxProgressRing,
-  _e as CxQrCode,
-  eo as CxRadio,
-  ro as CxRadioButton,
-  to as CxRadioCard,
-  fo as CxRadioGroup,
-  so as CxRange,
-  Co as CxRating,
-  lo as CxRelativeTime,
-  io as CxResizeObserver,
-  co as CxSelect,
-  Io as CxSkeleton,
-  So as CxSpace,
-  Do as CxSpinner,
-  Ao as CxSplitPanel,
-  yo as CxStep,
-  Mo as CxStepper,
-  Oo as CxSwitch,
-  wo as CxTab,
-  ho as CxTabGroup,
-  Eo as CxTabPanel,
-  No as CxTable,
-  Vo as CxTag,
-  Qo as CxTextarea,
-  Jo as CxTimecode,
-  Uo as CxTooltip,
-  Xo as CxTree,
-  Yo as CxTreeItem,
-  _o as CxTypography,
-  er as CxVideo,
-  rr as CxVisuallyHidden,
-  tr as componentStyles,
-  fr as getAnimation,
+  l as CxAnimation,
+  n as CxArrayLineClamp,
+  g as CxAvatar,
+  b as CxBadge,
+  T as CxBreadcrumb,
+  B as CxBreadcrumbItem,
+  D as CxButton,
+  P as CxButtonGroup,
+  G as CxCard,
+  v as CxCheckbox,
+  k as CxColorPicker,
+  F as CxCopyButton,
+  H as CxDetails,
+  N as CxDialog,
+  E as CxDivider,
+  z as CxDotPagination,
+  q as CxDotStatus,
+  K as CxDrawer,
+  W as CxDropdown,
+  Y as CxElementClamp,
+  _ as CxFormatBytes,
+  ee as CxFormatDate,
+  oe as CxFormatNumber,
+  te as CxFormatTime,
+  fe as CxGrid,
+  se as CxGridItem,
+  Ce as CxHeader,
+  le as CxHubConnection,
+  ne as CxIcon,
+  ge as CxIconButton,
+  be as CxIframe,
+  Te as CxImage,
+  Be as CxImageComparer,
+  De as CxInclude,
+  Pe as CxInput,
+  Ge as CxInputGroup,
+  ve as CxLineClamp,
+  ke as CxMarkdown,
+  Fe as CxMenu,
+  He as CxMenuItem,
+  Ne as CxMenuLabel,
+  Ee as CxMenuSection,
+  ze as CxMutationObserver,
+  qe as CxOption,
+  Ke as CxPagination,
+  We as CxPopup,
+  Ye as CxProgressBar,
+  _e as CxProgressRing,
+  ea as CxQrCode,
+  oa as CxRadio,
+  ta as CxRadioButton,
+  fa as CxRadioCard,
+  sa as CxRadioGroup,
+  Ca as CxRange,
+  la as CxRating,
+  na as CxRelativeTime,
+  ga as CxResizeObserver,
+  ba as CxSelect,
+  Ta as CxSkeleton,
+  Ba as CxSpace,
+  Da as CxSpinner,
+  Pa as CxSplitPanel,
+  Ga as CxStep,
+  va as CxStepper,
+  ka as CxSwitch,
+  Fa as CxTab,
+  Ha as CxTabGroup,
+  Ea as CxTabPanel,
+  Na as CxTable,
+  za as CxTag,
+  qa as CxTextarea,
+  Ka as CxTimecode,
+  Wa as CxTooltip,
+  Ya as CxTree,
+  Za as CxTreeItem,
+  $a as CxTypography,
+  ao as CxVideo,
+  ro as CxVisuallyHidden,
+  xo as componentStyles,
+  mo as getAnimation,
   t as getAnimationNames,
   x as getEasingNames,
-  mr as setAnimation,
-  sr as setDefaultAnimation
+  so as setAnimation,
+  po as setDefaultAnimation
 };

package/library/components/avatar.js

@@ -1,10 +1,12 @@
-import { i as d, n as i, C as p, x as l, c as v } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as m } from "../chunks/component.styles.CI-v8BZa.js";
-import { w as g } from "../chunks/watch.BCJD77bD.js";
-import { r as u } from "../chunks/state.Cw55xXlb.js";
-import { e as f } from "../chunks/class-map.CoZTSvbM.js";
+import { n as i, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as d } from "../chunks/component.styles.DMSLciL5.js";
+import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as v } from "../chunks/watch.q1sEjPWL.js";
+import { i as g, x as l } from "../chunks/lit-element.jLBm65_O.js";
+import { r as u } from "../chunks/state.CSDxrqLd.js";
+import { e as f } from "../chunks/class-map.BiVq-cVR.js";
 import _ from "./icon.js";
-const x = d`
+const x = g`
   :host {
     display: inline-block;
 
@@ -68,10 +70,10 @@ const x = d`
     overflow: hidden;
   }
 `;
-var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (s, e, n, o) => {
-  for (var t = o > 1 ? void 0 : o ? y(e, n) : e, c = s.length - 1, h; c >= 0; c--)
-    (h = s[c]) && (t = (o ? h(e, n, t) : h(t)) || t);
-  return o && t && b(e, n, t), t;
+var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, e = (o, r, n, s) => {
+  for (var t = s > 1 ? void 0 : s ? y(r, n) : r, c = o.length - 1, h; c >= 0; c--)
+    (h = o[c]) && (t = (s ? h(r, n, t) : h(t)) || t);
+  return s && t && b(r, n, t), t;
 };
 let a = class extends p {
   constructor() {
@@ -84,7 +86,7 @@ let a = class extends p {
     this.hasError = !0, this.emit("cx-error");
   }
   render() {
-    const s = l`
+    const o = l`
       <img
         part="image"
         class="avatar__image"
@@ -94,10 +96,10 @@ let a = class extends p {
         @error=${this.handleImageLoadError}
       />
     `;
-    let e = null;
-    return this.initials ? e = l`<div part="initials" class="avatar__initials">
+    let r = null;
+    return this.initials ? r = l`<div part="initials" class="avatar__initials">
         ${this.initials}
-      </div>` : e = l`
+      </div>` : r = l`
         <div part="icon" class="avatar__icon" aria-hidden="true">
           <slot name="icon">
             <cx-icon name="person"></cx-icon>
@@ -115,38 +117,38 @@ let a = class extends p {
         role="img"
         aria-label=${this.label}
       >
-        ${this.image && !this.hasError ? s : e}
+        ${this.image && !this.hasError ? o : r}
       </div>
     `;
   }
 };
-a.styles = [m, x];
+a.styles = [d, x];
 a.dependencies = {
   "cx-icon": _
 };
-r([
+e([
   u()
 ], a.prototype, "hasError", 2);
-r([
+e([
   i()
 ], a.prototype, "image", 2);
-r([
+e([
   i()
 ], a.prototype, "label", 2);
-r([
+e([
   i()
 ], a.prototype, "initials", 2);
-r([
+e([
   i()
 ], a.prototype, "loading", 2);
-r([
+e([
   i({ reflect: !0 })
 ], a.prototype, "shape", 2);
-r([
-  g("image")
+e([
+  v("image")
 ], a.prototype, "handleImageChange", 1);
-a = r([
-  v("cx-avatar")
+a = e([
+  m("cx-avatar")
 ], a);
 export {
   a as default

package/library/components/badge.js

@@ -1,7 +1,9 @@
-import { i as d, n as s, C as g, x as p, c as u } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as m } from "../chunks/component.styles.CI-v8BZa.js";
-import { e as x } from "../chunks/class-map.CoZTSvbM.js";
-const v = d`
+import { n as s, C as d } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as g } from "../chunks/component.styles.DMSLciL5.js";
+import { c as p } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as u, x as m } from "../chunks/lit-element.jLBm65_O.js";
+import { e as x } from "../chunks/class-map.BiVq-cVR.js";
+const v = u`
   :host {
     display: inline-flex;
   }
@@ -127,12 +129,12 @@ var b = Object.defineProperty, h = Object.getOwnPropertyDescriptor, a = (n, l, i
     (t = n[c]) && (r = (o ? t(l, i, r) : t(r)) || r);
   return o && r && b(l, i, r), r;
 };
-let e = class extends g {
+let e = class extends d {
   constructor() {
     super(...arguments), this.variant = "primary", this.pill = !1, this.pulse = !1, this.size = "medium";
   }
   render() {
-    return p`
+    return m`
       <span
         part="base"
         class=${x({
@@ -156,7 +158,7 @@ let e = class extends g {
     `;
   }
 };
-e.styles = [m, v];
+e.styles = [g, v];
 a([
   s({ reflect: !0 })
 ], e.prototype, "variant", 2);
@@ -170,7 +172,7 @@ a([
   s({ reflect: !0 })
 ], e.prototype, "size", 2);
 e = a([
-  u("cx-badge")
+  p("cx-badge")
 ], e);
 export {
   e as default

package/library/components/bicolor-picker.js

@@ -1,15 +1,17 @@
 import h from "./color-picker.js";
-import u from "./space.js";
-import { i as m, n as p, C as v, x as f, c as x } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as C } from "../chunks/component.styles.CI-v8BZa.js";
-import { o as n } from "../chunks/style-map.CZovMmo_.js";
-const g = m``;
+import m from "./space.js";
+import { n as p, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as f } from "../chunks/component.styles.DMSLciL5.js";
+import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as x, x as C } from "../chunks/lit-element.jLBm65_O.js";
+import { o as n } from "../chunks/style-map.llVFPd__.js";
+const g = x``;
 var F = Object.defineProperty, d = Object.getOwnPropertyDescriptor, s = (r, e, l, c) => {
-  for (var t = c > 1 ? void 0 : c ? d(e, l) : e, a = r.length - 1, i; a >= 0; a--)
-    (i = r[a]) && (t = (c ? i(e, l, t) : i(t)) || t);
-  return c && t && F(e, l, t), t;
+  for (var o = c > 1 ? void 0 : c ? d(e, l) : e, a = r.length - 1, i; a >= 0; a--)
+    (i = r[a]) && (o = (c ? i(e, l, o) : i(o)) || o);
+  return c && o && F(e, l, o), o;
 };
-let o = class extends v {
+let t = class extends u {
   constructor() {
     super(...arguments), this.value = ["", ""], this.form = void 0;
   }
@@ -30,7 +32,7 @@ let o = class extends v {
     });
   }
   render() {
-    return f`<cx-space spacing="x-small" wrap="nowrap">
+    return C`<cx-space spacing="x-small" wrap="nowrap">
       <cx-color-picker
         variant="button"
         value=${this.value[0]}
@@ -58,10 +60,10 @@ let o = class extends v {
     </cx-space>`;
   }
 };
-o.styles = [C, g];
-o.dependencies = {
+t.styles = [f, g];
+t.dependencies = {
   "cx-color-picker": h,
-  "cx-space": u
+  "cx-space": m
 };
 s([
   p({
@@ -77,13 +79,13 @@ s([
     },
     type: String
   })
-], o.prototype, "value", 2);
+], t.prototype, "value", 2);
 s([
   p({ reflect: !1 })
-], o.prototype, "form", 2);
-o = s([
-  x("cx-bicolor-picker")
-], o);
+], t.prototype, "form", 2);
+t = s([
+  v("cx-bicolor-picker")
+], t);
 export {
-  o as default
+  t as default
 };

package/library/components/border-input-group.js

@@ -1,10 +1,12 @@
 import n from "./input.js";
 import p from "./space.js";
-import { i as u, n as h, C as m, x as d, c as x } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as b } from "../chunks/i18n.BP2FRO1v.js";
+import { n as u, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as h } from "../chunks/component.styles.DMSLciL5.js";
+import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as x } from "../chunks/i18n.DrzK7TPf.js";
+import { i as v, x as b } from "../chunks/lit-element.jLBm65_O.js";
 import f from "./bicolor-picker.js";
-const g = u`
+const g = v`
   .border-width {
     width: 72px;
   }
@@ -16,7 +18,7 @@ var C = Object.defineProperty, w = Object.getOwnPropertyDescriptor, c = (r, e, t
 };
 let i = class extends m {
   constructor() {
-    super(...arguments), this.localize = new b(this), this.value = ["", "", "0px"];
+    super(...arguments), this.localize = new x(this), this.value = ["", "", "0px"];
   }
   handleBiColorPickerChange(r) {
     const e = [...this.value];
@@ -37,7 +39,7 @@ let i = class extends m {
     });
   }
   render() {
-    return d`<cx-space spacing="x-small" wrap="nowrap">
+    return b`<cx-space spacing="x-small" wrap="nowrap">
       <cx-bicolor-picker
         part="border-color"
         value=${`${this.value[0]} ${this.value[1]}`}
@@ -64,14 +66,14 @@ let i = class extends m {
     </cx-space>`;
   }
 };
-i.styles = [v, g];
+i.styles = [h, g];
 i.dependencies = {
   "cx-bi-color-picker": f,
   "cx-input": n,
   "cx-space": p
 };
 c([
-  h({
+  u({
     converter: {
       fromAttribute: (r) => {
         const e = (r ?? "").split(" ");
@@ -83,7 +85,7 @@ c([
   })
 ], i.prototype, "value", 2);
 i = c([
-  x("cx-border-input-group")
+  d("cx-border-input-group")
 ], i);
 export {
   i as default