@ds-mo/ui 15.11.2 → 15.12.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-28T15:37:03",
+  "timestamp": "2026-09-29T08:58:27",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -472,8 +472,12 @@
           "ds-button-filled"
         ],
         "ds-radio": [
+          "ds-skeleton",
           "ds-text"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-checkbox": [
           "ds-text"
         ],
@@ -849,8 +853,12 @@
           "ds-button-filled"
         ],
         "ds-radio": [
+          "ds-skeleton",
           "ds-text"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-checkbox": [
           "ds-text"
         ],
@@ -8066,6 +8074,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Retain sections and rows while replacing their headings, labels, and values with skeletons.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "sections",
           "type": "readonly CardActionCenterSection[]",
@@ -8135,16 +8172,21 @@
       "states": [],
       "dependents": [],
       "dependencies": [
+        "ds-skeleton",
         "ds-tag",
         "ds-text",
         "ds-divider"
       ],
       "dependencyGraph": {
         "ds-card-action-center": [
+          "ds-skeleton",
           "ds-tag",
           "ds-text",
           "ds-divider"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-tag": [
           "ds-icon",
           "ds-text"
@@ -8255,6 +8297,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Skeletonize the header and chart canvas; custom body content owns its loading atoms.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "showFilter",
           "type": "boolean",
@@ -8350,13 +8421,18 @@
       "dependents": [],
       "dependencies": [
         "ds-text",
+        "ds-skeleton",
         "ds-button-unfilled"
       ],
       "dependencyGraph": {
         "ds-card-chart": [
           "ds-text",
+          "ds-skeleton",
           "ds-button-unfilled"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-button-unfilled": [
           "ds-tooltip",
           "ds-loader",
@@ -8496,6 +8572,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Preserve the card layout while its copy and navigation affordance show skeletons.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "variant",
           "type": "\"content\" | \"navigation-only\"",
@@ -8568,12 +8673,17 @@
       "dependents": [],
       "dependencies": [
         "ds-text",
+        "ds-skeleton",
         "ds-icon"
       ],
       "dependencyGraph": {
         "ds-card-navigation": [
           "ds-text",
+          "ds-skeleton",
           "ds-icon"
+        ],
+        "ds-skeleton": [
+          "ds-skeleton"
         ]
       }
     },
@@ -8991,6 +9101,9 @@
           "ds-score",
           "ds-tooltip"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-score": [
           "ds-skeleton",
           "ds-text"
@@ -9162,6 +9275,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Keep the card and projected content in place while its header shows skeletons.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "saveLabel",
           "type": "string",
@@ -9263,15 +9405,20 @@
       "dependents": [],
       "dependencies": [
         "ds-text",
+        "ds-skeleton",
         "ds-button-unfilled",
         "ds-button-filled"
       ],
       "dependencyGraph": {
         "ds-card-setting": [
           "ds-text",
+          "ds-skeleton",
           "ds-button-unfilled",
           "ds-button-filled"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-button-unfilled": [
           "ds-tooltip",
           "ds-loader",
@@ -9414,6 +9561,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Replace sentence fragments and controls with skeletons inside the same card.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "managingLabel",
           "type": "string",
@@ -9650,11 +9826,16 @@
       "states": [],
       "dependents": [],
       "dependencies": [
+        "ds-skeleton",
         "ds-text"
       ],
       "dependencyGraph": {
         "ds-card-settings-scope": [
+          "ds-skeleton",
           "ds-text"
+        ],
+        "ds-skeleton": [
+          "ds-skeleton"
         ]
       }
     },
@@ -14712,8 +14893,12 @@
           "ds-button-unfilled"
         ],
         "ds-field": [
+          "ds-skeleton",
           "ds-text"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-button-filled": [
           "ds-loader",
           "ds-icon",
@@ -16018,6 +16203,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Masks field copy and its mounted control while preserving layout and form state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "label",
           "type": "string | undefined",
@@ -16056,12 +16270,17 @@
         "ds-data-saved-views"
       ],
       "dependencies": [
+        "ds-skeleton",
         "ds-text"
       ],
       "dependencyGraph": {
         "ds-field": [
+          "ds-skeleton",
           "ds-text"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-data-saved-views": [
           "ds-field"
         ]
@@ -17894,6 +18113,35 @@
           "required": true,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Keep the informational row footprint while its copy is loading.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -17905,11 +18153,16 @@
       "states": [],
       "dependents": [],
       "dependencies": [
+        "ds-skeleton",
         "ds-text"
       ],
       "dependencyGraph": {
         "ds-inline-banner-settings": [
+          "ds-skeleton",
           "ds-text"
+        ],
+        "ds-skeleton": [
+          "ds-skeleton"
         ]
       }
     },
@@ -26725,6 +26978,35 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "chromeLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "chrome-loading",
+          "reflectToAttr": false,
+          "docs": "Show skeletons for the existing controls without changing their geometry.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "fitPageSize",
           "type": "number | undefined",
@@ -27228,6 +27510,7 @@
         "ds-table"
       ],
       "dependencies": [
+        "ds-skeleton",
         "ds-text",
         "ds-select",
         "ds-divider",
@@ -27235,11 +27518,15 @@
       ],
       "dependencyGraph": {
         "ds-pagination": [
+          "ds-skeleton",
           "ds-text",
           "ds-select",
           "ds-divider",
           "ds-button-unfilled"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-select": [
           "ds-checkbox",
           "ds-icon",
@@ -30335,6 +30622,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Preserve each option while replacing its circle and copy with loading atoms.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "name",
           "type": "string | undefined",
@@ -30586,12 +30902,17 @@
         "ds-agent-questionnaire"
       ],
       "dependencies": [
+        "ds-skeleton",
         "ds-text"
       ],
       "dependencyGraph": {
         "ds-radio": [
+          "ds-skeleton",
           "ds-text"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-agent-questionnaire": [
           "ds-radio"
         ]
@@ -31316,6 +31637,9 @@
           "ds-skeleton",
           "ds-text"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-card-overview": [
           "ds-score"
         ],
@@ -33692,6 +34016,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Skeletonize the row copy without changing the saved choice or edit presentation.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "label",
           "type": "string | undefined",
@@ -33794,11 +34147,16 @@
       "states": [],
       "dependents": [],
       "dependencies": [
+        "ds-skeleton",
         "ds-text"
       ],
       "dependencyGraph": {
         "ds-setting-row-radio": [
+          "ds-skeleton",
           "ds-text"
+        ],
+        "ds-skeleton": [
+          "ds-skeleton"
         ]
       }
     },
@@ -33894,6 +34252,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Preserve the real row geometry while replacing copy and switch with skeletons.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -33983,12 +34370,17 @@
       "dependents": [],
       "dependencies": [
         "ds-text",
+        "ds-skeleton",
         "ds-switch"
       ],
       "dependencyGraph": {
         "ds-setting-row-toggle": [
           "ds-text",
+          "ds-skeleton",
           "ds-switch"
+        ],
+        "ds-skeleton": [
+          "ds-skeleton"
         ]
       }
     },
@@ -36132,7 +36524,12 @@
       "encapsulation": "shadow",
       "tag": "ds-skeleton",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- Real text or a control whose footprint is retained with preserveLayout."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -36200,6 +36597,102 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "controlAppearance",
+          "type": "\"borderless\" | \"filled\" | \"outlined\"",
+          "complexType": {
+            "original": "SkeletonControlAppearance",
+            "resolved": "\"borderless\" | \"filled\" | \"outlined\"",
+            "references": {
+              "SkeletonControlAppearance": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Skeleton/Skeleton.tsx",
+                "id": "src/wc/components/Skeleton/Skeleton.tsx::SkeletonControlAppearance"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "control-appearance",
+          "reflectToAttr": false,
+          "docs": "Filled controls replace the entire shape; other appearances retain the frame and mask its contents.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'filled'"
+            }
+          ],
+          "default": "'filled'",
+          "values": [
+            {
+              "value": "borderless",
+              "type": "string"
+            },
+            {
+              "value": "filled",
+              "type": "string"
+            },
+            {
+              "value": "outlined",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "controlContent",
+          "type": "\"icon\" | \"icon-label\" | \"icon-label-icon\" | \"label\" | \"label-icon\"",
+          "complexType": {
+            "original": "SkeletonControlContent",
+            "resolved": "\"icon\" | \"icon-label\" | \"icon-label-icon\" | \"label\" | \"label-icon\"",
+            "references": {
+              "SkeletonControlContent": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Skeleton/Skeleton.tsx",
+                "id": "src/wc/components/Skeleton/Skeleton.tsx::SkeletonControlContent"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "control-content",
+          "reflectToAttr": false,
+          "docs": "Content anatomy for outlined and borderless control placeholders.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'label'"
+            }
+          ],
+          "default": "'label'",
+          "values": [
+            {
+              "value": "icon",
+              "type": "string"
+            },
+            {
+              "value": "icon-label",
+              "type": "string"
+            },
+            {
+              "value": "icon-label-icon",
+              "type": "string"
+            },
+            {
+              "value": "label",
+              "type": "string"
+            },
+            {
+              "value": "label-icon",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "controlSize",
           "type": "\"lg\" | \"md\" | \"sm\" | \"xs\"",
@@ -36310,6 +36803,64 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "With preserveLayout, reveal the same projected content when loading completes.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "preserveLayout",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "preserve-layout",
+          "reflectToAttr": false,
+          "docs": "Derive geometry from a projected control or text instead of estimating its footprint.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "rounded",
           "type": "boolean",
@@ -36515,22 +37066,77 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Real text or a control whose footprint is retained with preserveLayout."
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
+        "ds-card-action-center",
+        "ds-card-chart",
+        "ds-card-navigation",
         "ds-card-overview",
+        "ds-card-setting",
+        "ds-card-settings-scope",
+        "ds-field",
+        "ds-inline-banner-settings",
+        "ds-pagination",
+        "ds-radio",
         "ds-score",
+        "ds-setting-row-radio",
+        "ds-setting-row-toggle",
+        "ds-skeleton",
         "ds-table"
       ],
-      "dependencies": [],
+      "dependencies": [
+        "ds-skeleton"
+      ],
       "dependencyGraph": {
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
+        "ds-card-action-center": [
+          "ds-skeleton"
+        ],
+        "ds-card-chart": [
+          "ds-skeleton"
+        ],
+        "ds-card-navigation": [
+          "ds-skeleton"
+        ],
         "ds-card-overview": [
           "ds-skeleton"
         ],
+        "ds-card-setting": [
+          "ds-skeleton"
+        ],
+        "ds-card-settings-scope": [
+          "ds-skeleton"
+        ],
+        "ds-field": [
+          "ds-skeleton"
+        ],
+        "ds-inline-banner-settings": [
+          "ds-skeleton"
+        ],
+        "ds-pagination": [
+          "ds-skeleton"
+        ],
+        "ds-radio": [
+          "ds-skeleton"
+        ],
         "ds-score": [
           "ds-skeleton"
         ],
+        "ds-setting-row-radio": [
+          "ds-skeleton"
+        ],
+        "ds-setting-row-toggle": [
+          "ds-skeleton"
+        ],
         "ds-table": [
           "ds-skeleton"
         ]
@@ -38753,7 +39359,7 @@
           "mutable": false,
           "attr": "chrome-loading",
           "reflectToAttr": false,
-          "docs": "Replace opted-in table-owned caption controls with same-size visual skeletons.",
+          "docs": "Replace column headers and table-owned caption controls with same-size visual skeletons.",
           "docsTags": [
             {
               "name": "default",
@@ -41028,11 +41634,11 @@
         "ds-checkbox",
         "ds-button-unfilled",
         "ds-text",
+        "ds-skeleton",
         "ds-score",
         "ds-empty-state",
         "ds-pagination",
         "ds-divider",
-        "ds-skeleton",
         "ds-select",
         "ds-input-date",
         "ds-input-time",
@@ -41049,11 +41655,11 @@
           "ds-checkbox",
           "ds-button-unfilled",
           "ds-text",
+          "ds-skeleton",
           "ds-score",
           "ds-empty-state",
           "ds-pagination",
           "ds-divider",
-          "ds-skeleton",
           "ds-select",
           "ds-input-date",
           "ds-input-time",
@@ -41092,6 +41698,9 @@
         "ds-checkbox": [
           "ds-text"
         ],
+        "ds-skeleton": [
+          "ds-skeleton"
+        ],
         "ds-score": [
           "ds-skeleton",
           "ds-text"
@@ -41101,6 +41710,7 @@
           "ds-text"
         ],
         "ds-pagination": [
+          "ds-skeleton",
           "ds-text",
           "ds-select",
           "ds-divider",
@@ -45714,6 +46324,16 @@
       "docstring": "",
       "path": "src/wc/utils/control-text.ts"
     },
+    "src/wc/components/Skeleton/Skeleton.tsx::SkeletonControlAppearance": {
+      "declaration": "export type SkeletonControlAppearance = 'filled' | 'outlined' | 'borderless';",
+      "docstring": "",
+      "path": "src/wc/components/Skeleton/Skeleton.tsx"
+    },
+    "src/wc/components/Skeleton/Skeleton.tsx::SkeletonControlContent": {
+      "declaration": "export type SkeletonControlContent =\n  | 'label'\n  | 'icon'\n  | 'icon-label'\n  | 'label-icon'\n  | 'icon-label-icon';",
+      "docstring": "",
+      "path": "src/wc/components/Skeleton/Skeleton.tsx"
+    },
     "src/wc/components/Skeleton/Skeleton.tsx::SkeletonBackground": {
       "declaration": "export type SkeletonBackground =\n  | 'faint'\n  | 'medium'\n  | 'bold'\n  | 'strong'\n  | 'translucent'\n  | 'inverted'\n  | 'media'\n  | 'navigation'\n  | 'always-dark';",
       "docstring": "",