@orangelogic/design-system 2.113.0 → 2.115.0

package/library/components/video.js

@@ -1,13 +1,13 @@
 import { _ as Bd, a as Sa, b as Be, c as Je } from "../chunks/inheritsLoose.BuSn_CvZ.js";
 import { c as ps, a as Bn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { r as Sb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
-import { C as Cb } from "../chunks/image.B-YcKRop.js";
+import { C as Cb } from "../chunks/image.cT-FziNS.js";
 import Mb from "./resize-observer.js";
 import { r as Db, R as Pb, a as Rp, b as Lb } from "../chunks/resizable-component.styles.DpK0TTP5.js";
 import { c as Rb } from "../chunks/component.styles.CRO4Odto.js";
 import { b as Ib } from "../chunks/debounce.CIEhztrj.js";
 import { c as Ob } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as kb } from "../chunks/i18n.C21qyGi6.js";
+import { L as kb } from "../chunks/i18n.CH-wak_P.js";
 import { w as gn } from "../chunks/watch.CThbualB.js";
 import { i as Bb, x as Kc } from "../chunks/lit-element.jLBm65_O.js";
 import { n as ki } from "../chunks/lib-cortex-element.CVMmyPMC.js";

package/library/package.json

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

package/library/packages/atoms/src/components/audio/audio.d.ts

@@ -4,20 +4,23 @@ import { CSSResultGroup } from 'lit';
 import { default as CxIconButton } from '../icon-button/icon-button';
 import { default as CxTypography } from '../typography/typography';
 
-/** A [lightColor, darkColor] tuple used for theme-aware waveform coloring. */
-type WaveColorPair = [string, string];
 /**
- * @summary Audio player with waveform visualization.
+ * @summary Audio player with server-rendered waveform visualization.
+ *
+ * @description Set `src` for the audio file and `waveform-src` for a server-rendered waveform PNG.
+ * The PNG is analyzed via canvas pixel sampling and rendered as a themeable SVG. A native `<audio>`
+ * element handles playback. Wave color and background are fully CSS-controllable.
  *
  * @event cx-play - Emitted when playback starts.
  * @event cx-pause - Emitted when playback pauses.
- * @event {{ currentTime: number }} cx-time-update - Emitted while the playback position changes.
+ * @event {{ time: number }} cx-time-update - Emitted while the playback position changes.
  * @event cx-ended - Emitted when playback reaches the end.
- * @event {{ error: Error }} cx-error - Emitted when the audio fails to load.
+ * @event cx-error - Emitted when the audio or waveform image fails to load.
  *
  * @csspart base - The main container.
  * @csspart player - Row containing play button and waveform.
- * @csspart waveform - WaveSurfer waveform container.
+ * @csspart waveform - Placeholder container shown while the waveform is loading.
+ * @csspart waveform-svg - SVG waveform element (once waveform-src is loaded).
  * @csspart footer - Time and filename row.
  * @csspart time - Current time / duration display.
  * @csspart filename - Audio filename label.
@@ -27,8 +30,10 @@ type WaveColorPair = [string, string];
  * @cssproperty [--height=auto] - Component height.
  * @cssproperty [--border=0px] - Border.
  * @cssproperty [--border-radius=0px] - Border radius.
- * @cssproperty [--background-color=white] - Background color.
- * @cssproperty --waves-color - Waveform bar color. Default: blue.
+ * @cssproperty [--background-color=transparent] - Background color.
+ * @cssproperty --waves-color - Waveform fill color. Default: `--cx-color-primary`.
+ * @cssproperty --played-color - Overlay color for the played portion. Default: `--cx-color-primary-700`.
+ * @cssproperty [--playhead-color=var(--cx-color-neutral-0)] - Color of the thin playhead line tracking current position.
  * @cssproperty --text-color - Time/icon color. Default: dark.
  * @cssproperty --margin-top - Top margin.
  * @cssproperty --margin-right - Right margin.
@@ -42,9 +47,9 @@ export default class CxAudio extends ResizableElement {
         'cx-typography': typeof CxTypography;
     };
     readonly localize: LocalizeController;
-    private readonly waveformContainerAsync;
-    private waveSurfer;
     private srcLoadVersion;
+    private extractWaveformPeaks;
+    private readonly audioEl;
     /**
      * The URL of the audio file to load.
      */
@@ -62,39 +67,42 @@ export default class CxAudio extends ResizableElement {
      */
     loop: boolean;
     /**
-     * CSS color for the waveform bars. Accepts a plain CSS color or `light-dark(lightColor, darkColor)`
-     * for theme-aware coloring. Defaults to `--cx-color-primary` if not set or if the value is invalid.
+     * URL of a server-rendered waveform PNG. The image is analyzed via canvas pixel sampling
+     * and rendered as a themeable SVG. Wave color and background are CSS-controllable via
+     * `--waves-color` and `--background-color`.
      */
-    waveColor: WaveColorPair;
+    waveformSrc: string;
     /** Whether the audio is currently playing. */
     private isPlaying;
     /** Whether the audio has finished loading and is ready for playback. */
     private isLoaded;
-    /** Whether an error occurred while loading the audio. */
+    /** Whether an error occurred while loading the audio or waveform image. */
     private isError;
     /** Current playback position in seconds. */
     private currentTimeSeconds;
     /** Total duration in seconds. */
     private durationSeconds;
-    constructor();
+    /** SVG path data extracted from the waveform PNG. */
+    private waveformPath;
+    /** viewBox width matching the number of samples extracted from the waveform image. */
+    private waveformViewBoxWidth;
+    /** Fraction of the audio that has been played, 0–1, for the progress overlay. */
+    private playedFraction;
+    /** Effective audio src bound to the <audio> element; set after waveform loads, cleared on cleanUp. */
+    private audioSrc;
     runConnectedCallback(): void;
     disconnectedCallback(): void;
     handleSrcChange(): Promise<void>;
     protected applySrc(src: string): Promise<void>;
-    handleWaveColorThemeChange(): Promise<void>;
     updated(changedProps: Map<string, unknown>): void;
-    private onWaveSurferReady;
-    private onWaveSurferPlay;
-    private onWaveSurferPause;
-    private onWaveSurferTimeUpdate;
-    private onWaveSurferFinish;
-    private onWaveSurferError;
-    private resolveColorValue;
-    private computeCursorColor;
-    private setupColors;
-    private setupWaveSurfer;
-    private attachWaveSurferEvents;
     private cleanUp;
+    private setupPngWaveform;
+    private handleAudioPlay;
+    private handleAudioPause;
+    private handleAudioTimeUpdate;
+    private handleAudioDurationChange;
+    private handleAudioEnded;
+    private handleAudioError;
     private handleSizeChange;
     /** Starts audio playback. */
     play(): void;
@@ -103,6 +111,7 @@ export default class CxAudio extends ResizableElement {
     /** Toggles between play and pause. */
     togglePlay(): void;
     private formatTime;
+    private handleWaveformClick;
     private handlePlayButtonKeyDown;
     render(): import('lit').TemplateResult<1>;
 }
@@ -111,4 +120,3 @@ declare global {
         'cx-audio': CxAudio;
     }
 }
-export {};

package/library/packages/atoms/src/components/divider/divider.d.ts

@@ -24,7 +24,7 @@ export default class CxDivider extends CortexElement {
      * Applies component's padding over the spacing custom property.
      */
     usePadding: boolean;
-    connectedCallback(): void;
+    runFirstUpdated(): void;
     /**
      * Applies the direction of the divider
      */

package/library/packages/atoms/src/components/option/option.d.ts

@@ -51,7 +51,7 @@ export default class CxOption extends CortexElement {
     showCheck: boolean;
     /** Check icon placement */
     checkPlacement: CheckPlacement;
-    connectedCallback(): void;
+    runFirstUpdated(): void;
     private handleDefaultSlotChange;
     private handleMouseEnter;
     private handleMouseLeave;

package/library/packages/atoms/src/components/radio/radio.d.ts

@@ -40,7 +40,7 @@ export default class CxRadio extends CortexElement {
     /** Specifies the radius of the checked icon. */
     checkedIconRadius: number;
     constructor();
-    connectedCallback(): void;
+    runFirstUpdated(): void;
     private handleBlur;
     private handleClick;
     private handleFocus;

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

@@ -51,7 +51,7 @@ export default class CxRadioButton extends CortexElement {
     pill: boolean;
     /** The radio button's label. */
     label: string;
-    connectedCallback(): void;
+    runFirstUpdated(): void;
     private handleBlur;
     private handleClick;
     private handleFocus;

package/library/packages/atoms/src/components/radio-card/radio-card.d.ts

@@ -52,7 +52,7 @@ export default class CxRadioCard extends CortexElement {
      */
     disabledLineClamp: boolean;
     constructor();
-    connectedCallback(): void;
+    runFirstUpdated(): void;
     private handleBlur;
     private handleClick;
     private handleFocus;

package/library/packages/atoms/src/components/tree/tree.d.ts

@@ -88,6 +88,7 @@ export default class CxTree extends CortexElement {
     private readonly localize;
     private sortableInstance;
     constructor();
+    runFirstUpdated(): void;
     runConnectedCallback(): void;
     disconnectedCallback(): void;
     /**

package/library/packages/atoms/src/index.d.ts

@@ -25,7 +25,6 @@ export { default as CxDrawer } from './components/drawer/drawer';
 export { default as CxDropdown } from './components/dropdown/dropdown';
 export { default as CxEChart } from './components/e-chart/e-chart';
 export { default as CxElementClamp } from './components/element-clamp/element-clamp';
-export { default as CxFacetedFilter } from './components/faceted-filter/faceted-filter';
 export { default as CxFormatBytes } from './components/format-bytes/format-bytes';
 export { default as CxFormatDate } from './components/format-date/format-date';
 export { default as CxFormatNumber } from './components/format-number/format-number';

package/library/packages/events/src/cx-facet-change.d.ts

@@ -0,0 +1,16 @@
+import { DateRangeValue } from '../../types/src/faceted-filter';
+
+/**
+ * Internal (non-composed) event emitted by date facet adapters
+ * (`cx-facet-date-picker`, `cx-facet-date-range`) up to `cx-faceted-filter`.
+ * `range` is `null` when the facet's selection has been cleared.
+ */
+export type CxFacetChangeEvent = CustomEvent<{
+    field: string;
+    range: DateRangeValue | null;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-facet-change': CxFacetChangeEvent;
+    }
+}

package/library/packages/events/src/cx-faceted-filter-change.d.ts

@@ -1,5 +1,10 @@
+import { SelectedDateRanges, SelectedFacets } from '../../types/src/faceted-filter';
+
 export type CxFacetedFilterChangeEvent = CustomEvent<{
-    selection: Record<string, string[]>;
+    /** Date-facet selections (date-picker + date-range) keyed by facetFieldName. */
+    dateRanges?: SelectedDateRanges;
+    /** Checkbox-facet selections keyed by facetFieldName. */
+    selection: SelectedFacets;
 }>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/library/packages/events/src/events.d.ts

@@ -70,6 +70,7 @@ export * from './cx-enter';
 export * from './cx-error';
 export * from './cx-expand';
 export * from './cx-export-settings';
+export * from './cx-facet-change';
 export * from './cx-faceted-filter-change';
 export * from './cx-file-on-demand-load-more';
 export * from './cx-file-on-demand-pin';

package/library/packages/{atoms/src/components → molecules/src}/faceted-filter/components/facet/facet.d.ts

@@ -1,12 +1,12 @@
-import { default as CxButton } from '../../../button/button.ts';
-import { default as CxDetails } from '../../../details/details.ts';
-import { default as CxIcon } from '../../../icon/icon.ts';
-import { default as CxSpace } from '../../../space/space.ts';
-import { default as CxSpinner } from '../../../spinner/spinner.ts';
-import { default as CxTree } from '../../../tree/tree.ts';
-import { default as CxTreeItem } from '../../../tree-item/tree-item.ts';
-import { default as CortexElement } from '../../../../../../base/src/cortex-element.ts';
-import { FacetSelectionMode, FacetValue } from '../../../../../../types/src/faceted-filter';
+import { default as CxButton } from '../../../../../atoms/src/components/button/button.ts';
+import { default as CxDetails } from '../../../../../atoms/src/components/details/details.ts';
+import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
+import { default as CxSpace } from '../../../../../atoms/src/components/space/space.ts';
+import { default as CxSpinner } from '../../../../../atoms/src/components/spinner/spinner.ts';
+import { default as CxTree } from '../../../../../atoms/src/components/tree/tree.ts';
+import { default as CxTreeItem } from '../../../../../atoms/src/components/tree-item/tree-item.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { FacetSelectionMode, FacetValue } from '../../../../../types/src/faceted-filter';
 import { CSSResultGroup } from 'lit';
 
 /**

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

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/molecules/src/faceted-filter/components/facet-date-picker/facet-date-picker.d.ts

@@ -0,0 +1,43 @@
+import { default as CxDetails } from '../../../../../atoms/src/components/details/details.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { default as CxInputDatePicker } from '../../../input-date-picker/input-date-picker.ts';
+import { CSSResultGroup } from 'lit';
+
+/**
+ * @summary Internal single-date facet adapter for `cx-faceted-filter`. Renders a
+ * collapsible section (matching the checkbox facet) wrapping `cx-input-date-picker`,
+ * and normalizes its `cx-change` into the shared `cx-facet-change` event (an `=`
+ * filter on the chosen day).
+ *
+ * @event {{ field: string; range: DateRangeValue | null }} cx-facet-change - Fired
+ * when a date is committed (`range.type` is `date-picker`) or cleared (`range` is `null`).
+ */
+export default class CxFacetDatePicker extends CortexElement {
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-details': typeof CxDetails;
+        'cx-input-date-picker': typeof CxInputDatePicker;
+    };
+    /** Field name used as the filter key in the emitted event. */
+    field: string;
+    /** Human-readable label shown in the collapsible header. */
+    displayName: string;
+    /** Currently selected date in `YYYY-MM-DD`. */
+    value: string;
+    /** Currently selected time in 24-hour `HH:mm:ss`. */
+    fromTime: string;
+    /** Shows the hour/minute/second selects. */
+    showTime: boolean;
+    /** Minimum selectable date in `YYYY-MM-DD`. */
+    min: string;
+    /** Maximum selectable date in `YYYY-MM-DD`. */
+    max: string;
+    private handleChange;
+    private emitFacetChange;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-facet-date-picker': CxFacetDatePicker;
+    }
+}

package/library/packages/molecules/src/faceted-filter/components/facet-date-range/facet-date-range.d.ts

@@ -0,0 +1,51 @@
+import { default as CxDetails } from '../../../../../atoms/src/components/details/details.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { default as CxInputDateRangePicker } from '../../../input-date-range-picker/input-date-range-picker.ts';
+import { CSSResultGroup } from 'lit';
+
+/**
+ * @summary Internal date-range facet adapter for `cx-faceted-filter`. Renders a
+ * collapsible section (matching the checkbox facet) wrapping `cx-input-date-range-picker`,
+ * and normalizes its `cx-change` into the shared `cx-facet-change` event. The event fires
+ * only once **both** the from and to dates are set, so incomplete edits keep the prior filter.
+ *
+ * @event {{ field: string; range: DateRangeValue | null }} cx-facet-change - Fired
+ * when both range ends are committed (`range.type` is `date-range`).
+ */
+export default class CxFacetDateRange extends CortexElement {
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-details': typeof CxDetails;
+        'cx-input-date-range-picker': typeof CxInputDateRangePicker;
+    };
+    /** Field name used as the filter key in the emitted event. */
+    field: string;
+    /** Human-readable label shown in the collapsible header. */
+    displayName: string;
+    /** The from date in `YYYY-MM-DD`. */
+    fromDate: string;
+    /** The to date in `YYYY-MM-DD`. */
+    toDate: string;
+    /** The from time in 24-hour `HH:mm:ss`. */
+    fromTime: string;
+    /** The to time in 24-hour `HH:mm:ss`. */
+    toTime: string;
+    /** Shows the hour/minute/second selects on both pickers. */
+    showTime: boolean;
+    /** Shows the preset selector (Today, Last 7 days, …). */
+    showPreset: boolean;
+    /** Selected preset key. Controlled so clearing resets the inner picker's preset. */
+    preset: string;
+    /** Minimum selectable date in `YYYY-MM-DD`. */
+    min: string;
+    /** Maximum selectable date in `YYYY-MM-DD`. */
+    max: string;
+    private handleChange;
+    private emitFacetChange;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-facet-date-range': CxFacetDateRange;
+    }
+}

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

@@ -0,0 +1,12 @@
+import { Facet, FacetRenderContext, FacetType } from '../../../types/src/faceted-filter';
+import { TemplateResult } from 'lit';
+
+/** Per-facet data the orchestrator hands each adapter so its render stays pure. */
+type FacetRenderer = (facet: Facet, ctx: FacetRenderContext) => TemplateResult;
+/**
+ * Adapter registry: maps a {@link FacetType} to the template that renders it.
+ * Add a new facet type by adding one entry here — the orchestrator dispatches
+ * through this map and never branches on type itself.
+ */
+export declare const FACET_ADAPTERS: Record<FacetType, FacetRenderer>;
+export {};

package/library/packages/{atoms/src/components → molecules/src}/faceted-filter/faceted-filter.d.ts

@@ -1,17 +1,16 @@
-import { default as CxBadge } from '../badge/badge.ts';
-import { default as CxButton } from '../button/button.ts';
-import { default as CxDetails } from '../details/details.ts';
-import { default as CxDropdown } from '../dropdown/dropdown.ts';
-import { default as CxIcon } from '../icon/icon.ts';
-import { default as CxIconButton } from '../icon-button/icon-button.ts';
-import { default as CxSpace } from '../space/space.ts';
-import { default as CxSpinner } from '../spinner/spinner.ts';
-import { default as CxTag } from '../tag/tag.ts';
-import { default as CxTooltip } from '../tooltip/tooltip.ts';
-import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
-import { Facet, FacetDetails, FacetSelectionMode, SelectedFacets } from '../../../../types/src/faceted-filter';
+import { default as CxBadge } from '../../../atoms/src/components/badge/badge.ts';
+import { default as CxButton } from '../../../atoms/src/components/button/button.ts';
+import { default as CxDetails } from '../../../atoms/src/components/details/details.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 CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
+import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
+import { default as CxSpinner } from '../../../atoms/src/components/spinner/spinner.ts';
+import { default as CxTag } from '../../../atoms/src/components/tag/tag.ts';
+import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
+import { default as CortexElement } from '../../../base/src/cortex-element.ts';
+import { Facet, FacetDetails, FacetSelectionMode, SelectedDateRanges, SelectedFacets } from '../../../types/src/faceted-filter';
 import { CSSResultGroup } from 'lit';
-import { default as CxFacetedFilterFacet } from './components/facet/facet';
 
 /**
  * @summary Filter icon button that opens a dropdown panel with collapsible facet groups.
@@ -27,7 +26,6 @@ export default class CxFacetedFilter extends CortexElement {
         'cx-button': typeof CxButton;
         'cx-details': typeof CxDetails;
         'cx-dropdown': typeof CxDropdown;
-        'cx-faceted-filter-facet': typeof CxFacetedFilterFacet;
         'cx-icon': typeof CxIcon;
         'cx-icon-button': typeof CxIconButton;
         'cx-space': typeof CxSpace;
@@ -36,12 +34,15 @@ export default class CxFacetedFilter extends CortexElement {
         'cx-tooltip': typeof CxTooltip;
     };
     private readonly localize;
+    private readonly shadowRootAutoloader;
     /** Active facets with their metadata and available option values. */
     facets: Facet[];
     /** Ordered list of facets to display. Controls which facets render and in what order. */
     availableFacets: FacetDetails[];
     /** Currently selected filter values. See `SelectedFacets` type. Can be set to reset selection. */
     selectedFacets: SelectedFacets;
+    /** Currently selected date facet values (date-picker + date-range). Can be set to reset selection. */
+    selectedDateRanges: SelectedDateRanges;
     /** Default selection mode for all facets. Per-facet selection in FacetDetails takes precedence. */
     selection: FacetSelectionMode;
     /** Whether the current selection is being applied by the consumer. */
@@ -50,17 +51,27 @@ export default class CxFacetedFilter extends CortexElement {
     private appliedFiltersCount;
     /** Internal selection state maintained by the component. */
     private internalSelection;
+    /** Internal date facet selection state maintained by the component. */
+    private internalDateRanges;
     /** Maps facetFieldName → (value → displayValue) for rendering applied-filter tags. */
     private mappedDisplayNames;
     handleFacetsChange(): void;
     handleSelectedFacetsChange(): void;
+    handleSelectedDateRangesChange(): void;
     handleInternalSelectionChange(): void;
     private updateAppliedFiltersCount;
     private getFacetSelectionMode;
+    private buildRenderContext;
     private handleSelectionChange;
+    private handleFacetChange;
     private handleRemove;
     private handleClearAllClick;
+    private emitChange;
     private renderAppliedFilters;
+    private getDateFacetLabel;
+    private formatDateRangeDisplay;
+    private renderDateTags;
+    private renderSelectionCheckboxTags;
     private renderFooter;
     render(): import('lit').TemplateResult<1>;
 }

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

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/molecules/src/icon-picker/icon-picker.d.ts

@@ -80,7 +80,7 @@ export default class CxIconPicker extends CortexElement {
      * When true, renders a cx-bicolor-picker below the icon selector.
      * @default false
      */
-    showColorPicker: boolean;
+    canPickColor: boolean;
     /**
      * Color value in light-dark() CSS format, managed by the embedded bicolor picker.
      * Only relevant when show-bicolor-picker is true.

package/library/packages/molecules/src/index.d.ts

@@ -14,6 +14,10 @@ export { default as CxDocsExample } from './docs-example/docs-example';
 export { default as CxDownloadFormatPicker } from './download-format-picker/download-format-picker';
 export { default as CxDynamicSelect } from './dynamic-select/dynamic-select';
 export { default as CxEstimatedReadingTime } from './estimated-reading-time/estimated-reading-time';
+export { default as CxFacetDatePicker } from './faceted-filter/components/facet-date-picker/facet-date-picker';
+export { default as CxFacetDateRange } from './faceted-filter/components/facet-date-range/facet-date-range';
+export { default as CxFacetedFilter } from './faceted-filter/faceted-filter';
+export { default as CxFacetedFilterFacet } from './faceted-filter/components/facet/facet';
 export { default as CxFolderSelect } from './folder-select/folder-select';
 export { default as CxGalleryItem } from './gallery-item/gallery-item';
 export { default as CxGraphView } from './graph-view/graph-view';

package/library/packages/molecules/src/share-option-list/share-option-list.d.ts

@@ -56,7 +56,7 @@ export default class CxShareOptionList extends CortexElement {
     private pendingSlideChange;
     private slideObserver;
     private slidesCache;
-    runConnectedCallback(): void;
+    runFirstUpdated(): void;
     connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValueMap<CxShareOptionList> | Map<PropertyKey, unknown>): void;

package/library/packages/organisms/src/asset-transformation-dialog/asset-transformation-dialog.d.ts

@@ -84,7 +84,7 @@ export default class CxAssetTransformationDialog extends CortexElement {
      * announce the correct role/state rather than the custom-element host. */
     private updateAccessibleTrigger;
     /** Fetches the asset and its available proxies when the dialog opens.
-     * Guards on `result.id` because `fetchAssetByID` returns `{}` on network error. */
+     * Guards on `result.id` because `fetchAssetByIDViaContentSdk` returns `{}` on network error. */
     private handleDialogShow;
     private handleTriggerClick;
     private handleTriggerKeyDown;

package/library/packages/organisms/src/carousel/carousel.d.ts

@@ -259,6 +259,7 @@ export default class CxCarousel extends CortexElement {
     get canDeleteCarouselItem(): boolean;
     constructor();
     connectedUpdatedCallback(): void;
+    runFirstUpdated(): void;
     runConnectedCallback(): void;
     disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValueMap<CxCarousel> | Map<PropertyKey, unknown>): void;

package/library/packages/organisms/src/content-builder/components/gallery-config/gallery-config.d.ts

@@ -80,6 +80,7 @@ export default class CxGalleryConfig extends CortexElement {
     get galleryPickerDialogTitle(): string;
     constructor();
     private apiGetTeamSpaceSpaceList;
+    private apiGetAssets;
     private apiGetPagesAndLinks;
     fetchSelectedPage(): Promise<void>;
     /**

package/library/packages/organisms/src/content-builder/components/page-picker/page-picker.d.ts

@@ -23,6 +23,7 @@ export default class CxPagePicker extends CortexElement {
         'cx-typography': typeof CxTypography;
     };
     private readonly localize;
+    private apiGetAssets;
     dialog: CxDialog;
     selectEl: CxFolderSelect;
     /**

package/library/packages/organisms/src/content-builder/configs/audio.d.ts

@@ -15,7 +15,7 @@ type Attribute = {
     'resize-direction': CxSbAudio['resizeDirection'];
     src: CxSbAudio['src'];
     'version-label'?: string;
-    'wave-color': string;
+    'waveform-src'?: string;
     width: string;
 };
 declare const _default: {

package/library/packages/organisms/src/content-builder/configs-controller.d.ts

@@ -21,7 +21,7 @@ export default class ConfigsController {
         'resize-direction': import('./blocks/audio/audio').default["resizeDirection"];
         src: import('./blocks/audio/audio').default["src"];
         'version-label'?: string;
-        'wave-color': string;
+        'waveform-src'?: string;
         width: string;
     }>[] | import('../../../types/src/content-builder').PropertyConfig<{
         'asset-button-type': import('./blocks/button/button').default["assetType"];
@@ -311,7 +311,7 @@ export default class ConfigsController {
         'resize-direction': import('./blocks/audio/audio').default["resizeDirection"];
         src: import('./blocks/audio/audio').default["src"];
         'version-label'?: string;
-        'wave-color': string;
+        'waveform-src'?: string;
         width: string;
     }> | Partial<{
         'asset-button-type': import('./blocks/button/button').default["assetType"];

package/library/packages/organisms/src/file-on-demand/components/file-on-demand-pinned-status.ts/file-on-demand-pinned-status.d.ts

@@ -27,10 +27,12 @@ export default class CxFileOnDemandPinnedStatus extends CortexElement {
     isFolder: boolean;
     childrenCount: number;
     assetsCount: number;
+    uploadErrorMessage: string;
     get cachedSize(): number;
     get percentage(): number;
     createRenderRoot(): this;
     private renderFolderSuccessText;
+    private renderFileSuccessText;
     private renderSuccess;
     private renderFailed;
     private renderCanceled;

package/library/packages/organisms/src/file-on-demand/file-on-demand.d.ts

@@ -244,6 +244,7 @@ export default class CxFileOnDemand extends CortexElement {
     private handleProxyChange;
     private handleCacheSizeKeydown;
     private handleCacheSizeChange;
+    private formatCacheUsage;
     private handleCacheLocationClick;
     handleCacheLocationChange(): Promise<void>;
     renderAdvancedSettings(): TemplateResult;

package/library/packages/services/src/api/asset/asset.d.ts

@@ -1,4 +1,4 @@
-import { GetAllFormatCodesResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
+import { GetAllFormatCodesResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetFolderContentRequest, GetTransformAssetLinkResponse, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
 
 export declare const DEFAULT_VIEW_SIZE = "CoreField.LargeSizePreview";
 export declare const FIELD_CORTEX_PATH = "Document.CortexPath";
@@ -38,7 +38,9 @@ export declare function apiGetTransformAssetLink({ assetId, extension, format, s
     useSession?: string;
 }): Promise<GetTransformAssetLinkResponse | null>;
 export declare function apiGetAssets({ extraFields, getPermanentAssetsPaths, recordIds, securityByPassToken, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
+export declare function apiGetAssetsViaContentSdk({ extraFields, recordIds, }: GetAssetsRequest): Promise<GetAssetsResponse>;
 export declare function apiGetAssetsInFolder({ countPerPage, directParentFolderIdentifier, extraFields, getPermanentAssetsPaths, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, securityByPassToken, sortOrder, token, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
+export declare function apiGetAssetsInFolderViaContentSdk({ extraFields, folderId, limit, limitedDocTypes, searchTerm, seeThrough, selectedFacets, sortOrder, start, }: GetFolderContentRequest): Promise<GetAssetsInFolderResponse>;
 export declare function apiGetCropFocusMode({ autoCropMode, cropHeight, cropWidth, imageUrl, useSession, }: GetCropZoneSuggestionRequest): Promise<GetCropZoneSuggestionResponse | null>;
 export declare function apiGetAvailableProxies({ assetRecordId, siteUrl, token, useSession, }: {
     assetRecordId: string;