@ng-vagabond-lab/ng-dsv 0.0.1 → 0.0.2

package/.storybook/main.ts

@@ -0,0 +1,18 @@
+import type { StorybookConfig } from '@storybook/angular';
+
+const config: StorybookConfig = {
+  stories: ['../**/*.mdx', '../**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/angular',
+    options: {},
+  },
+  env: (config) => ({
+    ...config,
+  }),
+};
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,42 @@
+import {
+  componentWrapperDecorator,
+  moduleMetadata,
+  type Preview,
+} from '@storybook/angular';
+import { DsvThemeComponent } from './../ds/theme/component/dsv.theme.component';
+import { DsvThemeSwitchComponent } from './../ds/theme/switch/component/dsv.theme.switch.component';
+
+const theme = {
+  background: 'rgb(245, 245, 245)',
+  primary: '#2943c6',
+};
+const themeString = JSON.stringify(theme);
+
+const preview: Preview = {
+  parameters: {
+    layout: 'fullscreen',
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  decorators: [
+    moduleMetadata({
+      imports: [DsvThemeComponent, DsvThemeSwitchComponent],
+    }),
+    componentWrapperDecorator((story) => {
+      return `<dsv-theme [theme]='${themeString}' class="flex flex1" >
+        <div style='padding: 5px; margin-bottom: 40px; min-height: 200px;'>
+          <div style='margin-bottom: 20px'>
+            <dsv-theme-switch></dsv-theme-switch>
+          </div>
+          ${story}
+        </div>
+      </dsv-theme>`;
+    }),
+  ],
+};
+
+export default preview;

package/.storybook/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "extends": "../tsconfig.lib.json",
+  "compilerOptions": {
+    "types": [
+      "node"
+    ],
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
+  },
+  "exclude": [
+    "../test.ts",
+    "../**/*.spec.ts"
+  ],
+  "include": [
+    "../**/*.stories.*",
+    "./preview.ts"
+  ],
+  "files": [
+    "./typings.d.ts"
+  ]
+}

package/.storybook/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}

package/assets/global.scss

@@ -0,0 +1,11 @@
+html { font-size: 16px !important; }
+
+button {  
+    cursor: pointer;
+    font-size: 1rem;
+}
+div, p, i { font-size: 1rem; }
+
+.flex { display: flex; flex-direction: row; gap: 5px; }
+.flex1 { flex: 1; }
+.margin5 { margin: 5px; }