@orangelogic/design-system 2.162.0 → 2.164.0

package/library/components/masonry.js

@@ -1,16 +1,16 @@
 import _ from "./grid.js";
 import f from "./grid-item.js";
-import { C as v } from "../chunks/icon-button.DbVIFgu7.js";
-import { C as S } from "../chunks/image.5mhGPvMN.js";
-import $ from "./space.js";
+import { C as v } from "../chunks/icon-button.BwmMJ0bI.js";
+import { C as $ } from "../chunks/image.BgODrAzQ.js";
+import S from "./space.js";
 import C from "./tooltip.js";
-import { n, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { n as s, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as I } from "../chunks/component.styles.CRO4Odto.js";
-import { a as u } from "../chunks/index.Cpamj0jB.js";
+import { a as x } from "../chunks/index.Cpamj0jB.js";
 import { c as k } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as U } from "../chunks/watch.DOt4Mabe.js";
-import { i as A, x as o } from "../chunks/lit-element.jLBm65_O.js";
-import { r as x } from "../chunks/state.CSDxrqLd.js";
+import { w as U } from "../chunks/watch.DJF5K-8U.js";
+import { i as A, x as n } from "../chunks/lit-element.jLBm65_O.js";
+import { r as u } from "../chunks/state.CSDxrqLd.js";
 import { e as E } from "../chunks/query.BBf1UFkC.js";
 import { e as h } from "../chunks/class-map.BiVq-cVR.js";
 import { o as b } from "../chunks/if-defined.BRoBj_Rp.js";
@@ -20,14 +20,14 @@ import { n as y } from "../chunks/when.Dr1es41R.js";
 import { S as j } from "../chunks/sortable.esm.oSzf6C5Q.js";
 var c = /* @__PURE__ */ ((t) => (t.Masonry = "masonry", t.Standard = "standard", t))(c || {});
 const D = A`:host{--actions-background-color:var(--cx-color-neutral-100);--border-radius:0px;--item-border-radius:var(--cx-border-radius-medium);--padding:0px;--width:100%;--height:auto;width:var(--width,100%);height:var(--height,100%);display:block;overflow:auto}:host([spacing="3x-small"]){--spacing-container-gap:var(--cx-spacing-3x-small)}:host([spacing="2x-small"]){--spacing-container-gap:var(--cx-spacing-2x-small)}:host([spacing=x-small]){--spacing-container-gap:var(--cx-spacing-x-small)}:host([spacing=small]){--spacing-container-gap:var(--cx-spacing-small)}:host([spacing=medium]){--spacing-container-gap:var(--cx-spacing-medium)}:host([spacing=large]){--spacing-container-gap:var(--cx-spacing-large)}:host([spacing=x-large]){--spacing-container-gap:var(--cx-spacing-x-large)}:host([spacing="2x-large"]){--spacing-container-gap:var(--cx-spacing-2x-large)}:host([spacing="3x-large"]){--spacing-container-gap:var(--cx-spacing-3x-large)}:host([spacing="4x-large"]){--spacing-container-gap:var(--cx-spacing-4x-large)}.masonry-list{column-gap:var(--spacing-container-gap)}.masonry-list__item{border-radius:var(--item-border-radius);display:block;position:relative;overflow:hidden}.masonry-list__item--error:before{content:"";border:2px solid var(--cx-color-danger);border-radius:var(--item-border-radius);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.container--masonry .masonry-list__item{margin-bottom:var(--spacing-container-gap)}.container--standard cx-grid-item::part(base){height:100%}.masonry-list__item__image{width:100%;height:100%}.masonry-list__item__actions{opacity:0;width:100%;transition:opacity var(--cx-transition-fast) ease-in-out;z-index:10;position:absolute;bottom:0;left:0}.masonry-list__item__actions:before{content:"";background-color:var(--actions-background-color);opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.masonry-list__item:hover .masonry-list__item__actions{opacity:1}.masonry-list__item__action{z-index:5;flex:auto;position:relative}.masonry-list__item__action::part(base){border-radius:0;width:100%}.container--sortable .masonry-list__item{cursor:move}`;
-var K = Object.defineProperty, z = Object.getOwnPropertyDescriptor, e = (t, i, a, s) => {
-  for (var l = s > 1 ? void 0 : s ? z(i, a) : i, d = t.length - 1, p; d >= 0; d--)
-    (p = t[d]) && (l = (s ? p(i, a, l) : p(l)) || l);
-  return s && l && K(i, a, l), l;
+var K = Object.defineProperty, z = Object.getOwnPropertyDescriptor, e = (t, r, i, o) => {
+  for (var l = o > 1 ? void 0 : o ? z(r, i) : r, d = t.length - 1, p; d >= 0; d--)
+    (p = t[d]) && (l = (o ? p(r, i, l) : p(l)) || l);
+  return o && l && K(r, i, l), l;
 };
-let r = class extends w {
+let a = class extends w {
   constructor() {
-    super(), this.data = [], this.variant = c.Standard, this.cols = 3, this.rowHeight = "auto", this.actions = [], this.sortable = !1, this.spacing = "medium", this.idKey = "id", this.sortableInstance = null, this.previous = [], this.abortDrag = !1, this.handleEnd = this.handleEnd.bind(this), this.handleStart = this.handleStart.bind(this), this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleItemClick = this.handleItemClick.bind(this);
+    super(), this.data = [], this.variant = c.Standard, this.cols = 3, this.rowHeight = "auto", this.actions = [], this.sortable = !1, this.spacing = "medium", this.idKey = "id", this.noCrossorigin = !1, this.sortableInstance = null, this.previous = [], this.abortDrag = !1, this.handleEnd = this.handleEnd.bind(this), this.handleStart = this.handleStart.bind(this), this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleItemClick = this.handleItemClick.bind(this);
   }
   getAllItems() {
     return Array.from(this.list.querySelectorAll(".masonry-list__item"));
@@ -36,8 +36,8 @@ let r = class extends w {
     t.item && (this.previous = [t.item.previousSibling]);
   }
   async handleEnd(t) {
-    await this.updateComplete, this.sortableInstance && (t.item && this.previous.forEach((i) => {
-      i && i.after(t.item);
+    await this.updateComplete, this.sortableInstance && (t.item && this.previous.forEach((r) => {
+      r && r.after(t.item);
     }), this.requestUpdate());
   }
   destroySortable() {
@@ -62,81 +62,81 @@ let r = class extends w {
   disconnectedCallback() {
     super.disconnectedCallback(), this.destroySortable();
   }
-  handleItemClick(t, i) {
+  handleItemClick(t, r) {
     this.emit("cx-masonry-select", {
-      detail: { event: t, item: i }
+      detail: { event: t, item: r }
     });
   }
   handleSortableUpdate(t) {
-    const i = this.data[t.oldIndex], a = [...this.data];
-    a.splice(t.oldIndex, 1), a.splice(t.newIndex, 0, i);
-    const s = {
+    const r = this.data[t.oldIndex], i = [...this.data];
+    i.splice(t.oldIndex, 1), i.splice(t.newIndex, 0, r);
+    const o = {
       from: t.from,
       item: t.item,
       items: this.getAllItems(),
-      itemsData: a,
+      itemsData: i,
       newIndex: t.newIndex,
       oldIndex: t.oldIndex,
       to: t.to,
       type: t.type
     };
     this.emit("cx-reorder", {
-      detail: s
+      detail: o
     });
   }
   renderActions(t) {
-    const i = (a) => {
-      const s = () => {
-        this.emit(a.event, {
+    const r = (i) => {
+      const o = () => {
+        this.emit(i.event, {
           detail: { item: t }
         });
       };
-      return o`<cx-icon-button class="masonry-list__item__action" name=${b(a.icon)} src=${b(a.src)} @click=${s} size="small" style=${g({
-        color: a.color
+      return n`<cx-icon-button class="masonry-list__item__action" name=${b(i.icon)} src=${b(i.src)} @click=${o} size="small" style=${g({
+        color: i.color
       })}></cx-icon-button>`;
     };
-    return o`<cx-space class="masonry-list__item__actions" direction="horizontal" spacing="x-small" justify-content="space-around">${m(
+    return n`<cx-space class="masonry-list__item__actions" direction="horizontal" spacing="x-small" justify-content="space-around">${m(
       this.actions,
-      (a) => a.event,
-      (a) => a.tooltip ? o`<cx-tooltip content=${a.tooltip}>${i(a)}</cx-tooltip>` : i(a)
+      (i) => i.event,
+      (i) => i.tooltip ? n`<cx-tooltip content=${i.tooltip}>${r(i)}</cx-tooltip>` : r(i)
     )}</cx-space>`;
   }
   renderMasonry() {
-    return o`<div class="masonry-list" style=${g({
+    return n`<div class="masonry-list" style=${g({
       "column-count": this.cols
     })} part="list">${m(
       this.data,
       (t) => t[this.idKey],
       (t) => {
-        const i = (a) => {
-          this.handleItemClick(a, t);
+        const r = (i) => {
+          this.handleItemClick(i, t);
         };
-        return o`<div data-id=${t[this.idKey]} class=${h({
+        return n`<div data-id=${t[this.idKey]} class=${h({
           "masonry-list__item": !0,
           "masonry-list__item--error": t.hasError ?? !1
-        })} part="item" @click=${i}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${t.src} object-fit=${t.objectFit || u.Cover} ?loading=${t.loading} retry-on-error></cx-image>${y(this.actions.length > 0, () => this.renderActions(t))}</div>`;
+        })} part="item" @click=${r}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${t.src} object-fit=${t.objectFit || x.Cover} ?loading=${t.loading} ?no-crossorigin=${this.noCrossorigin} retry-on-error></cx-image>${y(this.actions.length > 0, () => this.renderActions(t))}</div>`;
       }
     )}</div>`;
   }
   renderStandard() {
-    return o`<cx-grid columns=${this.cols} spacing="var(--cx-spacing-${this.spacing})" use-flex-gap class="masonry-list" part="list">${m(
+    return n`<cx-grid columns=${this.cols} spacing="var(--cx-spacing-${this.spacing})" use-flex-gap class="masonry-list" part="list">${m(
       this.data,
       (t) => t[this.idKey],
       (t) => {
-        const i = (a) => {
-          this.handleItemClick(a, t);
+        const r = (i) => {
+          this.handleItemClick(i, t);
         };
-        return o`<cx-grid-item xs="1"><div class=${h({
+        return n`<cx-grid-item xs="1"><div class=${h({
           "masonry-list__item": !0,
           "masonry-list__item--error": t.hasError ?? !1
         })} style=${g({
           height: this.rowHeight
-        })} part="item" @click=${i} data-id=${t[this.idKey]}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${t.src} width="100%" height="100%" object-fit=${t.objectFit || u.Cover} ?loading=${t.loading}></cx-image>${y(this.actions.length > 0, () => this.renderActions(t))}</div></cx-grid-item>`;
+        })} part="item" @click=${r} data-id=${t[this.idKey]}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${t.src} width="100%" height="100%" object-fit=${t.objectFit || x.Cover} ?loading=${t.loading} ?no-crossorigin=${this.noCrossorigin}></cx-image>${y(this.actions.length > 0, () => this.renderActions(t))}</div></cx-grid-item>`;
       }
     )}</cx-grid>`;
   }
   render() {
-    return o`<div part="base" class=${h({
+    return n`<div part="base" class=${h({
       container: !0,
       "container--masonry": this.variant === c.Masonry,
       "container--sortable": this.sortable,
@@ -148,57 +148,60 @@ let r = class extends w {
     )}</div>`;
   }
 };
-r.styles = [I, D];
-r.dependencies = {
+a.styles = [I, D];
+a.dependencies = {
   "cx-grid": _,
   "cx-grid-item": f,
   "cx-icon-button": v,
-  "cx-image": S,
-  "cx-space": $,
+  "cx-image": $,
+  "cx-space": S,
   "cx-tooltip": C
 };
 e([
   E(".masonry-list")
-], r.prototype, "list", 2);
+], a.prototype, "list", 2);
 e([
-  n({ type: Array })
-], r.prototype, "data", 2);
+  s({ type: Array })
+], a.prototype, "data", 2);
 e([
-  n({ reflect: !0, type: String })
-], r.prototype, "variant", 2);
+  s({ reflect: !0, type: String })
+], a.prototype, "variant", 2);
 e([
-  n({ reflect: !0, type: Number })
-], r.prototype, "cols", 2);
+  s({ reflect: !0, type: Number })
+], a.prototype, "cols", 2);
 e([
-  n({ attribute: "row-height", type: String })
-], r.prototype, "rowHeight", 2);
+  s({ attribute: "row-height", type: String })
+], a.prototype, "rowHeight", 2);
 e([
-  n({ type: Array })
-], r.prototype, "actions", 2);
+  s({ type: Array })
+], a.prototype, "actions", 2);
 e([
-  n({ reflect: !0, type: Boolean })
-], r.prototype, "sortable", 2);
+  s({ reflect: !0, type: Boolean })
+], a.prototype, "sortable", 2);
 e([
-  n({ reflect: !0, type: String })
-], r.prototype, "spacing", 2);
+  s({ reflect: !0, type: String })
+], a.prototype, "spacing", 2);
 e([
-  n({ attribute: "id-key", reflect: !0, type: String })
-], r.prototype, "idKey", 2);
+  s({ attribute: "id-key", reflect: !0, type: String })
+], a.prototype, "idKey", 2);
 e([
-  x()
-], r.prototype, "sortableInstance", 2);
+  s({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
+], a.prototype, "noCrossorigin", 2);
 e([
-  x()
-], r.prototype, "previous", 2);
+  u()
+], a.prototype, "sortableInstance", 2);
 e([
-  x()
-], r.prototype, "abortDrag", 2);
+  u()
+], a.prototype, "previous", 2);
+e([
+  u()
+], a.prototype, "abortDrag", 2);
 e([
   U("sortable", { waitUntilFirstUpdate: !0 })
-], r.prototype, "handleSortableChange", 1);
-r = e([
+], a.prototype, "handleSortableChange", 1);
+a = e([
   k("cx-masonry")
-], r);
+], a);
 export {
-  r as default
+  a as default
 };

package/library/components/menu-item.js

@@ -3,12 +3,12 @@ import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
 import { c as L } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as g, L as M } from "../chunks/i18n.Bchq8v1d.js";
 import { H as z, g as P } from "../chunks/slot.j5oheLJC.js";
-import { w as v } from "../chunks/watch.DOt4Mabe.js";
+import { w as v } from "../chunks/watch.DJF5K-8U.js";
 import { i as E, x as h, E as y } from "../chunks/lit-element.jLBm65_O.js";
 import { e as p } from "../chunks/query.BBf1UFkC.js";
 import { e as f } from "../chunks/class-map.BiVq-cVR.js";
 import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
-import { C as T } from "../chunks/icon.mxNZ85k0.js";
+import { C as T } from "../chunks/icon.D5iM9wXS.js";
 import R from "./popup.js";
 import $ from "./spinner.js";
 import { f as k } from "../chunks/focus-when-visible.jWSw9ks0.js";

package/library/components/molecules.js

@@ -1,11 +1,11 @@
 import { default as e } from "./bicolor-picker.js";
 import { default as a } from "./border-input-group.js";
-import { C as x } from "../chunks/color-swatch.DsWP2fd-.js";
-import { C as u } from "../chunks/confirm-popover.C-eHPJaU.js";
+import { C as x } from "../chunks/color-swatch.QsHoy_K1.js";
+import { C as u } from "../chunks/confirm-popover.D8mdy6KG.js";
 import { default as d } from "./corner-position-input-group.js";
 import { default as l } from "./cropper.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.BKAuh4GE.js";
+import { C as c } from "../chunks/folder-select.Dw1ZKZAq.js";
 import { default as P } from "./masonry.js";
 import { default as I } from "./padding-input-group.js";
 import { default as y } from "./position-picker.js";

package/library/components/mutation-observer.js

@@ -1,7 +1,7 @@
 import { n as o, C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as u } from "../chunks/component.styles.CRO4Odto.js";
 import { c as p } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as l } from "../chunks/watch.DOt4Mabe.js";
+import { w as l } from "../chunks/watch.DJF5K-8U.js";
 import { i as b, x as f } from "../chunks/lit-element.jLBm65_O.js";
 import { e as v } from "../chunks/query.BBf1UFkC.js";
 const O = b`:host{display:contents}`;

package/library/components/option.js

@@ -1,15 +1,15 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C } from "../chunks/option.qN3aaqVI.js";
+import { C } from "../chunks/option.DyNR1vzy.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
-import "../chunks/watch.DOt4Mabe.js";
+import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/icon.mxNZ85k0.js";
+import "../chunks/icon.D5iM9wXS.js";
 import "./space.js";
 export {
   C as default

package/library/components/organisms.js

@@ -1,5 +1,5 @@
-import { C as a } from "../chunks/asset-link-format.DLAzKfhk.js";
-import { C as t } from "../chunks/color-swatch-group.CLv1LSZy.js";
+import { C as a } from "../chunks/asset-link-format.0q_MQOYh.js";
+import { C as t } from "../chunks/color-swatch-group.ChP9amU9.js";
 import { default as C } from "./file-on-demand.js";
 export {
   a as CxAssetLinkFormat,

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

@@ -1,4 +1,4 @@
-import { C as i } from "../chunks/input.BcyLZUmv.js";
+import { C as i } from "../chunks/input.DOorVTYZ.js";
 import l from "./input-group.js";
 import { n as c, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as f } from "../chunks/component.styles.CRO4Odto.js";

package/library/components/pagination.js

@@ -1,19 +1,19 @@
 import "./space.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/icon-button.DbVIFgu7.js";
-import { C as k } from "../chunks/pagination.Cupa46TN.js";
+import "../chunks/icon-button.BwmMJ0bI.js";
+import { C as k } from "../chunks/pagination.qFmncShC.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/math.DuKzLacZ.js";
-import "../chunks/watch.DOt4Mabe.js";
+import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/repeat.CFjcER6_.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.8syoJXYs.js";
-import "../chunks/input.BcyLZUmv.js";
-import "../chunks/option.qN3aaqVI.js";
+import "../chunks/button.DGyqdBou.js";
+import "../chunks/input.DOorVTYZ.js";
+import "../chunks/option.DyNR1vzy.js";
 import "./select.js";
 import "./tooltip.js";
 import "../chunks/typography.IqHbnd3C.js";

package/library/components/position-picker.js

@@ -2,43 +2,43 @@ import d from "./grid.js";
 import p from "./grid-item.js";
 import m from "./radio.js";
 import x from "./radio-group.js";
-import { n as h, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as g } from "../chunks/component.styles.CRO4Odto.js";
-import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as f } from "../chunks/i18n.Bchq8v1d.js";
-import { i as v, x as C } from "../chunks/lit-element.jLBm65_O.js";
-var r = /* @__PURE__ */ ((e) => (e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.BottomRight = "bottom-right", e.CenterCenter = "center-center", e.CenterLeft = "center-left", e.CenterRight = "center-right", e.TopCenter = "top-center", e.TopLeft = "top-left", e.TopRight = "top-right", e))(r || {});
-const b = v`.position-picker__column{width:fit-content}.position-picker__column::part(base){justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.position-picker__radio{--checked-color:var(--cx-color-neutral-0);--checked-border-color:var(--cx-color-neutral-0);--checked-background-color:var(--cx-color-primary);--checked-hover-border-color:var(--cx-color-neutral-0);--checked-hover-background-color:var(--cx-color-primary)}`;
-var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, n = (e, t, a, c) => {
-  for (var o = c > 1 ? void 0 : c ? $(t, a) : t, l = e.length - 1, s; l >= 0; l--)
-    (s = e[l]) && (o = (c ? s(t, a, o) : s(o)) || o);
-  return c && o && k(t, a, o), o;
+import { n as u, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
+import { P as i } from "../chunks/position-picker.DjnhxIKF.js";
+import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as v } from "../chunks/i18n.Bchq8v1d.js";
+import { i as f, x as k } from "../chunks/lit-element.jLBm65_O.js";
+const $ = f`.position-picker__column{width:fit-content}.position-picker__column::part(base){justify-content:center;align-items:center;gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.position-picker__radio{--checked-color:var(--cx-color-neutral-0);--checked-border-color:var(--cx-color-neutral-0);--checked-background-color:var(--cx-color-primary);--checked-hover-border-color:var(--cx-color-neutral-0);--checked-hover-background-color:var(--cx-color-primary)}`;
+var C = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (c, o, t, a) => {
+  for (var e = a > 1 ? void 0 : a ? b(o, t) : o, l = c.length - 1, s; l >= 0; l--)
+    (s = c[l]) && (e = (a ? s(o, t, e) : s(e)) || e);
+  return a && e && C(o, t, e), e;
 };
-let i = class extends u {
+let r = class extends h {
   constructor() {
-    super(...arguments), this.localize = new f(this), this.value = r.TopLeft;
+    super(...arguments), this.localize = new v(this), this.value = i.TopLeft;
   }
-  handleChange(e) {
-    const t = e.target;
-    this.value = t.value;
+  handleChange(c) {
+    const o = c.target;
+    this.value = o.value;
   }
   render() {
-    return C`<div class="position-picker"><cx-radio-group value=${this.value} name="position" .form=${this.closest("form")} @cx-change=${this.handleChange}><cx-grid columns="3" spacing="var(--cx-spacing-small)"><cx-grid-item xs="1" class="position-picker__column"><cx-radio class="position-picker__radio" value=${r.TopLeft} checked-icon-radius="3" aria-label=${this.localize.term("topLeft")}></cx-radio><cx-radio class="position-picker__radio" value=${r.CenterLeft} checked-icon-radius="3" aria-label=${this.localize.term("centerLeft")}></cx-radio><cx-radio class="position-picker__radio" value=${r.BottomLeft} checked-icon-radius="3" aria-label=${this.localize.term("bottomLeft")}></cx-radio></cx-grid-item><cx-grid-item xs="1" class="position-picker__column"><cx-radio class="position-picker__radio" value=${r.TopCenter} checked-icon-radius="3" aria-label=${this.localize.term("topCenter")}></cx-radio><cx-radio class="position-picker__radio" value=${r.CenterCenter} checked-icon-radius="3" aria-label=${this.localize.term("centerCenter")}></cx-radio><cx-radio class="position-picker__radio" value=${r.BottomCenter} checked-icon-radius="3" aria-label=${this.localize.term("bottomCenter")}></cx-radio></cx-grid-item><cx-grid-item xs="1" class="position-picker__column"><cx-radio class="position-picker__radio" value=${r.TopRight} checked-icon-radius="3" aria-label=${this.localize.term("topRight")}></cx-radio><cx-radio class="position-picker__radio" value=${r.CenterRight} checked-icon-radius="3" aria-label=${this.localize.term("centerRight")}></cx-radio><cx-radio class="position-picker__radio" value=${r.BottomRight} checked-icon-radius="3" aria-label=${this.localize.term("bottomRight")}></cx-radio></cx-grid-item></cx-grid></cx-radio-group></div>`;
+    return k`<div class="position-picker"><cx-radio-group value=${this.value} name="position" .form=${this.closest("form")} @cx-change=${this.handleChange}><cx-grid columns="3" spacing="var(--cx-spacing-small)"><cx-grid-item xs="1" class="position-picker__column"><cx-radio class="position-picker__radio" value=${i.TopLeft} checked-icon-radius="3" aria-label=${this.localize.term("topLeft")}></cx-radio><cx-radio class="position-picker__radio" value=${i.CenterLeft} checked-icon-radius="3" aria-label=${this.localize.term("centerLeft")}></cx-radio><cx-radio class="position-picker__radio" value=${i.BottomLeft} checked-icon-radius="3" aria-label=${this.localize.term("bottomLeft")}></cx-radio></cx-grid-item><cx-grid-item xs="1" class="position-picker__column"><cx-radio class="position-picker__radio" value=${i.TopCenter} checked-icon-radius="3" aria-label=${this.localize.term("topCenter")}></cx-radio><cx-radio class="position-picker__radio" value=${i.CenterCenter} checked-icon-radius="3" aria-label=${this.localize.term("centerCenter")}></cx-radio><cx-radio class="position-picker__radio" value=${i.BottomCenter} checked-icon-radius="3" aria-label=${this.localize.term("bottomCenter")}></cx-radio></cx-grid-item><cx-grid-item xs="1" class="position-picker__column"><cx-radio class="position-picker__radio" value=${i.TopRight} checked-icon-radius="3" aria-label=${this.localize.term("topRight")}></cx-radio><cx-radio class="position-picker__radio" value=${i.CenterRight} checked-icon-radius="3" aria-label=${this.localize.term("centerRight")}></cx-radio><cx-radio class="position-picker__radio" value=${i.BottomRight} checked-icon-radius="3" aria-label=${this.localize.term("bottomRight")}></cx-radio></cx-grid-item></cx-grid></cx-radio-group></div>`;
   }
 };
-i.styles = [g, b];
-i.dependencies = {
+r.styles = [_, $];
+r.dependencies = {
   "cx-grid": d,
   "cx-grid-item": p,
   "cx-radio": m,
   "cx-radio-group": x
 };
 n([
-  h({ reflect: !0 })
-], i.prototype, "value", 2);
-i = n([
-  _("cx-position-picker")
-], i);
+  u({ reflect: !0 })
+], r.prototype, "value", 2);
+r = n([
+  g("cx-position-picker")
+], r);
 export {
-  i as default
+  r as default
 };

package/library/components/qr-code.js

@@ -1,7 +1,7 @@
 import { n as Q, C as R } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as $ } from "../chunks/component.styles.CRO4Odto.js";
 import { c as B } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as V } from "../chunks/watch.DOt4Mabe.js";
+import { w as V } from "../chunks/watch.DJF5K-8U.js";
 import { i as J, x as U } from "../chunks/lit-element.jLBm65_O.js";
 import { e as I } from "../chunks/query.BBf1UFkC.js";
 import { o as K } from "../chunks/style-map.llVFPd__.js";

package/library/components/radio-button.js

@@ -2,7 +2,7 @@ import { n as i, C as d } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as b } from "../chunks/component.styles.CRO4Odto.js";
 import { c } from "../chunks/custom-element.L4WJXn1j.js";
 import { H as f } from "../chunks/slot.j5oheLJC.js";
-import { w as m } from "../chunks/watch.DOt4Mabe.js";
+import { w as m } from "../chunks/watch.DJF5K-8U.js";
 import { r as x } from "../chunks/state.CSDxrqLd.js";
 import { e as p } from "../chunks/query.BBf1UFkC.js";
 import { e as y } from "../chunks/class-map.BiVq-cVR.js";

package/library/components/radio-card.js

@@ -2,7 +2,7 @@ import { n as o, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as u } from "../chunks/component.styles.CRO4Odto.js";
 import { c as p } from "../chunks/custom-element.L4WJXn1j.js";
 import { H as m } from "../chunks/slot.j5oheLJC.js";
-import { w as h } from "../chunks/watch.DOt4Mabe.js";
+import { w as h } from "../chunks/watch.DJF5K-8U.js";
 import { i as f, x as g } from "../chunks/lit-element.jLBm65_O.js";
 import { r as n } from "../chunks/state.CSDxrqLd.js";
 import { e as x } from "../chunks/query.BBf1UFkC.js";

package/library/components/radio-group.js

@@ -5,7 +5,7 @@ import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as x } from "../chunks/default-value.COZopaet.js";
 import { F as b, c as C, a as w, v as R } from "../chunks/form.CP9KLGjF.js";
 import { H as V } from "../chunks/slot.j5oheLJC.js";
-import { w as h } from "../chunks/watch.DOt4Mabe.js";
+import { w as h } from "../chunks/watch.DJF5K-8U.js";
 import { i as E, x as u } from "../chunks/lit-element.jLBm65_O.js";
 import { r as p } from "../chunks/state.CSDxrqLd.js";
 import { e as m } from "../chunks/query.BBf1UFkC.js";

package/library/components/radio.js

@@ -2,11 +2,11 @@ import { n as r, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as b } from "../chunks/component.styles.CRO4Odto.js";
 import { c as f } from "../chunks/custom-element.L4WJXn1j.js";
 import { H as v } from "../chunks/slot.j5oheLJC.js";
-import { w as h } from "../chunks/watch.DOt4Mabe.js";
+import { w as h } from "../chunks/watch.DJF5K-8U.js";
 import { i as g, b as m, x } from "../chunks/lit-element.jLBm65_O.js";
 import { r as u } from "../chunks/state.CSDxrqLd.js";
 import { e as n } from "../chunks/class-map.BiVq-cVR.js";
-import { C as k } from "../chunks/icon.mxNZ85k0.js";
+import { C as k } from "../chunks/icon.D5iM9wXS.js";
 const _ = g`:host{display:block}:host(:focus-visible){outline:0}.radio{align-items:top;font-family:var(--cx-input-font-family);font-size:var(--cx-input-font-size-medium);font-weight:var(--cx-input-font-weight);color:var(--cx-input-label-color);vertical-align:middle;cursor:pointer;display:inline-flex}.radio--small{--toggle-size:var(--cx-toggle-size-small);font-size:var(--cx-input-font-size-small)}.radio--medium{--toggle-size:var(--cx-toggle-size-medium);font-size:var(--cx-input-font-size-small)}.radio--large{--toggle-size:var(--cx-toggle-size-large);font-size:var(--cx-input-font-size-small)}.radio__checked-icon{display:inline-flex}.radio__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);background-color:var(--cx-input-background-color);color:#0000;transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.radio__input{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute}.radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover{border-color:var(--cx-input-border-color-hover);background-color:var(--cx-input-background-color-hover)}.radio--checked .radio__control{color:var(--checked-color,var(--cx-color-primary));border-color:var(--checked-border-color,var(--cx-color-primary));background-color:var(--checked-background-color,var(--cx-color-neutral-0))}.radio.radio--checked:not(.radio--disabled) .radio__control:hover{border-color:var(--checked-hover-border-color,var(--cx-color-primary));background-color:var(--checked-hover-background-color,var(--cx-color-neutral-0))}:host(:focus-visible) .radio__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.radio__control.radio__control--hidden{display:none}.radio--disabled{opacity:.5;cursor:default}.radio:not(.radio--checked) svg circle{opacity:0}.radio__label{color:var(--cx-input-label-color);line-height:var(--toggle-size);-webkit-user-select:none;user-select:none;text-transform:var(--cx-radio-label-text-transform,none);flex:1;margin-inline-start:.5em;display:inline-block}.radio__label--hidden{display:none}svg{width:100%;height:100%;display:block}`, y = (i) => m`<svg part="checked-icon svg" class="radio__icon" viewBox="0 0 16 16"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor"><circle cx="8" cy="8" r="${i}"></circle></g></g></svg>`;
 var z = Object.defineProperty, C = Object.getOwnPropertyDescriptor, o = (i, a, l, s) => {
   for (var t = s > 1 ? void 0 : s ? C(a, l) : a, c = i.length - 1, d; c >= 0; c--)

package/library/components/range.js

@@ -10,7 +10,7 @@ import { F as N } from "../chunks/form.CP9KLGjF.js";
 import { L as S } from "../chunks/i18n.Bchq8v1d.js";
 import { c as d } from "../chunks/math.DuKzLacZ.js";
 import { H as A } from "../chunks/slot.j5oheLJC.js";
-import { w as v } from "../chunks/watch.DOt4Mabe.js";
+import { w as v } from "../chunks/watch.DJF5K-8U.js";
 import { x as M, i as B } from "../chunks/lit-element.jLBm65_O.js";
 import { r as g } from "../chunks/state.CSDxrqLd.js";
 import { t as E } from "../chunks/event-options.CYHYGOd8.js";

package/library/components/rating.js

@@ -3,7 +3,7 @@ import { c as y } from "../chunks/component.styles.CRO4Odto.js";
 import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as f } from "../chunks/i18n.Bchq8v1d.js";
 import { c as _ } from "../chunks/math.DuKzLacZ.js";
-import { w as p } from "../chunks/watch.DOt4Mabe.js";
+import { w as p } from "../chunks/watch.DJF5K-8U.js";
 import { i as x, x as c } from "../chunks/lit-element.jLBm65_O.js";
 import { r as v } from "../chunks/state.CSDxrqLd.js";
 import { t as $ } from "../chunks/event-options.CYHYGOd8.js";
@@ -12,7 +12,7 @@ import { e as u } from "../chunks/class-map.BiVq-cVR.js";
 import { c as w } from "../chunks/repeat.CFjcER6_.js";
 import { o as m } from "../chunks/style-map.llVFPd__.js";
 import { o as d } from "../chunks/unsafe-html.Dff7-rCx.js";
-import { C as M } from "../chunks/icon.mxNZ85k0.js";
+import { C as M } from "../chunks/icon.D5iM9wXS.js";
 const C = x`:host{--symbol-color:var(--cx-color-neutral-300);--symbol-color-active:var(--cx-color-warning-500);--symbol-size:1.2rem;--symbol-container-size:40px;--symbol-spacing:var(--cx-spacing-3x-small);display:inline-flex}:host([variant=outlined]){--symbol-size:var(--cx-font-size-x-large);--symbol-color:var(--cx-color-neutral-600);--symbol-color-active:var(--cx-color-neutral-600)}.rating{border-radius:var(--cx-border-radius-small);vertical-align:middle;display:inline-flex;position:relative}.rating:focus{outline:none}.rating:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.rating__symbols{color:var(--symbol-color);white-space:nowrap;cursor:pointer;line-height:0;display:inline-flex;position:relative}.rating__symbols>*{padding:var(--symbol-spacing)}.rating__symbol--active,.rating__partial--filled{color:var(--symbol-color-active)}.rating__partial-symbol-container{position:relative}.rating__partial--filled{top:var(--symbol-spacing);left:var(--symbol-spacing);position:absolute}.rating__symbol{transition:var(--cx-transition-fast) scale;pointer-events:none}.rating__symbol cx-icon{--font-size:var(--symbol-size)}.rating__symbol--hover{scale:1.2}.rating--disabled .rating__symbols,.rating--readonly .rating__symbols{cursor:default}.rating--disabled .rating__symbol--hover,.rating--readonly .rating__symbol--hover{scale:none}.rating--disabled{opacity:.5}.rating--disabled .rating__symbols{cursor:default}@media (forced-colors:active){.rating__symbol--active{color:selecteditem}}.rating--outlined .rating__symbol{border:var(--cx-input-border-width) solid var(--cx-input-border-color);width:var(--symbol-container-size);height:var(--symbol-container-size);justify-content:center;align-items:center;display:flex}.rating--outlined .rating__partial--filled{top:unset;left:unset}.rating--outlined .rating__symbol:not(:first-child){border-left:none}.rating--outlined .rating__symbol:first-child{border-top-left-radius:var(--cx-border-radius-small);border-bottom-left-radius:var(--cx-border-radius-small)}.rating--outlined .rating__symbol:last-child{border-top-right-radius:var(--cx-border-radius-small);border-bottom-right-radius:var(--cx-border-radius-small)}.rating--outlined .rating__symbol--hover{scale:1}`;
 var H = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (t, o, i, s) => {
   for (var e = s > 1 ? void 0 : s ? P(o, i) : o, n = t.length - 1, h; n >= 0; n--)

package/library/components/resize-observer.js

@@ -1,7 +1,7 @@
 import { n as h, C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as d } from "../chunks/component.styles.CRO4Odto.js";
 import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as p } from "../chunks/watch.DOt4Mabe.js";
+import { w as p } from "../chunks/watch.DJF5K-8U.js";
 import { i as v, x as m } from "../chunks/lit-element.jLBm65_O.js";
 const f = v`:host{display:contents}`;
 var u = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (s, r, e, i) => {

package/library/components/select.js

@@ -12,7 +12,7 @@ import { L as F } from "../chunks/i18n.Bchq8v1d.js";
 import { s as V } from "../chunks/scroll.xtO5yojm.js";
 import { H as E } from "../chunks/slot.j5oheLJC.js";
 import { i as T } from "../chunks/user-agent.D9aPuOyL.js";
-import { w as p } from "../chunks/watch.DOt4Mabe.js";
+import { w as p } from "../chunks/watch.DJF5K-8U.js";
 import { i as B, x as u, E as A } from "../chunks/lit-element.jLBm65_O.js";
 import { r as g } from "../chunks/state.CSDxrqLd.js";
 import { e as m } from "../chunks/query.BBf1UFkC.js";
@@ -20,8 +20,8 @@ import { e as b } from "../chunks/class-map.BiVq-cVR.js";
 import { o as P } from "../chunks/unsafe-html.Dff7-rCx.js";
 import { n as f } from "../chunks/when.Dr1es41R.js";
 import { s as O, g as _ } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as U } from "../chunks/icon.mxNZ85k0.js";
-import { C as d } from "../chunks/option.qN3aaqVI.js";
+import { C as U } from "../chunks/icon.D5iM9wXS.js";
+import { C as d } from "../chunks/option.DyNR1vzy.js";
 import M from "./popup.js";
 import N from "./spinner.js";
 import R from "./tag.js";

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

@@ -1,4 +1,4 @@
-import { C as u } from "../chunks/input.BcyLZUmv.js";
+import { C as u } from "../chunks/input.DOorVTYZ.js";
 import l from "./input-group.js";
 import m from "./space.js";
 import { n as h, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";

package/library/components/share-option-list.js

@@ -1,4 +1,4 @@
-import { C as _ } from "../chunks/icon.mxNZ85k0.js";
+import { C as _ } from "../chunks/icon.D5iM9wXS.js";
 import I from "./resize-observer.js";
 import { n as h, C as P } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as C } from "../chunks/component.styles.CRO4Odto.js";
@@ -6,7 +6,7 @@ import { c as O } from "../chunks/event.BeKOsirN.js";
 import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as E } from "../chunks/i18n.Bchq8v1d.js";
 import { c as b } from "../chunks/math.DuKzLacZ.js";
-import { w as m } from "../chunks/watch.DOt4Mabe.js";
+import { w as m } from "../chunks/watch.DJF5K-8U.js";
 import { c as x } from "../chunks/dom.C5aVLhKS.js";
 import { i as z, x as g } from "../chunks/lit-element.jLBm65_O.js";
 import { r as v } from "../chunks/state.CSDxrqLd.js";

package/library/components/sidebar.js

@@ -1,13 +1,13 @@
 import b from "./divider.js";
-import { C as v } from "../chunks/icon.mxNZ85k0.js";
-import { C as u } from "../chunks/icon-button.DbVIFgu7.js";
+import { C as v } from "../chunks/icon.D5iM9wXS.js";
+import { C as u } from "../chunks/icon-button.BwmMJ0bI.js";
 import _ from "./resize-observer.js";
 import { n as d, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as f } from "../chunks/component.styles.CRO4Odto.js";
 import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as y } from "../chunks/drag.DenOh3AE.js";
 import { H as C } from "../chunks/slot.j5oheLJC.js";
-import { w as g } from "../chunks/watch.DOt4Mabe.js";
+import { w as g } from "../chunks/watch.DJF5K-8U.js";
 import { i as z, E as p, x as l } from "../chunks/lit-element.jLBm65_O.js";
 import { r as w } from "../chunks/state.CSDxrqLd.js";
 import { e as $ } from "../chunks/query.BBf1UFkC.js";