Fix Storybook composition order

lib/api/src/modules/refs.ts

@@ -228,8 +228,15 @@ export const init: ModuleFn = ({ store, provider, singleStory }, { runCheck = tr
 
       updated[id] = { ...ref, ...data };
 
+      /* eslint-disable no-param-reassign */
+      const ordered = Object.keys(initialState).reduce((obj: any, key) => {
+        obj[key] = updated[key];
+        return obj;
+      }, {});
+      /* eslint-enable no-param-reassign */
+
       store.setState({
-        refs: updated,
+        refs: ordered,
       });
     },
   };

yarn.lock

@@ -15784,6 +15784,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"composition@workspace:examples/composition":
+  version: 0.0.0-use.local
+  resolution: "composition@workspace:examples/composition"
+  dependencies:
+    "@angular-devkit/build-angular": ~0.1102.13
+    "@angular-devkit/core": ^11.2.13
+    "@angular/cli": ^11.2.13
+    "@angular/common": ^11.2.14
+    "@angular/compiler": ^11.2.14
+    "@angular/compiler-cli": ^11.2.14
+    "@angular/core": ^11.2.14
+    "@angular/forms": ^11.2.14
+    "@angular/platform-browser": ^11.2.14
+    "@angular/platform-browser-dynamic": ^11.2.14
+    "@storybook/addon-jest": 6.4.0-alpha.6
+    "@storybook/addon-links": 6.4.0-alpha.6
+    "@storybook/addons": 6.4.0-alpha.6
+    "@storybook/angular": 6.4.0-alpha.6
+    "@storybook/source-loader": 6.4.0-alpha.6
+    "@types/core-js": ^2.5.4
+    "@types/jest": ^26.0.16
+    "@types/node": ^14.14.20
+    "@types/webpack-env": ^1.16.0
+    "@webcomponents/custom-elements": ^1.4.3
+    babel-plugin-require-context-hook: ^1.0.0
+    core-js: ^3.8.2
+    global: ^4.4.0
+    node-sass: ^4.14.1
+    rxjs: ^6.6.3
+    storybook-addon-angular-ivy: ^0.0.1
+    ts-jest: ^26.4.4
+    ts-node: ^9.1.0
+    typescript: ^4.1.3
+    zone.js: ^0.11.3
+  languageName: unknown
+  linkType: soft
+
 "compressible@npm:~2.0.16":
   version: 2.0.18
   resolution: "compressible@npm:2.0.18"