chore(reactive-controllers): add missing progress-circle dependency (#…

…4943)
adobe · Nov 20, 2024 · bb53e32 · bb53e32
1 parent 2a0b3a5
commit bb53e32
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/tools/reactive-controllers/README.md b/tools/reactive-controllers/README.md
@@ -10,4 +10,5 @@
 -   LanguageResolutionController
 -   [MatchMediaController](../match-media)
 -   [RovingTabindexController](../roving-tab-index)
+-   [PendingStateController](../pending-state)
 -   SystemContextResolutionController
diff --git a/tools/reactive-controllers/package.json b/tools/reactive-controllers/package.json
@@ -84,7 +84,8 @@
         "reactive controllers"
     ],
     "dependencies": {
-        "lit": "^3.1.3"
+        "lit": "^3.1.3",
+        "@spectrum-web-components/progress-circle": "^1.0.1"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/...ive-controllers/PendingStateController.md → tools/reactive-controllers/pending-state.md b/...ive-controllers/PendingStateController.md → tools/reactive-controllers/pending-state.md
@@ -25,20 +25,25 @@ import { PendingStateController } from '@spectrum-web-components/reactive-contro
 
 ```js
 import { LitElement } from 'lit';
-import { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';
-class Host extends LitElement{
+import { PendingStateController, HostWithPendingState } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';
+
+class Host extends LitElement<HostWithPendingState> {
 
     /** Whether the items are currently loading. */
     @property({ type: Boolean, reflect: true })
     public pending = false;
 
-    /** Defines a string value that labels the Picker while it is in pending state. */
+    /** Whether the host is disabled. */
+    @property({type: boolean})
+    public disabled = false;
+
+    /** Defines a string value that labels the while it is in pending state. */
     @property({ type: String, attribute: 'pending-label' })
     public pendingLabel = 'Pending';
     public pendingStateController: PendingStateController<this>;
 
     /**
-     * Initializes the `PendingStateController` for the Picker component.
+     * Initializes the `PendingStateController` for the component.
      * The `PendingStateController` manages the pending state of the Component.
      */
     constructor() {