Storybook - source code order how?

index.stories.js

import { html } from '../../index.js';

import '../demo-wc-card.js';

export default {
  title: 'Demo Card|Component Story Format',
  component: 'demo-wc-card',
};

export const heading = () =>
  html`
    <h1>Hello World</h1>
    <input type="text" />
  `;

export const card = () =>
  html`
    <demo-wc-card>Hello World</demo-wc-card>
  `;

webpack-output.js

import { html } from '../../index.js';

import '../demo-wc-card.js';

/* eslint-disable no-unused-vars,@typescript-eslint/no-unused-vars */
// @ts-ignore
var withSourceLoader = require('@storybook/source-loader/preview').withSource;
// @ts-ignore
var addSourceDecorator = require("@storybook/source-loader/preview").addSource;
// @ts-ignore
var __SOURCE_PREFIX__ = "/Users/ff67qn/html/open-wc/packages/storybook-addon-web-components-knobs/demo/stories";
// @ts-ignore
var __STORY__ = "import { html } from '../../index.js';\n\nimport '../demo-wc-card.js';\n\nexport default {\n  title: 'Demo Card|Component Story Format',\n  component: 'demo-wc-card',\n};\n\nexport const heading = () =>\n  html`\n    <h1>Hello World</h1>\n    <input type=\"text\" />\n  `;\n\nexport const card = () =>\n  html`\n    <demo-wc-card>Hello World</demo-wc-card>\n  `;\n";
// @ts-ignore
var __ADDS_MAP__ = {"demo-card-component-story-format--heading":{"startLoc":{"col":23,"line":10},"endLoc":{"col":3,"line":14},"startBody":{"col":23,"line":10},"endBody":{"col":3,"line":14}},"demo-card-component-story-format--card":{"startLoc":{"col":20,"line":16},"endLoc":{"col":3,"line":19},"startBody":{"col":20,"line":16},"endBody":{"col":3,"line":19}}};
// @ts-ignore
var __MAIN_FILE_LOCATION__ = "/csf.stories.js";
// @ts-ignore
var __MODULE_DEPENDENCIES__ = [];
// @ts-ignore
var __LOCAL_DEPENDENCIES__ = {};
// @ts-ignore
var __IDS_TO_FRAMEWORKS__ = {};
/* eslint-enable no-unused-vars,@typescript-eslint/no-unused-vars */
        


export default {parameters: {"storySource":{"source":"import { html } from '../../index.js';\n\nimport '../demo-wc-card.js';\n\nexport default {\n  title: 'Demo Card|Component Story Format',\n  component: 'demo-wc-card',\n};\n\nexport const heading = () =>\n  html`\n    <h1>Hello World</h1>\n    <input type=\"text\" />\n  `;\n\nexport const card = () =>\n  html`\n    <demo-wc-card>Hello World</demo-wc-card>\n  `;\n","locationsMap":{"demo-card-component-story-format--heading":{"startLoc":{"col":23,"line":10},"endLoc":{"col":3,"line":14},"startBody":{"col":23,"line":10},"endBody":{"col":3,"line":14}},"demo-card-component-story-format--card":{"startLoc":{"col":20,"line":16},"endLoc":{"col":3,"line":19},"startBody":{"col":20,"line":16},"endBody":{"col":3,"line":19}}}},},
  title: 'Demo Card|Component Story Format',
  component: 'demo-wc-card',
};

export const heading = addSourceDecorator(() =>
  html`
    <h1>Hello World</h1>
    <input type="text" />
  `, {__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__});;

export const card = addSourceDecorator(() =>
  html`
    <demo-wc-card>Hello World</demo-wc-card>
  `, {__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__});