@orangelogic/design-system 2.0.0-29DUO2-beta-3 → 2.0.0-29IORR-beta-2

package/library/chunks/form-control.styles.CaGWmeAS.js

@@ -0,0 +1,5 @@
+import { i as o } from "./lit-element.jLBm65_O.js";
+const r = o`.form-control .form-control__label,.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{color:var(--cx-input-label-color);margin-bottom:var(--cx-spacing-3x-small);display:inline-block}.form-control--has-label.form-control--small .form-control__label{font-size:var(--cx-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--cx-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control__label{font-size:var(--cx-input-label-font-size-large)}:host([required]) .form-control--has-label .form-control__label:after{color:var(--cx-input-required-content-color);content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}.form-control--has-help-text .form-control__help-text{color:var(--cx-input-help-text-color);margin-top:max(var(--cx-spacing-3x-small), 3px);display:block}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--cx-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--cx-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--cx-input-help-text-font-size-large)}.form-control--has-help-text.form-control--radio-group .form-control__help-text{margin-top:max(var(--cx-spacing-2x-small), 3px)}:host([data-user-invalid])::part(form-control-help-text){color:var(--cx-input-invalid-color)}`;
+export {
+  r as f
+};

package/library/chunks/{form.DgwYWi0O.js → form.CFc09rKh.js}

@@ -1,4 +1,4 @@
-import { s as m } from "./dom.BQVKDNd8.js";
+import { s as m } from "./dom.BslZF2Y_.js";
 const n = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakSet(), f = /* @__PURE__ */ new WeakMap();
 class v {
   constructor(e, s) {

package/library/chunks/{gantt.rWdF_jmG.js → gantt.DSHD2gjO.js}

@@ -1,11 +1,11 @@
-import { Q as ft, D as wt, x as M, H as O, al as At, Z as rt, q as w, am as R, d as j, C as L, an as Ct, L as b, T, m as E, w as I, R as ct, $ as mt, t as q, e as y, P as ht, h as Q, a4 as G, aj as bt, ao as Tt, a as H, ap as tt, _ as et, z as ot, aq as Bt, B as S, G as V, ar as Pt, as as vt, at as xt, au as Rt, av as Xt, aw as Vt, ax as dt, r as Lt } from "./am-chart.B_OdX4Q-.js";
-import { L as J, a as Ot, P as St, N as Gt, C as zt } from "./ProgressPie.Bryx2w1J.js";
-import { C as yt } from "./ColumnSeries.CZi2LBZ2.js";
-import { T as gt } from "./Triangle.BEmFiHyd.js";
-import { C as ut } from "./Circle.DhoXSsjo.js";
-import { C as kt, E as Mt } from "./EditableAxisLabel.CykTMTsG.js";
-import { ColorPickerButton as Ht, ColorPicker as It } from "./colorPicker.CJwbdhtn.js";
-import { S as pt } from "./Scrollbar.DK48nKk4.js";
+import { Q as ft, D as wt, x as M, H as O, al as At, Z as rt, q as w, am as R, d as j, C as L, an as Ct, L as b, T, m as E, w as I, R as ct, $ as mt, t as q, e as y, P as ht, h as Q, a4 as G, aj as bt, ao as Tt, a as H, ap as tt, _ as et, z as ot, aq as Bt, B as S, G as V, ar as Pt, as as vt, at as xt, au as Rt, av as Xt, aw as Vt, ax as dt, r as Lt } from "./am-chart.H2jnOzFc.js";
+import { L as J, a as Ot, P as St, N as Gt, C as zt } from "./ProgressPie.DlCwXN17.js";
+import { C as yt } from "./ColumnSeries.DGazbfza.js";
+import { T as gt } from "./Triangle.BaOef7HV.js";
+import { C as ut } from "./Circle.DBa5Ok8V.js";
+import { C as kt, E as Mt } from "./EditableAxisLabel.wN0t_G2B.js";
+import { ColorPickerButton as Ht, ColorPicker as It } from "./colorPicker.06n6P3aK.js";
+import { S as pt } from "./Scrollbar.BdZVb_Z-.js";
 class Z extends ft {
 }
 Z.className = "GanttDateAxis";

package/library/chunks/header.BePZwMCQ.js

@@ -0,0 +1,170 @@
+import k from "../components/copy-button.js";
+import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as x } from "./component.styles.CRO4Odto.js";
+import { i as u } from "./lit-element.jLBm65_O.js";
+import { c as v } from "./custom-element.L4WJXn1j.js";
+import { L as y } from "./i18n.BFqTRDCA.js";
+import { w } from "./watch.BCJD77bD.js";
+import { e as m } from "./query.BBf1UFkC.js";
+import { e as g } from "./class-map.BiVq-cVR.js";
+import { o as P } from "./style-map.llVFPd__.js";
+import { n as z } from "./when.Dr1es41R.js";
+import { i as l, u as h } from "./static.UA3G1Deq.js";
+const C = u`.column-resize-handle{background-color:var(--editor-table-resize-handle-color);pointer-events:none;z-index:10000;width:4px;position:absolute;top:-2px;bottom:-2px;right:-4px;height:unset!important;max-height:unset!important}.column-resize-handle.bottom-handle{bottom:0}.column-resize-handle.top-handle{top:0}.row-resize-handle{background-color:var(--editor-table-resize-handle-color);pointer-events:none;height:4px;z-index:20, 10000;position:absolute;bottom:-4px;left:-2px;right:-2px;max-width:unset!important;width:unset!important}.row-resize-handle.left-handle{left:0}.row-resize-handle.right-handle{right:0}.ProseMirror{--editor-table-resize-handle-color:#adf;white-space:normal;outline:none}.ProseMirror p{margin:0}.ProseMirror .tableWrapper .floating-button{opacity:0;transition:opacity .2s ease-in-out;position:absolute}.ProseMirror .code-block-wrapper{background-color:var(--cx-color-neutral-50);border-radius:var(--cx-border-radius-medium);color:var(--cx-color-neutral-700);min-height:3rem;padding:var(--cx-spacing-x-small);white-space:normal;position:relative}.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar{gap:var(--cx-spacing-small);right:var(--cx-spacing-2x-small);top:var(--cx-spacing-2x-small);display:flex;position:absolute}.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar,.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar.hidden{opacity:0;pointer-events:none}.ProseMirror .code-block-wrapper:hover cx-rte-code-block-toolbar:not(.hidden),.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar.open{opacity:1;pointer-events:auto}.ProseMirror .floating-button{position:absolute}.ProseMirror .mce-item-anchor{position:relative;text-decoration:none!important}.ProseMirror .mce-item-anchor:before{color:var(--cx-color-neutral-700);content:"";font-family:FontAwesome;font-size:12px!important}.ProseMirror .tableWrapper{position:relative}.ProseMirror .tableWrapper:hover .floating-button,.ProseMirror .tableWrapper.ProseMirror-selectednode .floating-button{opacity:1}.ProseMirror blockquote{border-left:3px solid var(--cx-color-neutral-300);margin-block:1em;margin-inline:40px;padding-left:1rem;display:block}.ProseMirror p.is-editor-empty{position:relative}.ProseMirror p.is-editor-empty:first-child:before{color:var(--cx-color-neutral-1000);content:attr(data-placeholder);opacity:.25;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;width:100%;height:100%;font-weight:400;display:block;position:absolute;overflow:hidden}.ProseMirror table .selectedCell:after{background:var(--cx-color-neutral-300);content:"";opacity:.4;pointer-events:none;z-index:2;height:100%;position:absolute;inset:0}.ProseMirror table td,.ProseMirror table th{border:1px dashed var(--cx-color-neutral-400);min-width:1rem;position:relative}.ProseMirror table[data-align=center]{margin-left:auto;margin-right:auto}.ProseMirror table[data-align=right]{margin-left:auto}.ProseMirror.cursor-col-resize{cursor:col-resize}.ProseMirror.cursor-row-resize{cursor:row-resize}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:var(--cx-font-size-x-small);text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;hyphens:none;direction:ltr;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;line-height:1.5}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-] ::selection{text-shadow:none;background:#75a7ca}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{background:#1e1e1e;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{color:#db4c69;background:#f9f2f4;border-radius:.3em;padding:.1em .3em}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{z-index:1;position:relative}.line-highlight{z-index:0;pointer-events:none;line-height:inherit;white-space:pre;background:#f7ebc6;margin-top:1em;padding:0;position:absolute;left:0;right:0;box-shadow:inset 5px 0 #f7d87c}`;
+var t = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(t || {}), f = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(f || {});
+const M = u`:host{--color:light-dark(#000,#fff);--font-family:var(--cx-font-sans);--text-align:left;--line-height:1;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-semibold);line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--cx-font-weight-semibold);line-height:var(--line-height,var(--cx-line-height-medium))}`;
+var A = Object.defineProperty, H = Object.getOwnPropertyDescriptor, r = (e, n, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? H(n, a) : n, d = e.length - 1, p; d >= 0; d--)
+    (p = e[d]) && (i = (s ? p(n, a, i) : p(i)) || i);
+  return s && i && A(n, a, i), i;
+};
+const L = {
+  [t.H1]: "heading-1",
+  [t.H2]: "heading-2",
+  [t.H3]: "heading-3",
+  [t.H4]: "heading-4",
+  [t.H5]: "heading-5",
+  [t.H6]: "heading-6"
+}, T = {
+  [t.H1]: l`h1`,
+  [t.H2]: l`h2`,
+  [t.H3]: l`h3`,
+  [t.H4]: l`h4`,
+  [t.H5]: l`h5`,
+  [t.H6]: l`h6`
+};
+let o = class extends b {
+  constructor() {
+    super(), this.localize = new y(this), this.variant = t.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = f.Left, this.disabledCopyButton = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
+      const e = this.getAnchorID();
+      !e || e !== this.anchorID || this.scrollIntoView({
+        block: "start"
+      });
+    }, this.handleClick = this.handleClick.bind(this), this.handleCMS5PageReady = this.handleCMS5PageReady.bind(this);
+  }
+  /**
+   * Get the owner window
+   */
+  get ownerWindow() {
+    return this.ownerDocument.defaultView ?? window;
+  }
+  /**
+   * Get the anchor ID for the header.
+   * If `hasAnchorLink` is false, it returns an empty string.
+   * If `anchorLink` is provided, it returns that.
+   * Otherwise, it generates an anchor based on the text content of the header,
+   */
+  get anchorID() {
+    return this.hasAnchorLink && (this.anchorLink || this.textContent?.trim().replace(/\s+/g, "-").toLowerCase()) || "";
+  }
+  runFirstUpdated() {
+    setTimeout(() => {
+      this.scrollToAnchor();
+    }, 200);
+  }
+  runConnectedCallback() {
+    this.addEventListener("click", this.handleClick), this.setAttribute("role", "heading"), this.hasAnchorLink && (this.ownerWindow.addEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.addEventListener(
+      "cx-cms5-page-ready",
+      this.handleCMS5PageReady,
+      {
+        once: !0
+      }
+    ));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.ownerWindow.removeEventListener("hashchange", this.scrollToAnchor), this.ownerWindow.removeEventListener(
+      "cx-cms5-page-ready",
+      this.scrollToAnchor
+    ), this.cms5PageReadyTimeout && (clearTimeout(this.cms5PageReadyTimeout), this.cms5PageReadyTimeout = null);
+  }
+  /**
+   * Scroll to anchor after CMS5 page is ready
+   * Wait 100ms for repaint reflow shift layout (not affect by fetching api in web component)
+   */
+  handleCMS5PageReady() {
+    this.cms5PageReadyTimeout && clearTimeout(this.cms5PageReadyTimeout), this.cms5PageReadyTimeout = setTimeout(() => {
+      this.scrollToAnchor();
+    }, 100);
+  }
+  handleClick(e) {
+    this.contentEditable === "true" && e.stopPropagation();
+  }
+  getAnchorID() {
+    let e = "";
+    const a = this.ownerWindow.location.href.split("#");
+    return a.length > 1 && (e = decodeURIComponent(a[1])), e;
+  }
+  /**
+   * After Tiptap editor is destroyed, the slot element is removed.
+   * This method is used to re-add the slot element.
+   */
+  addSlotElement() {
+    if (this.defaultSlot || !this.heading)
+      return;
+    const e = this.ownerDocument.createElement("slot");
+    this.heading.appendChild(e);
+  }
+  handleHeadingChange() {
+    this.setAttribute("aria-level", this.variant.replace("h", ""));
+  }
+  handleCopyButtonClick(e) {
+    e.stopPropagation();
+  }
+  renderHeading(e) {
+    const n = L[this.variant], a = T[this.variant];
+    return h`<${a} part="heading" class=${g({ heading: !0, [n]: !0 })} style=${P({
+      fontSize: /\d/.test(this.fontSize || "") ? this.fontSize : void 0
+    })}>${e}</${a}>`;
+  }
+  render() {
+    const e = this.hasAnchorLink ? `${this.ownerWindow.location.href.split("#")[0]}#${encodeURIComponent(this.anchorID)}` : "", n = this.hasAnchorLink && !this.disabledCopyButton;
+    return h`<div part="base" class=${g({
+      container: !0,
+      "container--has-copy-button": n
+    })}>${this.renderHeading(h`<slot></slot>`)}
+        ${z(n, () => h`<cx-copy-button part="copy-button" class="copy-button" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
+  }
+};
+o.styles = [
+  x,
+  C,
+  M
+];
+o.dependencies = {
+  "cx-copy-button": k
+};
+r([
+  m("slot")
+], o.prototype, "defaultSlot", 2);
+r([
+  m(".heading")
+], o.prototype, "heading", 2);
+r([
+  c({ reflect: !0, type: String })
+], o.prototype, "variant", 2);
+r([
+  c({ attribute: "font-size", reflect: !0, type: String })
+], o.prototype, "fontSize", 2);
+r([
+  c({ attribute: "has-anchor-link", type: Boolean })
+], o.prototype, "hasAnchorLink", 2);
+r([
+  c({ attribute: "anchor-link", type: String })
+], o.prototype, "anchorLink", 2);
+r([
+  c({ type: String })
+], o.prototype, "alignment", 2);
+r([
+  c({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
+], o.prototype, "disabledCopyButton", 2);
+r([
+  w("variant")
+], o.prototype, "handleHeadingChange", 1);
+o = r([
+  v("cx-header")
+], o);
+export {
+  f as A,
+  o as C,
+  t as V
+};

package/library/chunks/{hierarchy.HoRJAu6S.js → hierarchy.DwVsMmsP.js}

@@ -1,12 +1,12 @@
-import { D as yi, F as mi, al as xi, x as Zt, I as _i, q as O, am as V, H as qt, C as yt, L as Z, T as K, b as Ue, R as ce, m as G, J as Ke, e as P, a2 as ke, aq as wi, a as X, _ as Ne, G as Ze, bi as Di, a4 as be, ap as Qt, r as ut, b1 as ki, o as Ae, h as Ni, j as bi, aZ as Pe } from "./am-chart.B_OdX4Q-.js";
+import { D as yi, F as mi, al as xi, x as Zt, I as _i, q as O, am as V, H as qt, C as yt, L as Z, T as K, b as Ue, R as ce, m as G, J as Ke, e as P, a2 as ke, aq as wi, a as X, _ as Ne, G as Ze, bi as Di, a4 as be, ap as Qt, r as ut, b1 as ki, o as Ae, h as Ni, j as bi, aZ as Pe } from "./am-chart.H2jnOzFc.js";
 import { N as Ai, h as Pi } from "./index.CZJTjkLp.js";
-import { C as Jt } from "./Circle.DhoXSsjo.js";
+import { C as Jt } from "./Circle.DBa5Ok8V.js";
 import { t as Ci, d as Ri } from "./timer.B39XOBYL.js";
 import { c as mt, a as xt, i as Ti } from "./index.DU0XUO4k.js";
-import { S as zi } from "./Slice.DbXRplXx.js";
-import { R as Li } from "./RadialLabel.TyXECvYG.js";
+import { S as zi } from "./Slice.DiEswWa6.js";
+import { R as Li } from "./RadialLabel.DyVOf2K8.js";
 import { r as Si } from "./accessors.BHk36ecy.js";
-import { P as Mi } from "./Polygon.DEO3f_qs.js";
+import { P as Mi } from "./Polygon.BwMvXN2H.js";
 import { a as Hi } from "./_commonjsHelpers.DQNKXVTB.js";
 import { r as Wi } from "./___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
 function Qe(s) {

package/library/chunks/{hub-connection.CfARlehM.js → hub-connection.Ot2odiCz.js}

@@ -1,6 +1,6 @@
 import { C as K, n as v } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as X } from "./custom-element.L4WJXn1j.js";
-import { w as J } from "./watch.q1sEjPWL.js";
+import { w as J } from "./watch.BCJD77bD.js";
 import { r as F } from "./state.CSDxrqLd.js";
 class k extends Error {
   /** Constructs a new instance of {@link @microsoft/signalr.HttpError}.

package/library/chunks/{i18n.C0iakJkV.js → i18n.BFqTRDCA.js}

@@ -1,7 +1,7 @@
 import { p as v } from "./purify.es.BIuh5IAZ.js";
-const s = /* @__PURE__ */ new Set(), C = new MutationObserver(f), r = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
-let d = document.documentElement.dir || "ltr", m = document.documentElement.lang || navigator.language, l;
-C.observe(document.documentElement, {
+const s = /* @__PURE__ */ new Set(), b = new MutationObserver(f), l = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
+let d = document.documentElement.dir || "ltr", m = document.documentElement.lang || navigator.language, r;
+b.observe(document.documentElement, {
   attributeFilter: ["dir", "lang"],
   attributes: !0
 });
@@ -11,7 +11,7 @@ function A(e) {
 function u(...e) {
   e.map((t) => {
     const o = t.$code.toLowerCase();
-    r.has(o) ? r.set(o, { ...r.get(o), ...t }) : r.set(o, t), l || (l = t);
+    l.has(o) ? l.set(o, { ...l.get(o), ...t }) : l.set(o, t), r || (r = t);
   });
 }
 function g(...e) {
@@ -32,7 +32,7 @@ function f() {
     typeof e.requestUpdate == "function" && e.requestUpdate();
   });
 }
-let b = class {
+let C = class {
   constructor(t) {
     this.host = t, this.host.addController(this);
   }
@@ -64,7 +64,7 @@ let b = class {
       const [c, p] = t.replace(/_/g, "-").split("-");
       a = c ? c.toLowerCase() : "", i = p ? p.toLowerCase() : "", o = { language: a, region: i };
     }
-    const n = i && r.get(`${a}-${i}`) ? r.get(`${a}-${i}`) : void 0, y = r.get(a);
+    const n = i && l.get(`${a}-${i}`) ? l.get(`${a}-${i}`) : void 0, y = l.get(a);
     return { language: a, locale: o, primary: n, region: i, secondary: y };
   }
   /** Determines if the specified term exists, optionally checking the fallback translation. */
@@ -75,7 +75,7 @@ let b = class {
     return o = {
       includeFallback: !1,
       ...o
-    }, !!(a && a[t] || i && i[t] || o.includeFallback && l && l[t]);
+    }, !!(a && a[t] || i && i[t] || o.includeFallback && r && r[t]);
   }
   /** Outputs a translated term. */
   term(t, ...o) {
@@ -85,8 +85,8 @@ let b = class {
       n = a[t];
     else if (i && i[t])
       n = i[t];
-    else if (l && l[t])
-      n = l[t];
+    else if (r && r[t])
+      n = r[t];
     else
       return String(t);
     return typeof n == "function" ? v.sanitize(n(...o)) : n;
@@ -185,6 +185,7 @@ const w = {
   ascending: "Ascending",
   aspectRatio: "Aspect ratio",
   asset: "Asset",
+  assetFormat: "Asset format",
   assetInColdStorage: "Asset in Cold Storage",
   assetIndexSync: "Asset index sync",
   assetPreview: "Asset preview",
@@ -316,6 +317,7 @@ const w = {
   customStyle: "Custom style",
   customWidth: "Custom width",
   damViewNoAvailableOptionsForThisAsset: "There are no available options for this asset. This might be due to your permissions or the application's settings.",
+  darkImageFormat: "Dark image format",
   darkModeImage: "Dark mode image",
   dashSpacing: "Dash spacing",
   dashWidth: "Dash width",
@@ -356,6 +358,7 @@ const w = {
   downloadButton: "Download button",
   downloadCompleted: "Download completed",
   downloadFailed: "Download failed",
+  downloadFormat: "Download format",
   downloadLocationNoLongerExists: (e) => `Default download location <strong>${e}</strong> no longer exists.`,
   downloadManager: "Download Manager",
   downloadNewVersion: "Download new version",
@@ -480,6 +483,7 @@ const w = {
   image: "Image",
   imageContent: "Image content",
   imageFormat: "Image format",
+  imagesFormat: "Images format",
   import: "Import",
   importTextFile: "Import text file",
   importTextFileDialogConfirm: "Import text",
@@ -498,8 +502,8 @@ const w = {
   interpretTextAs: "Interpret Text As",
   itCanTakeAFewMinutesForThisSettingToTakeEffect: "It can take a few minutes for this setting to take effect.",
   italic: "Italic",
-  itemOfTotal: (e, t) => `${e} of ${t}`,
-  itemRangeOfTotal: (e, t, o) => `${e} - ${t} of ${o}`,
+  itemOfTotal: (e, t) => `${e} of ${t}`.trim(),
+  itemRangeOfTotal: (e, t, o) => `${e} - ${t} of ${o}`.trim(),
   itemsGap: "Items gap",
   jump: "Jump",
   justify: "Justify",
@@ -671,6 +675,7 @@ const w = {
   qualityHelpText: "From 1 to 100. 1 = Worst. 100 = Best. Supported Image Formats: JPG, JPEG.",
   quote: "Quote",
   radixPoint: "Radix Point",
+  read: "read",
   readyToUse: "Ready to use",
   recent: "Recent",
   redo: "Redo",
@@ -809,6 +814,7 @@ const w = {
   thickness: "Thickness",
   thousandsSeparator: "Thousands Separator",
   thumbnail: "Thumbnail",
+  thumbnailFormat: "Thumbnail format",
   thumbnailHelpText: "Specify a custom image to use as a preview for the video before it has started playing. If unset, the first frame of the video will be used.",
   timeBased: "Time Based",
   timeFormat: "Time Format",
@@ -869,6 +875,7 @@ const w = {
   video: "Video",
   videoChaptersEmptyPlaceholder: "This video doesn’t have chapter yet",
   videoContent: "Video content",
+  videoFormat: "Video format",
   videoPlayer: "Video player",
   view: "View",
   viewAndSort: "view & sort",
@@ -896,7 +903,7 @@ const w = {
   zoomToFit: "Zoom to fit"
 };
 g(w);
-class k extends b {
+class k extends C {
 }
 g(w);
 export {

package/library/chunks/icon-button.rKe0N4VB.js

@@ -0,0 +1,149 @@
+import { n as r, C as g } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as p } from "./component.styles.CRO4Odto.js";
+import { c as h } from "./custom-element.L4WJXn1j.js";
+import { L as m } from "./i18n.BFqTRDCA.js";
+import { r as f } from "./state.CSDxrqLd.js";
+import { e as v } from "./query.BBf1UFkC.js";
+import { e as y } from "./class-map.BiVq-cVR.js";
+import { o as c } from "./if-defined.BRoBj_Rp.js";
+import { n as k } from "./when.Dr1es41R.js";
+import { i as d, u as b } from "./static.UA3G1Deq.js";
+import _ from "../components/icon.js";
+import w from "../components/spinner.js";
+import { i as z } from "./lit-element.jLBm65_O.js";
+var x = /* @__PURE__ */ ((o) => (o.Large = "large", o.Medium = "medium", o.Small = "small", o.XLarge = "x-large", o))(x || {});
+const $ = z`:host{color:var(--cx-color-neutral-600);--group-divider-color:#80808054;display:inline-block}.icon-button{border-radius:var(--cx-border-radius-medium);font-size:inherit;color:inherit;padding:var(--cx-spacing-x-small);cursor:pointer;transition:var(--cx-transition-x-fast) color;background:0 0;border:none;flex:none;align-items:center;display:flex;position:relative}.icon-button:focus{outline:none}.icon-button--disabled{opacity:.5;cursor:default}.icon-button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.icon-button__icon{pointer-events:none;margin:auto}.icon-button--small{font-size:var(--cx-font-size-x-small);padding:var(--cx-spacing-2x-small);min-height:var(--cx-input-height-small);min-width:var(--cx-input-height-small)}.icon-button--medium{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-2x-small);min-height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium)}.icon-button--large{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-x-small);min-height:var(--cx-input-height-large);min-width:var(--cx-input-width-large)}.icon-button--x-large{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-small);min-height:var(--cx-input-height-x-large);min-width:var(--cx-input-height-x-large)}.icon-button.icon-button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button.icon-button--default:hover:not(.icon-button--disabled),.icon-button.icon-button--default.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.icon-button.icon-button--default:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral)}.icon-button.icon-button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.icon-button.icon-button--primary:hover:not(.icon-button--disabled),.icon-button.icon-button--primary.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--primary:active:not(.icon-button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success:hover:not(.icon-button--disabled),.icon-button.icon-button--success.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success:active:not(.icon-button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning:hover:not(.icon-button--disabled),.icon-button.icon-button--warning.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning:active:not(.icon-button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger:hover:not(.icon-button--disabled),.icon-button.icon-button--danger.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger:active:not(.icon-button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--custom,.icon-button.icon-button--custom:hover:not(.icon-button--disabled),.icon-button.icon-button--custom.icon-button--focused:not(.icon-button--disabled),.icon-button.icon-button--custom:active:not(.icon-button--disabled){background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.icon-button--outline{border:solid var(--cx-input-border-width);border-color:var(--cx-input-border-color);background:0 0}.icon-button--outline.icon-button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--default:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--default.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--default.icon-button--checked:not(.icon-button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--default:active:not(.icon-button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.icon-button--outline.icon-button--primary:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--primary.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--primary.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--primary:active:not(.icon-button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.icon-button--outline.icon-button--success:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--success.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--success.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--success:active:not(.icon-button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.icon-button--outline.icon-button--warning:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--warning.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--warning.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--warning:active:not(.icon-button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.icon-button--outline.icon-button--danger:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--danger.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--danger.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--danger:active:not(.icon-button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.icon-button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.icon-button--tertiary:hover:not(.icon-button--disabled),.icon-button--tertiary.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.icon-button--tertiary:focus-visible:not(.icon-button--disabled){background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral);border-color:#0000}.icon-button--tertiary:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.icon-button--circle{border-radius:var(--cx-border-radius-circle)}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .icon-button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .icon-button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .icon-button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .icon-button:after{content:"";top:0;inset-inline-start:0;border-left:solid 1px var(--group-divider-color);mix-blend-mode:multiply;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}.icon-button ::slotted(cx-badge){pointer-events:none;translate:50% -50%;top:0!important;left:unset!important;position:absolute!important;right:0!important}.icon-button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.icon-button--small ::slotted(cx-badge){--padding:.1em .32em;--font-size:var(--cx-font-size-x-small)}.icon-button--medium ::slotted(cx-badge){--font-size:var(--cx-font-size-small)}.icon-button--large ::slotted(cx-badge),.icon-button--x-large ::slotted(cx-badge){--font-size:var(--cx-font-size-medium)}.icon-button__icon-container{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:relative}.icon-button--loading{cursor:wait;position:relative}.icon-button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}`;
+var C = Object.defineProperty, S = Object.getOwnPropertyDescriptor, n = (o, i, l, a) => {
+  for (var e = a > 1 ? void 0 : a ? S(i, l) : i, u = o.length - 1, s; u >= 0; u--)
+    (s = o[u]) && (e = (a ? s(i, l, e) : s(e)) || e);
+  return a && e && C(i, l, e), e;
+};
+let t = class extends g {
+  constructor() {
+    super(...arguments), this.localize = new m(this), this.hasFocus = !1, this.variant = "outlined", this.buttonVariant = "text", this.label = "", this.disabled = !1, this.loading = !1, this.iconClass = "", this.size = x.Medium, this.outline = !1, this.circle = !1;
+  }
+  connectedUpdatedCallback() {
+    this.syncStyles(), this.styleObserver = new MutationObserver(() => this.syncStyles()), this.styleObserver.observe(this, {
+      attributeFilter: ["style"],
+      attributes: !0
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.styleObserver?.disconnect();
+  }
+  syncStyles() {
+    const o = this.style.fontSize;
+    o && this.button && (this.icon.style.setProperty("--font-size", o), this.button.style.fontSize = "inherit", this.style.fontSize = "");
+  }
+  handleBlur() {
+    this.hasFocus = !1, this.emit("cx-blur");
+  }
+  handleFocus() {
+    this.hasFocus = !0, this.emit("cx-focus");
+  }
+  handleClick(o) {
+    this.disabled && (o.preventDefault(), o.stopPropagation());
+  }
+  /** Simulates a click on the icon button. */
+  click() {
+    this.button.click();
+  }
+  /** Sets focus on the icon button. */
+  focus(o) {
+    this.button.focus(o);
+  }
+  /** Removes focus from the icon button. */
+  blur() {
+    this.button.blur();
+  }
+  render() {
+    const o = !!this.href, i = o ? d`a` : d`button`;
+    return b`<${i} part="base" class=${y({
+      "icon-button": !0,
+      "icon-button--circle": this.circle,
+      "icon-button--custom": !!this.src,
+      "icon-button--danger": this.buttonVariant === "danger",
+      "icon-button--default": this.buttonVariant === "default" || this.buttonVariant === "neutral",
+      "icon-button--disabled": !o && this.disabled,
+      "icon-button--focused": this.hasFocus,
+      "icon-button--large": this.size === "large",
+      "icon-button--loading": this.loading,
+      "icon-button--medium": this.size === "medium",
+      "icon-button--outline": this.outline,
+      "icon-button--primary": this.buttonVariant === "primary",
+      "icon-button--rtl": this.localize.dir() === "rtl",
+      "icon-button--small": this.size === "small",
+      "icon-button--success": this.buttonVariant === "success",
+      "icon-button--tertiary": this.buttonVariant === "tertiary",
+      "icon-button--text": this.buttonVariant === "text",
+      "icon-button--warning": this.buttonVariant === "warning",
+      "icon-button--x-large": this.size === "x-large"
+    })} ?disabled=${c(o ? void 0 : this.disabled)} type=${c(o ? void 0 : "button")} href=${c(o ? this.href : void 0)} target=${c(o ? this.target : void 0)} download=${c(o ? this.download : void 0)} rel=${c(
+      o && this.target ? "noreferrer noopener" : void 0
+    )} role=${c(o ? void 0 : "button")} aria-disabled=${this.disabled || this.loading ? "true" : "false"} aria-label=${this.label} tabindex=${this.disabled || this.loading ? "-1" : "0"} aria-busy=${this.loading ? "true" : "false"} @blur=${this.handleBlur} @focus=${this.handleFocus} @click=${this.handleClick}><div class="icon-button__icon-container">${k(
+      this.loading,
+      () => b`<cx-spinner part="spinner" role="status" aria-live="polite"></cx-spinner>`,
+      () => b`<cx-icon class="icon-button__icon" icon-class=${c(this.iconClass)} name=${c(this.name)} variant=${this.variant} src=${c(this.src)} aria-hidden="true" part="icon"></cx-icon>`
+    )}<slot name="badge"></slot></div></${i}>`;
+  }
+};
+t.styles = [p, $];
+t.dependencies = { "cx-icon": _, "cx-spinner": w };
+n([
+  v(".icon-button")
+], t.prototype, "button", 2);
+n([
+  v(".icon-button__icon")
+], t.prototype, "icon", 2);
+n([
+  f()
+], t.prototype, "hasFocus", 2);
+n([
+  r()
+], t.prototype, "name", 2);
+n([
+  r({ type: String })
+], t.prototype, "variant", 2);
+n([
+  r({ attribute: "button-variant", reflect: !0, type: String })
+], t.prototype, "buttonVariant", 2);
+n([
+  r()
+], t.prototype, "src", 2);
+n([
+  r()
+], t.prototype, "href", 2);
+n([
+  r()
+], t.prototype, "target", 2);
+n([
+  r()
+], t.prototype, "download", 2);
+n([
+  r()
+], t.prototype, "label", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "disabled", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "loading", 2);
+n([
+  r({ attribute: "icon-class", type: String })
+], t.prototype, "iconClass", 2);
+n([
+  r({ reflect: !0 })
+], t.prototype, "size", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "outline", 2);
+n([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "circle", 2);
+t = n([
+  h("cx-icon-button")
+], t);
+export {
+  t as C,
+  x as I
+};

package/library/chunks/iframe.DznmlYpV.js

@@ -0,0 +1,73 @@
+import { n as r, C as d } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as h } from "./component.styles.CRO4Odto.js";
+import { c as y } from "./custom-element.L4WJXn1j.js";
+import { L as u } from "./i18n.BFqTRDCA.js";
+import { w as g } from "./watch.BCJD77bD.js";
+import { i as v, x as p } from "./lit-element.jLBm65_O.js";
+import { e as b } from "./query.BBf1UFkC.js";
+import { e as x } from "./class-map.BiVq-cVR.js";
+import { o as f } from "./if-defined.BRoBj_Rp.js";
+import { n as w } from "./when.Dr1es41R.js";
+var m = /* @__PURE__ */ ((o) => (o.Eager = "eager", o.Lazy = "lazy", o))(m || {});
+const _ = v`:host{--background-color:#f5f5f5;width:100%;height:var(--height,500px);isolation:isolate;display:block}.iframe{width:100%;height:100%;display:block;position:relative}.iframe--empty:before{color:#fff;content:attr(data-empty-text);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-semibold);text-align:center;text-shadow:.05em .05em .1em #000;vertical-align:middle;z-index:1;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:absolute}.iframe__overlay{z-index:1;background-color:#0000;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.iframe__view{background-color:var(--background-color);border-radius:var(--cx-border-radius-small);border:none;width:100%;height:100%;display:block}.iframe__spinner{--track-width:6px;z-index:2;font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}`;
+var z = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, t = (o, a, s, l) => {
+  for (var i = l > 1 ? void 0 : l ? $(a, s) : a, n = o.length - 1, c; n >= 0; n--)
+    (c = o[n]) && (i = (l ? c(a, s, i) : c(i)) || i);
+  return l && i && z(a, s, i), i;
+};
+let e = class extends d {
+  constructor() {
+    super(...arguments), this.localize = new u(this), this.src = "", this.iframeTitle = "Embedded content", this.iframeLoading = m.Lazy, this.allow = "", this.sandbox = "", this.referrerPolicy = "", this.canFullscreen = !1, this.loading = !1;
+  }
+  async handleCanFullscreenChange() {
+    await this.updateComplete, this.iframe && (this.iframe.src = "", this.iframe.src = this.src);
+  }
+  render() {
+    return p`<div part="base" data-empty-text=${this.localize.term("noSourceUrlProvided")} class=${x({
+      iframe: !0,
+      "iframe--empty": !this.src && !this.loading
+    })}>${w(
+      this.loading,
+      () => p`<cx-spinner class="iframe__spinner"></cx-spinner>`
+    )}<div part="overlay" class="iframe__overlay" aria-hidden="true"></div><iframe part="view" class="iframe__view" allow=${f(this.allow || void 0)} loading=${this.iframeLoading} referrerpolicy=${f(this.referrerPolicy || void 0)} sandbox=${f(this.sandbox || void 0)} src=${this.src} title=${this.iframeTitle} ?allowfullscreen=${this.canFullscreen}></iframe></div>`;
+  }
+};
+e.styles = [h, _];
+e.dependencies = {};
+t([
+  b("iframe")
+], e.prototype, "iframe", 2);
+t([
+  r({ reflect: !0, type: String })
+], e.prototype, "src", 2);
+t([
+  r({ attribute: "iframe-title", reflect: !0, type: String })
+], e.prototype, "iframeTitle", 2);
+t([
+  r({ attribute: "iframe-loading", reflect: !0, type: String })
+], e.prototype, "iframeLoading", 2);
+t([
+  r({ reflect: !0, type: String })
+], e.prototype, "allow", 2);
+t([
+  r({ reflect: !0, type: String })
+], e.prototype, "sandbox", 2);
+t([
+  r({ attribute: "referrer-policy", reflect: !0, type: String })
+], e.prototype, "referrerPolicy", 2);
+t([
+  r({ attribute: "can-fullscreen", reflect: !0, type: Boolean })
+], e.prototype, "canFullscreen", 2);
+t([
+  r({ reflect: !0, type: Boolean })
+], e.prototype, "loading", 2);
+t([
+  g("canFullscreen")
+], e.prototype, "handleCanFullscreenChange", 1);
+e = t([
+  y("cx-iframe")
+], e);
+export {
+  e as C,
+  m as a
+};