@orangelogic/design-system 2.172.0 → 2.174.0

package/library/components/tab.js

@@ -7,7 +7,7 @@ import { w as p } from "../chunks/watch.DJF5K-8U.js";
 import { i as b, x as d } from "../chunks/lit-element.jLBm65_O.js";
 import { e as _ } from "../chunks/query.BBf1UFkC.js";
 import { e as n } from "../chunks/class-map.BiVq-cVR.js";
-import { C as g } from "../chunks/icon-button.DJvfUmOl.js";
+import { C as g } from "../chunks/icon-button.BWToMtdK.js";
 import y from "./line-clamp.js";
 const w = b`.tab{border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small));font:var(--cx-font-label-small);font-weight:var(--cx-font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);align-items:center;display:inline-flex}.tab__label{flex:auto;min-width:0}.tab__label::part(content){word-break:break-all}.tab.tab--default{color:var(--tab-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.tab.tab--button{color:var(--tab-color,var(--cx-color-neutral-600));background-color:var(--tab-background-color,transparent);border-radius:var(--tab-border-radius,10px)}.tab.tab.tab--default:hover:not(.tab--disabled){color:var(--cx-color-primary)}.tab.tab.tab--button:hover:not(.tab--disabled):not(.tab--active){color:var(--cx-color-neutral-800)}.tab.tab--default.tab--active:not(.tab--disabled){color:var(--tab-active-color,var(--cx-color-primary));background-color:var(--tab-active-background-color,transparent)}.tab.tab--button.tab--active:not(.tab--disabled){background-color:var(--tab-active-background-color,var(--cx-color-neutral-200));color:var(--tab-active-color,var(--cx-color-neutral-800))}.tab.tab--closable{padding-inline-end:var(--cx-spacing-small)}.tab.tab--disabled{opacity:.5;cursor:default}.tab__close-button{font-size:var(--cx-font-size-small);margin-inline-start:var(--cx-spacing-small)}.tab__close-button::part(base){padding:var(--cx-spacing-3x-small)}@media (forced-colors:active){.tab.tab--active:not(.tab--disabled){outline-offset:-3px;outline:1px solid #0000}}`, k = b`.timeline-item{gap:var(--cx-spacing-small);font-family:var(--timeline-item-font-family), var(--cx-font-sans);font-style:var(--timeline-item-font-style,normal);font-size:var(--timeline-item-font-size,var(--cx-font-size-small));font-weight:var(--timeline-item-font-weight,var(--cx-font-weight-regular));border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);flex-direction:column;display:flex;position:relative}.timeline-item--single{align-items:center}.timeline-item__content{--timeline-item-content-width:var(--min-tab-width);align-items:center;gap:var(--cx-spacing-x-large);left:calc(var(--i) / (var(--n) - 1) * (100% - var(--timeline-item-content-width)));width:var(--timeline-item-content-width);flex-direction:column;transition:left .4s linear;display:flex;position:relative}.timeline-item__label{flex:auto;min-width:0}.timeline-item__label::part(content){word-break:break-all}.timeline-item{color:var(--marker-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.timeline-item.timeline-item--active:not(.timeline-item--disabled),:host(:hover) .timeline-item:not(.timeline-item--disabled){color:var(--marker-active-color,var(--cx-color-primary))}.timeline-item.timeline-item--disabled{opacity:.5;cursor:default}@media (forced-colors:active){.timeline-item.timeline-item--active:not(.timeline-item--disabled){outline-offset:-3px;outline:1px solid #0000}}.timeline-item__thumbnail{width:var(--marker-image-width,120px);height:var(--marker-image-height,100px);border-radius:var(--marker-image-border-radius,var(--cx-border-radius-small));max-width:100%;display:block;overflow:hidden}.timeline-item.timeline-item--active:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty),:host(:hover) .timeline-item:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty){outline:4px solid var(--marker-active-color,var(--cx-color-primary))}.timeline-item__thumbnail.timeline-item__thumbnail--empty{display:none}.timeline-item__thumbnail::slotted(img){object-fit:cover;width:100%;height:100%}.timeline-item__indicator{isolation:isolate;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.timeline-item__indicator__dot{width:var(--cx-spacing-small);height:var(--cx-spacing-small);border-radius:var(--cx-border-radius-circle);background-color:var(--marker-color);z-index:1;display:block}.timeline-item__indicator__dot--active:not(.timeline-item__indicator__dot--disabled),:host(:hover) .timeline-item__indicator__dot:not(.timeline-item__indicator__dot--disabled){background-color:var(--marker-active-color)}`, C = b`
   :host {

package/library/components/tag.js

@@ -5,7 +5,7 @@ import { L as h } from "../chunks/i18n.DbXTTLXx.js";
 import { H as v } from "../chunks/slot.j5oheLJC.js";
 import { i as d, x as m } from "../chunks/lit-element.jLBm65_O.js";
 import { e as f } from "../chunks/class-map.BiVq-cVR.js";
-import { C as b } from "../chunks/icon-button.DJvfUmOl.js";
+import { C as b } from "../chunks/icon-button.BWToMtdK.js";
 import _ from "./line-clamp.js";
 const n = 1, y = d`:host{display:inline-block}.tag{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid;align-items:center;line-height:1;display:flex}.tag__content{min-width:0}.tag--has-prefix .tag__prefix,.tag--has-suffix .tag__suffix{flex:none;align-items:center;display:inline-flex}.tag--has-prefix .tag__prefix{margin-inline-end:var(--cx-spacing-x-small)}.tag--has-suffix .tag__suffix{margin-inline-start:var(--cx-spacing-x-small)}.tag__remove::part(base){color:inherit;padding:0}.tag--primary{background-color:var(--cx-color-primary-50);border-color:var(--cx-color-primary-300);color:var(--cx-color-primary-800)}.tag--primary:active>cx-icon-button{color:var(--cx-color-primary)}.tag--success{background-color:var(--cx-color-success-50);border-color:var(--cx-color-success-200);color:var(--cx-color-success-800)}.tag--success:active>cx-icon-button{color:var(--cx-color-success)}.tag--neutral{background-color:var(--cx-color-neutral-50);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-800)}.tag--neutral:active>cx-icon-button{color:var(--cx-color-neutral-600)}.tag--warning{background-color:var(--cx-color-warning-50);border-color:var(--cx-color-warning-200);color:var(--cx-color-warning-800)}.tag--warning:active>cx-icon-button{color:var(--cx-color-warning)}.tag--danger{background-color:var(--cx-color-danger-50);border-color:var(--cx-color-danger-200);color:var(--cx-color-danger-800)}.tag--danger:active>cx-icon-button{color:var(--cx-color-danger)}.tag--small{font-size:var(--cx-button-font-size-small);height:calc(var(--cx-input-height-small) * .8);line-height:calc(var(--cx-input-height-small) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-small);padding:0 var(--cx-spacing-x-small)}.tag--medium{font-size:var(--cx-button-font-size-medium);height:calc(var(--cx-input-height-medium) * .8);line-height:calc(var(--cx-input-height-medium) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-medium);padding:0 var(--cx-spacing-small)}.tag--large{font-size:var(--cx-button-font-size-large);height:calc(var(--cx-input-height-large) * .8);line-height:calc(var(--cx-input-height-large) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-large);padding:0 var(--cx-spacing-medium)}.tag--small .tag__remove::part(icon){--font-size:var(--cx-font-size-small)}.tag--medium .tag__remove::part(icon){--font-size:var(--cx-font-size-medium)}.tag--large .tag__remove::part(icon){--font-size:var(--cx-font-size-large)}.tag--pill{border-radius:var(--cx-border-radius-pill)}.tag--removable{padding-inline-end:0}.tag--multiline{white-space:normal;height:auto;padding-block:var(--cx-spacing-2x-small);align-items:flex-start}.tag--multiline.tag--small{line-height:var(--cx-line-height-small)}.tag--multiline.tag--medium{line-height:var(--cx-line-height-medium)}.tag--multiline.tag--large{line-height:var(--cx-line-height-large)}`;
 var z = Object.defineProperty, w = Object.getOwnPropertyDescriptor, t = (e, o, c, l) => {

package/library/components/typeface.js

@@ -1,6 +1,6 @@
 import d from "./grid.js";
 import m from "./grid-item.js";
-import { C as x } from "../chunks/icon-button.DJvfUmOl.js";
+import { C as x } from "../chunks/icon-button.BWToMtdK.js";
 import h from "./line-clamp.js";
 import g from "./space.js";
 import { C as w } from "../chunks/typography.IqHbnd3C.js";

package/library/components/types.js

@@ -18,10 +18,10 @@ import aF from "./copy-button.js";
 import BZ from "./date-calendar.js";
 import mx from "./details.js";
 import { default as yXt } from "./diff.js";
-import { C as Ma, D as Ef, O as sF, a as $Z, H as FZ, z as zZ, o as jZ } from "../chunks/dialog.BaHYOyYO.js";
+import { C as Ma, D as Ef, O as sF, a as $Z, H as FZ, z as zZ, o as jZ } from "../chunks/dialog.clJBka-1.js";
 import Vs from "./divider.js";
-import { r as HZ, a as lF, b as VZ, c as UZ } from "../chunks/document-viewer.B89YB5oo.js";
-import { C as wXt } from "../chunks/document-viewer.B89YB5oo.js";
+import { r as HZ, a as lF, b as VZ, c as UZ } from "../chunks/document-viewer.DxPw7xHV.js";
+import { C as wXt } from "../chunks/document-viewer.DxPw7xHV.js";
 import { d as qZ, C as WZ } from "../chunks/dot-pagination.BqGFeFXK.js";
 import { default as kXt } from "./dot-status.js";
 import { default as CXt } from "./drawer.js";
@@ -38,7 +38,7 @@ import { C as dF, V as XZ, A as JZ } from "../chunks/header.CWlWNree.js";
 import { H as ZZ, a as QZ } from "../chunks/hub-connection.BtevPWYb.js";
 import { C as DXt } from "../chunks/hub-connection.BtevPWYb.js";
 import { C as br } from "../chunks/icon.D5iM9wXS.js";
-import { C as wr } from "../chunks/icon-button.DJvfUmOl.js";
+import { C as wr } from "../chunks/icon-button.BWToMtdK.js";
 import { C as eQ, a as tQ } from "../chunks/iframe.-GCTFas1.js";
 import { C as U4, a as iQ } from "../chunks/image.mG-NXUWX.js";
 import { default as MXt } from "./image-comparer.js";
@@ -46,14 +46,14 @@ import { default as NXt } from "./include.js";
 import { C as Jr, I as $S } from "../chunks/input.B-c9KEAH.js";
 import { default as RXt } from "./input-group.js";
 import qu from "./line-clamp.js";
-import { C as qC, e as nQ, x as rQ, s as oQ, p as LI } from "../chunks/markdown.qQGMz1OY.js";
+import { C as qC, e as nQ, x as rQ, s as oQ, p as LI } from "../chunks/markdown.CESgIEEE.js";
 import gl from "./menu.js";
 import Ql from "./menu-item.js";
 import q4 from "./menu-label.js";
 import aQ from "./menu-section.js";
 import sQ from "./mutation-observer.js";
 import { C as Qo, a as lQ } from "../chunks/option.Bvyag0r1.js";
-import { C as cQ } from "../chunks/pagination.CwKlKOek.js";
+import { C as cQ } from "../chunks/pagination.Do36kaZK.js";
 import pd from "./popup.js";
 import dQ from "./progress-bar.js";
 import { default as $Xt } from "./progress-ring.js";
@@ -75,7 +75,7 @@ import { default as XXt } from "./step.js";
 import { default as ZXt } from "./stepper.js";
 import cb from "./switch.js";
 import KC from "./tab.js";
-import { C as YC, T as uF, a as pF, b as hF, g as RI } from "../chunks/tab-group.C_n0GEc_.js";
+import { C as YC, T as uF, a as pF, b as hF, g as RI } from "../chunks/tab-group.DYywhd3A.js";
 import G4 from "./tab-panel.js";
 import { default as eJt } from "./tag.js";
 import K4 from "./textarea.js";
@@ -115,7 +115,7 @@ import { d as ec } from "../chunks/debounce.DaHuiSGU.js";
 import { t as jS, c as qI, d as DQ, i as Xk, G as Gg, j as gp, h as IQ, s as WI, T as X4, k as wi, l as wF, u as MQ, f as Jk, m as PQ, F as ky, M as Yb, n as NQ, o as xF, q as GI } from "../chunks/string.BhJ0Zogu.js";
 import { b as XJt, e as JJt, g as ZJt, p as QJt, z as eZt, y as tZt, a as iZt, x as nZt, v as rZt, r as oZt, w as aZt } from "../chunks/string.BhJ0Zogu.js";
 import { c as pi } from "../chunks/repeat.CFjcER6_.js";
-import { a as By, F as $y, i as J4, b as KI, c as YI, d as LQ, e as kF, f as _F, g as Z4, h as Zk, C as RQ, j as XI, k as JI, l as ZI, m as QI, n as e8, o as t8, O as i8, D as HS, p as BQ, q as n8, u as Qk } from "../chunks/asset-link-format.BATKDRgD.js";
+import { a as By, F as $y, i as J4, b as KI, c as YI, d as LQ, e as kF, f as _F, g as Z4, h as Zk, C as RQ, j as XI, k as JI, l as ZI, m as QI, n as e8, o as t8, O as i8, D as HS, p as BQ, q as n8, u as Qk } from "../chunks/asset-link-format.NhSLWk_Y.js";
 import { H as XC } from "../chunks/slot.j5oheLJC.js";
 import { a as lZt, g as cZt } from "../chunks/slot.j5oheLJC.js";
 import { c as Pr, d as $Q, H as Ii, e as Ta, f as ms, a as FQ, b as er } from "../chunks/resizable-component.styles.CAfXABBc.js";
@@ -128,7 +128,7 @@ import { j as fZt, f as vZt, e as yZt, i as bZt, a as wZt, h as xZt, m as kZt, d
 import SF from "./bicolor-picker.js";
 import TF from "./border-input-group.js";
 import { C as TZt } from "../chunks/color-swatch.DpzAGKQx.js";
-import { C as ZC, a as EF } from "../chunks/confirm-popover.hHcCIzpX.js";
+import { C as ZC, a as EF } from "../chunks/confirm-popover.Cn1BaP0W.js";
 import HQ from "./corner-position-input-group.js";
 import VQ from "./cropper.js";
 import { h as ai, D as AF, e as l8, C as Us, M as db, T as QC, f as OF } from "../chunks/endpoints.CwgTrs4A.js";
@@ -141,9 +141,9 @@ import { g as IF, F as XQ } from "../chunks/form.CP9KLGjF.js";
 import { c as PZt, f as NZt, v as LZt, a as RZt } from "../chunks/form.CP9KLGjF.js";
 import { d as qS, c as u8, e as JQ, i as p8, h as ZQ, p as QQ, t as eee } from "../chunks/date.iWq_pkIk.js";
 import { b as $Zt, f as FZt, g as zZt, a as jZt, n as HZt } from "../chunks/date.iWq_pkIk.js";
-import { F as MF, a as tee, b as t3, H as iee, c as u0, d as nee, o as Cu } from "../chunks/color-swatch-group.CQlgq_I5.js";
-import { C as UZt, e as qZt, f as WZt } from "../chunks/color-swatch-group.CQlgq_I5.js";
-import { F as Gd, C as Q4, s as i3, a as WS } from "../chunks/folder-select.C6Sv4jtu.js";
+import { F as MF, a as tee, b as t3, H as iee, c as u0, d as nee, o as Cu } from "../chunks/color-swatch-group.C01UAz1A.js";
+import { C as UZt, e as qZt, f as WZt } from "../chunks/color-swatch-group.C01UAz1A.js";
+import { F as Gd, C as Q4, s as i3, a as WS } from "../chunks/folder-select.BgWvY0t0.js";
 import { b as n3, a as kw, c as ree, r as Ue, j as _e, w as oee, R as aee } from "../chunks/jsx-runtime.CTpPVMxj.js";
 import { j as GS } from "../chunks/index.CrhRU5m8.js";
 import { i as e6, T as KS, t as see } from "../chunks/transform.BuqENXeT.js";
@@ -36245,7 +36245,7 @@ async function aU({
   }
 }
 var kc = /* @__PURE__ */ ((i) => (i.Custom = "custom", i.Large = "large", i.Medium = "medium", i.Small = "small", i))(kc || {}), Au = /* @__PURE__ */ ((i) => (i.Adaptive = "adaptive", i.Fill = "fill", i.Fixed = "fixed", i))(Au || {});
-const Fvt = ti`:host{--width:100px;--icon-spacing:var(--cx-spacing-x-small);--color:light-dark(var(--cx-color-neutral-1000),var(--cx-color-neutral-0));--border-color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--background-color:light-dark(#0000,#0000);--search-box-custom-height:32px;--search-box-custom-padding:4px 8px 4px 8px;--search-box-custom-font-size:var(--cx-font-size-medium);width:var(--width);max-width:100%;transition:width .3s ease-in-out;display:block}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]),.search-box,.search-box cx-select{width:100%}.search-box cx-select{--cx-input-color:var(--color);--cx-input-color-hover:var(--color);--cx-input-icon-color:var(--color)}.search-box cx-select::part(combobox){color:var(--color);border-color:var(--border-color);background-color:var(--background-color);padding-inline-start:var(--cx-spacing-x-small)}.search-box cx-select[size=large]::part(combobox){padding-inline-start:var(--cx-spacing-small)}:host([size=custom]) .search-box cx-select::part(combobox){min-height:var(--search-box-custom-height);padding:var(--search-box-custom-padding)}:host([size=custom]) .search-box cx-select::part(display-input){font-family:var(--search-box-custom-font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-size:var(--search-box-custom-font-size);font-style:var(--search-box-custom-font-style,normal);font-weight:var(--search-box-custom-font-weight,var(--cx-font-weight-regular))}.icon-button{color:var(--color);margin-inline-end:var(--icon-spacing)}.search-box__icon--enabled .icon-button::part(base){cursor:pointer}.icon-button::part(base){cursor:default;min-width:0;min-height:0;padding:0}.search-box cx-option::part(base){color:var(--color)}`;
+const Fvt = ti`:host{--width:100px;--icon-spacing:var(--cx-spacing-x-small);--color:light-dark(var(--cx-color-neutral-1000),var(--cx-color-neutral-0));--border-color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--background-color:light-dark(#0000,#0000);--search-box-custom-height:32px;--search-box-custom-padding:4px 8px 4px 8px;--search-box-custom-font-size:var(--cx-font-size-medium);width:var(--width);max-width:100%;transition:width .3s ease-in-out;display:block}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]),.search-box,.search-box cx-select{width:100%}.search-box cx-select{--cx-input-color:var(--color);--cx-input-color-hover:var(--color);--cx-input-icon-color:var(--color)}.search-box cx-select::part(expand-icon){display:none}.search-box[has-options] cx-select::part(expand-icon){display:flex}.search-box cx-select::part(combobox){color:var(--color);border-color:var(--border-color);background-color:var(--background-color);padding-inline-start:var(--cx-spacing-x-small)}.search-box cx-select[size=large]::part(combobox){padding-inline-start:var(--cx-spacing-small)}:host([size=custom]) .search-box cx-select::part(combobox){min-height:var(--search-box-custom-height);padding:var(--search-box-custom-padding)}:host([size=custom]) .search-box cx-select::part(display-input){font-family:var(--search-box-custom-font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-size:var(--search-box-custom-font-size);font-style:var(--search-box-custom-font-style,normal);font-weight:var(--search-box-custom-font-weight,var(--cx-font-weight-regular))}.icon-button{color:var(--color);margin-inline-end:var(--icon-spacing)}.search-box__icon--enabled .icon-button::part(base){cursor:pointer}.icon-button::part(base){cursor:default;min-width:0;min-height:0;padding:0}.search-box cx-option::part(base){color:var(--color)}`;
 var zvt = Object.defineProperty, jvt = Object.getOwnPropertyDescriptor, uu = (i, e, t, n) => {
   for (var r = n > 1 ? void 0 : n ? jvt(e, t) : e, o = i.length - 1, a; o >= 0; o--)
     (a = i[o]) && (r = (n ? a(e, t, r) : a(r)) || r);
@@ -122216,7 +122216,7 @@ class oPt {
             else
               h = e[l.downloadFormatPickerConfigs?.assetIdsKey ?? ""]?.toString().split(" ") ?? [];
             const m = l.pickerConfigs?.nameKey ?? "name";
-            return I`<cx-download-format-picker name=${e[m] ?? ""} .value=${u} .assetIds=${h} .prescribedDocTypes=${l.downloadFormatPickerConfigs?.prescribedDocTypes ?? []} ?required=${l.required ?? !1} @cx-download-format-select=${c} @cx-download-format-delete=${d} .onRequestDownloadFormat=${this.host.onRequestDownloadFormat}>${s}</cx-download-format-picker>`;
+            return I`<cx-download-format-picker name=${e[m] ?? ""} .value=${u} .assetIds=${h} .prescribedDocTypes=${l.downloadFormatPickerConfigs?.prescribedDocTypes ?? []} ?required=${l.required ?? !1} ?disabled=${h.length === 0} @cx-download-format-select=${c} @cx-download-format-delete=${d} .onRequestDownloadFormat=${this.host.onRequestDownloadFormat}>${s}</cx-download-format-picker>`;
           }
         ],
         [
@@ -138299,7 +138299,7 @@ const LFt = q$t.extend({
         return;
       }
     }
-    k?.commands.focus();
+    k?.commands.focus("end");
   }, u = r.bubbleMenu;
   i.setCustomRte({
     disable(w, k, T) {

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.172.0",
+  "version": "2.174.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/icon-button/icon-button.d.ts

@@ -13,7 +13,8 @@ import { default as CxSpinner } from '../spinner/spinner';
  * @event cx-blur - Emitted when the icon button loses focus.
  * @event cx-focus - Emitted when the icon button gains focus.
  *
- * @slot badge - A badge to show on top right corner.
+ * @slot badge - A badge to show on top right corner. Set `size` on the badge itself
+ * (`small` or `x-small`); the button does not scale it.
  *
  * @csspart base - The component's base wrapper.
  *

package/library/packages/hybrid/table-core/src/table/components/table-toolbar/table-dropdown-filter.d.ts

@@ -1,5 +1,6 @@
 import { default as CxButton } from '../../../../../../atoms/src/components/button/button.ts';
 import { default as CxDropdown } from '../../../../../../atoms/src/components/dropdown/dropdown.ts';
+import { default as CxIcon } from '../../../../../../atoms/src/components/icon/icon.ts';
 import { default as CxMenu } from '../../../../../../atoms/src/components/menu/menu.ts';
 import { default as CxMenuItem } from '../../../../../../atoms/src/components/menu-item/menu-item.ts';
 import { default as CortexElement } from '../../../../../../base/src/cortex-element.ts';
@@ -7,13 +8,20 @@ import { TableDropdownFilterData, TableDropdownFilterDataOption } from '../../..
 import { CSSResultGroup } from 'lit';
 
 /**
- * @summary CxTableDropdownFilter
+ * @summary Renders a single dropdown filter in the table toolbar: a trigger button plus a menu of mutually exclusive options.
+ * @description Configured entirely through the `data` property, which `cx-table-toolbar` supplies from each entry of its
+ * `dropdown-filters` array. Setting `data.icon` shows an icon in the trigger and turns the caret off, unless `data.caret`
+ * says otherwise. Setting `data.hideLabel` alongside an icon produces an icon-only trigger, where the label survives as
+ * the button's accessible name and native tooltip.
+ *
+ * @event {{ data: { id: string, option: TableDropdownFilterDataOption } }} cx-table-dropdown-filter-change - Emitted when an option is selected.
  */
 export default class CxTableDropdownFilter extends CortexElement {
     static readonly styles: CSSResultGroup;
     static readonly dependencies: {
         'cx-button': typeof CxButton;
         'cx-dropdown': typeof CxDropdown;
+        'cx-icon': typeof CxIcon;
         'cx-menu': typeof CxMenu;
         'cx-menu-item': typeof CxMenuItem;
     };
@@ -21,12 +29,16 @@ export default class CxTableDropdownFilter extends CortexElement {
     activeOptionId: string;
     optionsMap: Record<string, TableDropdownFilterDataOption>;
     get activeOption(): TableDropdownFilterDataOption;
+    private get triggerText();
+    private get isIconOnly();
+    private get showCaret();
     createRenderRoot(): this;
     private createOptionsMap;
     private selectOptionWithId;
     handleDataChange(): void;
     private handleMenuSelect;
     private renderMenuItems;
+    private renderTriggerIcon;
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

package/library/packages/hybrid/table-core/src/table/components/table-toolbar/table-toolbar.d.ts

@@ -31,6 +31,9 @@ import { default as CxTableSavedSearchDropdown } from './table-saved-search-drop
  * @event cx-table-advanced-search-click - Emitted when the advanced search action is clicked.
  * @event cx-add - Emitted when the add action is clicked.
  * @event {{ type: 'csv' | 'xml' | 'custom' | 'report' }} cx-table-export - Emitted when an export action is selected.
+ *
+ * @cssproperty [--dropdown-filter-icon-color=currentColor] - Color of the icon in a dropdown filter trigger.
+ * @cssproperty [--dropdown-filter-icon-size=var(--cx-font-size-large)] - Size of the icon in a dropdown filter trigger. Matches the 20px icon in the design; without it the icon inherits 16px from cx-button.
  */
 export default class CxTableToolbar extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/molecules/src/dynamic-select/dynamic-select.d.ts

@@ -215,15 +215,28 @@ export default class CxDynamicSelect extends CortexElement {
      * Has no effect when `multiple` is enabled.
      */
     autoFallbackFirstOption: boolean;
+    /**
+     * Reflects whether the select currently has any fetched options.
+     * Read-only from consumers; useful as a CSS hook (e.g. `cx-dynamic-select[has-options]`).
+     */
+    hasOptions: boolean;
     options: Option[];
     start: number;
     searchTerm: string;
     hasMore: boolean;
     loading: boolean;
+    /**
+     * Sequence number for in-flight `fetchOptions` calls. Incremented every time a fetch is
+     * (re)started so a late-arriving response from a superseded/cancelled request (e.g. the
+     * user cleared the input while a previous fetch was still pending) can be detected and
+     * discarded instead of overwriting newer state.
+     */
+    private fetchToken;
     createRenderRoot(): this;
     private fetchOptions;
     handleStartChange(): Promise<void>;
     handleSearchTermChange(): Promise<void>;
+    handleOptionsChange(): void;
     handleColumnsChange(): Promise<void>;
     private tableGetOptionValue;
     private tableSetOptionSelected;
@@ -236,6 +249,7 @@ export default class CxDynamicSelect extends CortexElement {
     private getColWidth;
     private getFallbackValue;
     private handleInputChange;
+    private handleClear;
     private handleLoadMore;
     private handleCustomChange;
     private renderTableOptions;

package/library/packages/molecules/src/faceted-filter/faceted-filter.d.ts

@@ -23,6 +23,7 @@ import { CSSResultGroup } from 'lit';
  * or via "Clear". Carries the removed tag's `key`.
  *
  * @cssproperty [--panel-max-height=600px] - The maximum height of the dropdown panel and its content.
+ * @cssproperty [--trigger-icon-size=var(--cx-font-size-large)] - Size of the filter icon in the trigger. Also insulates the icon from a `--font-size` inherited from an ancestor.
  */
 export default class CxFacetedFilter extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/molecules/src/folder-select/components/folder-select-tree/folder-select-tree.d.ts

@@ -97,7 +97,23 @@ export default class CxFolderSelectTree extends CortexElement {
     private fetchFolders;
     private handleChildrenLoaded;
     private removePreloadedFolders;
+    /**
+     * @returns Whether this call added any new key to `currentRootIDsSet`
+     * (and therefore already emitted `cx-folder-select-selection-seeded` via
+     * `seedSelectionFromValue`). Callers that suppressed an earlier seed's
+     * emit (e.g. `handleFetchFolders` seeding root folders first) use this to
+     * know whether they still need to emit themselves.
+     */
     private preloadSelectedFolders;
+    /**
+     * @param suppressEmit Skip the `cx-folder-select-selection-seeded` emit
+     * even if this call adds keys. Used when the caller is about to seed more
+     * (e.g. `handleFetchFolders` seeding root folders right before awaiting
+     * `preloadSelectedFolders`) so the host never re-syncs its `value` from a
+     * `currentRootIDsSet` that is still missing folders the caller already
+     * knows are coming — that partial snapshot would otherwise overwrite
+     * `cx-folder-select.value` and permanently drop the not-yet-seeded ids.
+     */
     private seedSelectionFromValue;
     private renderFolder;
     render(): TemplateResult;

package/library/packages/molecules/src/folder-select/folder-select.d.ts

@@ -21,6 +21,7 @@ export default class CxFolderSelect extends CortexElement {
     };
     private readonly localize;
     selectEl?: CxSelect;
+    treeEl?: CxFolderSelectTree;
     minQueryLength: number;
     selection: 'multiple' | 'single';
     variant: FolderSelectVariant;
@@ -74,6 +75,17 @@ export default class CxFolderSelect extends CortexElement {
      */
     private handleTreeChildrenLoaded;
     private handleSelectClear;
+    /**
+     * `cx-tree` only emits `cx-selection-change` from its own click-driven
+     * `selectItem()` — setting `option.selected` directly (as the tag's X
+     * button does in `selectGetTag`) bypasses that method entirely, so
+     * `cx-tree` never emits it for a tag removal. Consumers like
+     * `cx-folder-picker` listen for `cx-selection-change` (not our internal
+     * `cx-selected-change`/`value`) to know when to re-emit their own public
+     * change event, so removing a tag would otherwise never reach them.
+     * Emit it ourselves here, mirroring `cx-tree`'s own event shape.
+     */
+    private emitSelectionChangeFromTree;
     /**
      * cx-folder-select-tree owns `currentRootIDsSet` (the real source of
      * truth for multi-select) — a user toggling a tree-item, or removing a
@@ -99,8 +111,9 @@ export default class CxFolderSelect extends CortexElement {
     /**
      * cx-select's selectedOptions cache (which drives the tag UI in
      * `multiple` mode) is only recomputed during its own `selectionChanged`
-     * flow — that flow doesn't run in our setup because we no-op
-     * `selectSetOptionSelected` for multi-select (cx-tree owns selection).
+     * flow — that flow doesn't run for us because cx-select's default
+     * `setOptionSelected` only acts on `CxOption`, not our `CxTreeItem`
+     * options (cx-tree owns selection instead).
      * Re-read options here so the rendered tag list matches, in response to
      * either signal cx-folder-select-tree can emit:
      * - `cx-selected-change`, bubbled from a user toggling a tree-item.
@@ -119,11 +132,11 @@ export default class CxFolderSelect extends CortexElement {
      * default tag, but the X click goes through cx-tree's selection flow
      * (`option.selected = false` → `cx-selected-change` →
      * cx-folder-select-tree.handleSelectedChange) rather than
-     * cx-select.toggleOptionSelection (which our `selectSetOptionSelected`
-     * no-ops in multi mode, so the default X click would do nothing).
+     * cx-select.toggleOptionSelection (whose `setOptionSelected` only acts on
+     * `CxOption`, so the default X click would do nothing for our
+     * `CxTreeItem` options).
      */
     selectGetTag(option: HTMLElement): TemplateResult;
-    selectSetOptionSelected(option: HTMLElement, selected: boolean): void;
     updateFunctionProps(): void;
     handleOpenChange(): void;
     handleVariantChange(): Promise<void>;

package/library/react-web-component.d.ts

@@ -43,7 +43,8 @@
             export type CxTableDropdownItem = { label: string; name: string; prefixIcon: string; section: string; style: dictionary; };
             export type CxTablePartial = { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'[] | { type: 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'; parameters: any; message: string; } | { type: 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'; parameters: any; message: string; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; mutateOnValidate: boolean; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; textFormatParams: CxTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'[] | { type: 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'; parameters: any; message: string; } | { type: 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'; parameters: any; message: string; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; mutateOnValidate: boolean; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; textFormatParams: CxTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: any[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; }[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | 'plaintext' | 'toggle' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; };
             export type CxTableSavedSearchItem = { name: string; recordID: string; };
-            export type CxTableTableDropdownFilterData = { defaultOption: string; field: string; id: string; label: string; options: CxTableTableDropdownFilterDataOption[]; };
+            export type CxTableTableDropdownFilterData = { caret: boolean; defaultOption: string; field: string; hideLabel: boolean; icon: CxTableTableDropdownFilterIcon; id: string; label: string; options: CxTableTableDropdownFilterDataOption[]; };
+            export type CxTableTableDropdownFilterIcon = { name: string; src: string; };
             export type CxTableTableDropdownFilterDataOption = { filter: CxTableFilter; id: string; label: string; };
             export type CxTableFilter = { field: string; type: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; value: any; params: { separator: string; matchAll: boolean; }; };
             export type CxTablePick = { value: any; field: string; };
@@ -5981,6 +5982,10 @@
           * When set to true, after options are fetched, the select falls back to the first option's value when the current `value` does not match any fetched option (including when no `value` was provided). Has no effect when `multiple` is enabled.
         */
         autoFallbackFirstOption?: boolean;
+        /**
+          * Reflects whether the select currently has any fetched options. Read-only from consumers; useful as a CSS hook (e.g. `cx-dynamic-select[has-options]`).
+        */
+        hasOptions?: boolean;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.172.0",
+  "version": "2.174.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {