valtech-components 2.0.688 → 2.0.689

package/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.prettierignore

@@ -0,0 +1,6 @@
+dist
+node_modules
+.angular
+coverage
+*.min.js
+*.min.css

package/.prettierrc

@@ -0,0 +1,30 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "semi": true,
+  "arrowParens": "avoid",
+  "endOfLine": "auto",
+  "htmlWhitespaceSensitivity": "css",
+  "bracketSameLine": false,
+  "singleAttributePerLine": false,
+  "overrides": [
+    {
+      "files": "*.component.ts",
+      "options": {
+        "parser": "typescript",
+        "printWidth": 120
+      }
+    },
+    {
+      "files": "*.html",
+      "options": {
+        "parser": "html",
+        "printWidth": 120
+      }
+    }
+  ]
+}

package/.storybook/main.ts

@@ -0,0 +1,21 @@
+import type { StorybookConfig } from '@storybook/angular';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
+    '@chromatic-com/storybook',
+  ],
+  framework: {
+    name: '@storybook/angular',
+    options: {},
+  },
+  staticDirs: ['../src/lib/assets'],
+  docs: {
+    autodocs: true,
+  },
+};
+
+export default config;

package/.storybook/preview-body.html

@@ -0,0 +1,60 @@
+<style>
+  /* Fix scroll issues in Storybook docs */
+  .docs-story {
+    overflow: auto !important;
+  }
+
+  .sbdocs-wrapper {
+    overflow: auto !important;
+    height: 100% !important;
+  }
+
+  .sbdocs-content {
+    max-width: 1000px;
+    overflow: visible !important;
+    padding: 0 2rem !important;
+    margin: 0 auto !important;
+  }
+
+  /* Fix content padding on large screens */
+  .sbdocs-wrapper .sbdocs-content {
+    padding-left: 2rem !important;
+    padding-right: 2rem !important;
+  }
+
+  @media (min-width: 1200px) {
+    .sbdocs-content {
+      padding: 0 3rem !important;
+    }
+  }
+
+  /* Ensure MDX content scrolls properly */
+  .sb-show-main {
+    overflow: auto !important;
+  }
+
+  #storybook-docs {
+    overflow: auto !important;
+    height: 100% !important;
+  }
+
+  /* Fix table rendering in MDX */
+  .sbdocs table {
+    display: table;
+    width: 100%;
+    border-collapse: collapse;
+    margin: 1rem 0;
+  }
+
+  .sbdocs th,
+  .sbdocs td {
+    border: 1px solid #e0e0e0;
+    padding: 8px 12px;
+    text-align: left;
+  }
+
+  .sbdocs th {
+    background: #f5f5f5;
+    font-weight: 600;
+  }
+</style>

package/.storybook/preview-head.html

@@ -0,0 +1,48 @@
+<!-- Ionicons -->
+<script type="module" src="https://unpkg.com/ionicons@7.2.1/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/ionicons@7.2.1/dist/ionicons/ionicons.js"></script>
+
+<!-- Ionic CSS -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8.4.5/css/ionic.bundle.css" />
+
+<style>
+  /* Base styles for Storybook canvas */
+  body {
+    font-family: var(--ion-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
+    margin: 0;
+    padding: 0;
+  }
+
+  /* Storybook container padding */
+  .sb-show-main.sb-main-padded {
+    padding: 1rem;
+  }
+
+  /* Ensure Ionic components render correctly */
+  .docs-story {
+    min-height: 100px;
+  }
+
+  /* Fix for ion-button in Storybook */
+  ion-button {
+    --padding-start: 1em;
+    --padding-end: 1em;
+  }
+
+  /* Valtech primary colors */
+  :root {
+    --ion-color-primary: #7026df;
+    --ion-color-primary-rgb: 112, 38, 223;
+    --ion-color-primary-contrast: #ffffff;
+    --ion-color-primary-contrast-rgb: 255, 255, 255;
+    --ion-color-primary-shade: #6321c4;
+    --ion-color-primary-tint: #7e3ce2;
+
+    --ion-color-secondary: #e2ccff;
+    --ion-color-secondary-rgb: 226, 204, 255;
+    --ion-color-secondary-contrast: #000000;
+    --ion-color-secondary-contrast-rgb: 0, 0, 0;
+    --ion-color-secondary-shade: #c7b4e0;
+    --ion-color-secondary-tint: #e5d1ff;
+  }
+</style>

package/.storybook/preview.ts

@@ -0,0 +1,52 @@
+import type { Preview } from '@storybook/angular';
+import { applicationConfig } from '@storybook/angular';
+import { provideHttpClient } from '@angular/common/http';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideIonicAngular } from '@ionic/angular/standalone';
+
+const preview: Preview = {
+  decorators: [
+    applicationConfig({
+      providers: [
+        provideHttpClient(),
+        provideAnimations(),
+        provideIonicAngular({ mode: 'ios' }),
+      ],
+    }),
+  ],
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    docs: {
+      toc: true,
+    },
+    options: {
+      storySort: {
+        order: [
+          'Introduction',
+          'Getting Started',
+          'Design Tokens',
+          'Atoms',
+          'Molecules',
+          'Organisms',
+          'Templates',
+          '*',
+        ],
+      },
+    },
+    backgrounds: {
+      default: 'light',
+      values: [
+        { name: 'light', value: '#ffffff' },
+        { name: 'dark', value: '#1a1a2e' },
+      ],
+    },
+  },
+  tags: ['autodocs'],
+};
+
+export default preview;

package/.storybook/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../tsconfig.lib.json",
+  "compilerOptions": {
+    "emitDecoratorMetadata": true,
+    "resolveJsonModule": true
+  },
+  "exclude": [
+    "../src/**/*.spec.ts",
+    "../src/lib/services/firebase/**/*"
+  ],
+  "include": ["../src/**/*", "./**/*"]
+}