@ds-mo/ui 15.11.2 → 15.12.1

package/dist/types/components/CardActionCenter/CardActionCenter.d.ts

@@ -29,6 +29,8 @@ export declare class CardActionCenter {
     sections: ReadonlyArray<CardActionCenterSection>;
     /** Copy shown when no section contains an action. */
     emptyMessage: string;
+    /** Retain sections and rows while replacing their headings, labels, and values with skeletons. */
+    isLoading: boolean;
     /**
      * Emitted when an available row is activated. When a row has an `href`,
      * prevent this event to take over navigation with an application router.

package/dist/types/components/CardChart/CardChart.d.ts

@@ -16,6 +16,8 @@ export declare class CardChart {
     /** Renders the standard filter action before custom actions. */
     showFilter: boolean;
     filterLabel: string;
+    /** Skeletonize the header and chart canvas; custom body content owns its loading atoms. */
+    isLoading: boolean;
     /** Emits when the standard header filter control is activated. */
     dsFilterClick: EventEmitter<void>;
     private hasChartSlot;

package/dist/types/components/CardNavigation/CardNavigation.d.ts

@@ -12,6 +12,8 @@ export declare class CardNavigation {
     heading: string;
     /** Optional supporting copy shown below the heading. */
     description: string | undefined;
+    /** Preserve the card layout while its copy and navigation affordance show skeletons. */
+    isLoading: boolean;
     /**
      * `navigation-only` makes the complete card the link. `content` keeps the
      * header as the link and exposes a non-interactive body slot below it.

package/dist/types/components/CardSetting/CardSetting.d.ts

@@ -20,6 +20,8 @@ export declare class CardSetting {
     variant: CardSettingVariant;
     /** Controlled edit state — parent owns single-edit orchestration. */
     editing: boolean;
+    /** Keep the card and projected content in place while its header shows skeletons. */
+    isLoading: boolean;
     editLabel: string;
     cancelLabel: string;
     saveLabel: string;

package/dist/types/components/CardSettingsScope/CardSettingsScope.d.ts

@@ -27,6 +27,8 @@ export declare class CardSettingsScope {
     profileExpanded: boolean;
     /** Empty informational profile popups use dialog semantics instead of a menu. */
     profilePopup: 'menu' | 'dialog';
+    /** Replace sentence fragments and controls with skeletons inside the same card. */
+    isLoading: boolean;
     /** Requests a popup; the owner supplies choices, open state, and selection. */
     dsScopeRequest: EventEmitter<SettingsScopeRequest>;
     private request;

package/dist/types/components/Field/Field.d.ts

@@ -10,6 +10,8 @@ export declare class Field {
     error: boolean;
     /** Visible error associated with the slotted control while error is true. */
     errorMessage: string | undefined;
+    /** Masks field copy and its mounted control while preserving layout and form state. */
+    isLoading: boolean;
     private constraintMessage;
     private characterCount;
     private characterLimit;
@@ -54,6 +56,7 @@ export declare class Field {
     private handleFocusIn;
     private handleFocusOut;
     private handleValueChange;
+    private renderCopy;
     render(): any;
 }
 //# sourceMappingURL=Field.d.ts.map

package/dist/types/components/InlineBannerSettings/InlineBannerSettings.d.ts

@@ -1,6 +1,8 @@
 export declare class InlineBannerSettings {
     /** Authored informational copy rendered without transformation. */
     description: string;
+    /** Keep the informational row footprint while its copy is loading. */
+    isLoading: boolean;
     render(): any;
 }
 //# sourceMappingURL=InlineBannerSettings.d.ts.map

package/dist/types/components/Pagination/Pagination.d.ts

@@ -34,6 +34,9 @@ export declare class Pagination {
     showFirstLastButtons: boolean;
     /** Prevent interaction while the owner replaces the current data page. */
     loading: boolean;
+    /** Show skeletons for the existing controls without changing their geometry. */
+    chromeLoading: boolean;
+    private get busy();
     /** Emits the complete next controlled state after a page or page-size request. */
     dsChange: EventEmitter<PaginationChangeDetail>;
     private tableCompact;

package/dist/types/components/Radio/Radio.d.ts

@@ -32,6 +32,8 @@ export declare class Radio {
     direction: 'vertical' | 'horizontal';
     /** Design-system inactive state for the complete set. */
     isInactive: boolean;
+    /** Preserve each option while replacing its circle and copy with loading atoms. */
+    isLoading: boolean;
     /** Show full-row hover and pressed feedback for choice-list presentations. */
     hasInteractionFill: boolean;
     /** Accessible name when visible group labeling is unavailable. */

package/dist/types/components/SettingRowRadio/SettingRowRadio.d.ts

@@ -10,6 +10,8 @@ export declare class SettingRowRadio {
     valueLabel?: string;
     /** Optional consequence or supporting copy for the saved option. */
     description?: string;
+    /** Skeletonize the row copy without changing the saved choice or edit presentation. */
+    isLoading: boolean;
     private readonly headingId;
     componentWillLoad(): void;
     componentDidLoad(): void;

package/dist/types/components/SettingRowToggle/SettingRowToggle.d.ts

@@ -10,6 +10,8 @@ export declare class SettingRowToggle {
     checked: boolean;
     /** Prevent changes while the setting is unavailable. */
     disabled: boolean;
+    /** Preserve the real row geometry while replacing copy and switch with skeletons. */
+    isLoading: boolean;
     /** Typography recipe for the setting copy. */
     variant: SettingRowToggleVariant;
     /** Requests the next value; the application owns acceptance and persistence. */

package/dist/types/components/Skeleton/Skeleton.d.ts

@@ -1,9 +1,13 @@
 import type { IconSize } from '../Icon/Icon';
 import type { TextVariant } from '../Text/text-types';
-import type { ControlSize } from '../../utils/control-text';
+import { type ControlSize } from '../../utils/control-text';
 export type SkeletonVariant = 'text' | 'icon' | 'control';
+export type SkeletonControlAppearance = 'filled' | 'outlined' | 'borderless';
+export type SkeletonControlContent = 'label' | 'icon' | 'icon-label' | 'label-icon' | 'icon-label-icon';
 export type SkeletonBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'translucent' | 'inverted' | 'media' | 'navigation' | 'always-dark';
+/** @slot - Real text or a control whose footprint is retained with preserveLayout. */
 export declare class Skeleton {
+    el: HTMLElement;
     variant: SkeletonVariant;
     /** Text metric recipe whose line-height defines the text canvas. */
     textVariant: TextVariant;
@@ -11,15 +15,34 @@ export declare class Skeleton {
     iconSize: IconSize;
     /** Shared control-density size whose height defines the control canvas. */
     controlSize: ControlSize;
+    /** Filled controls replace the entire shape; other appearances retain the frame and mask its contents. */
+    controlAppearance: SkeletonControlAppearance;
+    /** Content anatomy for outlined and borderless control placeholders. */
+    controlContent: SkeletonControlContent;
+    /** Follow the owning table or data toolbar's compact icon-only control presentation. */
+    collapseLabel: boolean;
     /** Width of text and control skeleton canvases. Numbers resolve to px. Ignored for icons. */
     width: string | number | undefined;
     /** Round icon skeletons into circles and control skeletons into pills. Ignored for text. */
     rounded: boolean;
     /** Whether to show the shimmer animation. */
     shimmer: boolean;
+    /** Derive geometry from a projected control or text instead of estimating its footprint. */
+    preserveLayout: boolean;
+    /** With preserveLayout, reveal the same projected content when loading completes. */
+    isLoading: boolean;
     /** Actual parent surface context. Omit on primary and secondary surfaces. */
     background: SkeletonBackground | undefined;
+    private captionCompact;
+    private captionCompactDisconnect;
+    private hasLoaded;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private disconnectCaptionCompactObserver;
+    syncCaptionCompactObserver(): void;
     private get widthCss();
+    private renderControl;
     render(): any;
 }
 //# sourceMappingURL=Skeleton.d.ts.map

package/dist/types/components/Skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export type { SkeletonBackground, SkeletonVariant } from './Skeleton';
+export type { SkeletonBackground, SkeletonVariant, SkeletonControlAppearance, SkeletonControlContent, } from './Skeleton';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Table/Table.d.ts

@@ -99,7 +99,7 @@ export declare class Table {
     surfaceOpenRowId: string | undefined;
     /** Initial loading state. Existing rows stay visible; incremental loading uses loadingMore. */
     loading: boolean;
-    /** Replace opted-in table-owned caption controls with same-size visual skeletons. */
+    /** Replace column headers and table-owned caption controls with same-size visual skeletons. */
     chromeLoading: boolean;
     /** Initial-loading rows. Defaults to ten so bounded tables retain a useful filled viewport. */
     skeletonRows: number;

package/dist/types/components.d.ts

@@ -83,7 +83,7 @@ import { SettingRowToggleVariant } from "./components/SettingRowToggle/SettingRo
 import { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellSectionNavigation, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
 import { ShellGradientPreset } from "./shell/shell-gradient-presets";
 import { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageDesktopHeaderPlacement, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
-import { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
+import { SkeletonBackground, SkeletonControlAppearance, SkeletonControlContent, SkeletonVariant } from "./components/Skeleton/Skeleton";
 import { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
 import { SliderOrientation, SliderSize, SliderThumbAlignment, SliderTick, SliderValue } from "./components/Slider/Slider";
 import { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
@@ -173,7 +173,7 @@ export { SettingRowToggleVariant } from "./components/SettingRowToggle/SettingRo
 export { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellSectionNavigation, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
 export { ShellGradientPreset } from "./shell/shell-gradient-presets";
 export { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageDesktopHeaderPlacement, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
-export { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
+export { SkeletonBackground, SkeletonControlAppearance, SkeletonControlContent, SkeletonVariant } from "./components/Skeleton/Skeleton";
 export { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
 export { SliderOrientation, SliderSize, SliderThumbAlignment, SliderTick, SliderValue } from "./components/Slider/Slider";
 export { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
@@ -1061,6 +1061,11 @@ export namespace Components {
           * @default 'No actions available'
          */
         "emptyMessage": string;
+        /**
+          * Retain sections and rows while replacing their headings, labels, and values with skeletons.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * Ordered groups of actions rendered in the card. Empty groups are omitted.
           * @default []
@@ -1085,6 +1090,11 @@ export namespace Components {
           * Chart heading shown in the card header.
          */
         "heading": string;
+        /**
+          * Skeletonize the header and chart canvas; custom body content owns its loading atoms.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * Renders the standard filter action before custom actions.
           * @default false
@@ -1114,6 +1124,11 @@ export namespace Components {
           * Destination for the card's native link.
          */
         "href": string;
+        /**
+          * Preserve the card layout while its copy and navigation affordance show skeletons.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * `navigation-only` makes the complete card the link. `content` keeps the header as the link and exposes a non-interactive body slot below it.
           * @default 'navigation-only'
@@ -1198,6 +1213,11 @@ export namespace Components {
           * Section heading shown in the card header.
          */
         "heading": string;
+        /**
+          * Keep the card and projected content in place while its header shows skeletons.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * @default 'Save'
          */
@@ -1228,6 +1248,11 @@ export namespace Components {
           * @default 'for'
          */
         "forLabel": string;
+        /**
+          * Replace sentence fragments and controls with skeletons inside the same card.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * Sentence prefix, supplied separately for localization.
           * @default 'Managing'
@@ -1983,6 +2008,11 @@ export namespace Components {
           * Explicit ID for the slotted control; generated when omitted.
          */
         "fieldId": string | undefined;
+        /**
+          * Masks field copy and its mounted control while preserving layout and form state.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * Visible label for the slotted control. Omit when a nearby heading already names the field.
          */
@@ -2183,6 +2213,11 @@ export namespace Components {
           * Authored informational copy rendered without transformation.
          */
         "description": string;
+        /**
+          * Keep the informational row footprint while its copy is loading.
+          * @default false
+         */
+        "isLoading": boolean;
     }
     interface DsInput {
         /**
@@ -3082,6 +3117,11 @@ export namespace Components {
         "width": TabGroupWidth;
     }
     interface DsPagination {
+        /**
+          * Show skeletons for the existing controls without changing their geometry.
+          * @default false
+         */
+        "chromeLoading": boolean;
         /**
           * Effective whole-item capacity to request when Fit is selected.
          */
@@ -3520,6 +3560,11 @@ export namespace Components {
           * @default false
          */
         "isInactive": boolean;
+        /**
+          * Preserve each option while replacing its circle and copy with loading atoms.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * Native form field name.
          */
@@ -3955,6 +4000,11 @@ export namespace Components {
           * Optional consequence or supporting copy for the saved option.
          */
         "description"?: string;
+        /**
+          * Skeletonize the row copy without changing the saved choice or edit presentation.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * Settings heading shown in both presentations. Not Radio's form groupLabel.
          */
@@ -3987,6 +4037,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Preserve the real row geometry while replacing copy and switch with skeletons.
+          * @default false
+         */
+        "isLoading": boolean;
         /**
           * Name of the enabled setting.
          */
@@ -4187,6 +4242,21 @@ export namespace Components {
           * Actual parent surface context. Omit on primary and secondary surfaces.
          */
         "background": SkeletonBackground | undefined;
+        /**
+          * Follow the owning table or data toolbar's compact icon-only control presentation.
+          * @default false
+         */
+        "collapseLabel": boolean;
+        /**
+          * Filled controls replace the entire shape; other appearances retain the frame and mask its contents.
+          * @default 'filled'
+         */
+        "controlAppearance": SkeletonControlAppearance;
+        /**
+          * Content anatomy for outlined and borderless control placeholders.
+          * @default 'label'
+         */
+        "controlContent": SkeletonControlContent;
         /**
           * Shared control-density size whose height defines the control canvas.
           * @default 'md'
@@ -4197,6 +4267,16 @@ export namespace Components {
           * @default 'md'
          */
         "iconSize": IconSize1;
+        /**
+          * With preserveLayout, reveal the same projected content when loading completes.
+          * @default true
+         */
+        "isLoading": boolean;
+        /**
+          * Derive geometry from a projected control or text instead of estimating its footprint.
+          * @default false
+         */
+        "preserveLayout": boolean;
         /**
           * Round icon skeletons into circles and control skeletons into pills. Ignored for text.
           * @default false
@@ -4487,7 +4567,7 @@ export namespace Components {
          */
         "chromeLayout": TableChromeLayout;
         /**
-          * Replace opted-in table-owned caption controls with same-size visual skeletons.
+          * Replace column headers and table-owned caption controls with same-size visual skeletons.
           * @default false
          */
         "chromeLoading": boolean;
@@ -8109,6 +8189,11 @@ declare namespace LocalJSX {
           * @default 'No actions available'
          */
         "emptyMessage"?: string;
+        /**
+          * Retain sections and rows while replacing their headings, labels, and values with skeletons.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Emitted when an available row is activated. When a row has an `href`, prevent this event to take over navigation with an application router.
          */
@@ -8137,6 +8222,11 @@ declare namespace LocalJSX {
           * Chart heading shown in the card header.
          */
         "heading": string;
+        /**
+          * Skeletonize the header and chart canvas; custom body content owns its loading atoms.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Emits when the standard header filter control is activated.
          */
@@ -8170,6 +8260,11 @@ declare namespace LocalJSX {
           * Destination for the card's native link.
          */
         "href": string;
+        /**
+          * Preserve the card layout while its copy and navigation affordance show skeletons.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Emits before native navigation. Prevent this event to take over routing; the component will then prevent the original link navigation.
          */
@@ -8262,6 +8357,11 @@ declare namespace LocalJSX {
           * Section heading shown in the card header.
          */
         "heading": string;
+        /**
+          * Keep the card and projected content in place while its header shows skeletons.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Emits a controlled edit, save, or cancel request.
          */
@@ -8296,6 +8396,11 @@ declare namespace LocalJSX {
           * @default 'for'
          */
         "forLabel"?: string;
+        /**
+          * Replace sentence fragments and controls with skeletons inside the same card.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Sentence prefix, supplied separately for localization.
           * @default 'Managing'
@@ -9153,6 +9258,11 @@ declare namespace LocalJSX {
           * Explicit ID for the slotted control; generated when omitted.
          */
         "fieldId"?: string | undefined;
+        /**
+          * Masks field copy and its mounted control while preserving layout and form state.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Visible label for the slotted control. Omit when a nearby heading already names the field.
          */
@@ -9381,6 +9491,11 @@ declare namespace LocalJSX {
           * Authored informational copy rendered without transformation.
          */
         "description": string;
+        /**
+          * Keep the informational row footprint while its copy is loading.
+          * @default false
+         */
+        "isLoading"?: boolean;
     }
     interface DsInput {
         /**
@@ -10332,6 +10447,11 @@ declare namespace LocalJSX {
         "width"?: TabGroupWidth;
     }
     interface DsPagination {
+        /**
+          * Show skeletons for the existing controls without changing their geometry.
+          * @default false
+         */
+        "chromeLoading"?: boolean;
         /**
           * Effective whole-item capacity to request when Fit is selected.
          */
@@ -10819,6 +10939,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "isInactive"?: boolean;
+        /**
+          * Preserve each option while replacing its circle and copy with loading atoms.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Native form field name.
          */
@@ -11270,6 +11395,11 @@ declare namespace LocalJSX {
           * Optional consequence or supporting copy for the saved option.
          */
         "description"?: string;
+        /**
+          * Skeletonize the row copy without changing the saved choice or edit presentation.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Settings heading shown in both presentations. Not Radio's form groupLabel.
          */
@@ -11302,6 +11432,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Preserve the real row geometry while replacing copy and switch with skeletons.
+          * @default false
+         */
+        "isLoading"?: boolean;
         /**
           * Name of the enabled setting.
          */
@@ -11558,6 +11693,21 @@ declare namespace LocalJSX {
           * Actual parent surface context. Omit on primary and secondary surfaces.
          */
         "background"?: SkeletonBackground | undefined;
+        /**
+          * Follow the owning table or data toolbar's compact icon-only control presentation.
+          * @default false
+         */
+        "collapseLabel"?: boolean;
+        /**
+          * Filled controls replace the entire shape; other appearances retain the frame and mask its contents.
+          * @default 'filled'
+         */
+        "controlAppearance"?: SkeletonControlAppearance;
+        /**
+          * Content anatomy for outlined and borderless control placeholders.
+          * @default 'label'
+         */
+        "controlContent"?: SkeletonControlContent;
         /**
           * Shared control-density size whose height defines the control canvas.
           * @default 'md'
@@ -11568,6 +11718,16 @@ declare namespace LocalJSX {
           * @default 'md'
          */
         "iconSize"?: IconSize1;
+        /**
+          * With preserveLayout, reveal the same projected content when loading completes.
+          * @default true
+         */
+        "isLoading"?: boolean;
+        /**
+          * Derive geometry from a projected control or text instead of estimating its footprint.
+          * @default false
+         */
+        "preserveLayout"?: boolean;
         /**
           * Round icon skeletons into circles and control skeletons into pills. Ignored for text.
           * @default false
@@ -11868,7 +12028,7 @@ declare namespace LocalJSX {
          */
         "chromeLayout"?: TableChromeLayout;
         /**
-          * Replace opted-in table-owned caption controls with same-size visual skeletons.
+          * Replace column headers and table-owned caption controls with same-size visual skeletons.
           * @default false
          */
         "chromeLoading"?: boolean;
@@ -12785,6 +12945,7 @@ declare namespace LocalJSX {
     }
     interface DsCardActionCenterAttributes {
         "emptyMessage": string;
+        "isLoading": boolean;
     }
     interface DsCardChartAttributes {
         "heading": string;
@@ -12792,11 +12953,13 @@ declare namespace LocalJSX {
         "cardWidth": CardChartWidth;
         "showFilter": boolean;
         "filterLabel": string;
+        "isLoading": boolean;
     }
     interface DsCardNavigationAttributes {
         "href": string;
         "heading": string;
         "description": string | undefined;
+        "isLoading": boolean;
         "variant": CardNavigationVariant;
         "cardWidth": CardNavigationWidth;
     }
@@ -12816,6 +12979,7 @@ declare namespace LocalJSX {
         "cardWidth": CardSettingWidth;
         "variant": CardSettingVariant;
         "editing": boolean;
+        "isLoading": boolean;
         "editLabel": string;
         "cancelLabel": string;
         "saveLabel": string;
@@ -12832,6 +12996,7 @@ declare namespace LocalJSX {
         "areaExpanded": boolean;
         "profileExpanded": boolean;
         "profilePopup": 'menu' | 'dialog';
+        "isLoading": boolean;
     }
     interface DsChartAttributes {
         "label": string;
@@ -12989,6 +13154,7 @@ declare namespace LocalJSX {
         "description": string | undefined;
         "error": boolean;
         "errorMessage": string | undefined;
+        "isLoading": boolean;
     }
     interface DsFilterMenuAttributes {
         "embedded": boolean;
@@ -13030,6 +13196,7 @@ declare namespace LocalJSX {
     }
     interface DsInlineBannerSettingsAttributes {
         "description": string;
+        "isLoading": boolean;
     }
     interface DsInputAttributes {
         "value": string;
@@ -13289,6 +13456,7 @@ declare namespace LocalJSX {
         "label": string;
         "showFirstLastButtons": boolean;
         "loading": boolean;
+        "chromeLoading": boolean;
     }
     interface DsPanelNavAttributes {
         "navStyle": NavChromeStyle;
@@ -13367,6 +13535,7 @@ declare namespace LocalJSX {
         "requiredMessage": string;
         "direction": 'vertical' | 'horizontal';
         "isInactive": boolean;
+        "isLoading": boolean;
         "hasInteractionFill": boolean;
         "ariaLabel": string | null;
         "ariaLabelledby": string | undefined;
@@ -13464,12 +13633,14 @@ declare namespace LocalJSX {
         "label": string;
         "valueLabel": string;
         "description": string;
+        "isLoading": boolean;
     }
     interface DsSettingRowToggleAttributes {
         "label": string;
         "description": string;
         "checked": boolean;
         "disabled": boolean;
+        "isLoading": boolean;
         "variant": SettingRowToggleVariant;
     }
     interface DsShellAppAttributes {
@@ -13510,9 +13681,14 @@ declare namespace LocalJSX {
         "textVariant": TextVariant;
         "iconSize": IconSize;
         "controlSize": ControlSize;
+        "controlAppearance": SkeletonControlAppearance;
+        "controlContent": SkeletonControlContent;
+        "collapseLabel": boolean;
         "width": string;
         "rounded": boolean;
         "shimmer": boolean;
+        "preserveLayout": boolean;
+        "isLoading": boolean;
         "background": SkeletonBackground | undefined;
     }
     interface DsSliderAttributes {

package/dist/vue/ds-card-action-center.js

@@ -6,6 +6,7 @@ import { defineCustomElement as defineDsCardActionCenter } from '@ds-mo/ui/compo
 export const DsCardActionCenter = /*@__PURE__*/ defineContainer('ds-card-action-center', defineDsCardActionCenter, [
     'sections',
     'emptyMessage',
+    'isLoading',
     'dsAction'
 ], [
     'dsAction'

package/dist/vue/ds-card-chart.js

@@ -9,6 +9,7 @@ export const DsCardChart = /*@__PURE__*/ defineContainer('ds-card-chart', define
     'cardWidth',
     'showFilter',
     'filterLabel',
+    'isLoading',
     'dsFilterClick'
 ], [
     'dsFilterClick'