sdga-ui 1.0.7 → 1.0.9

package/demo-angular/src/app/views/toasts/toasts.component.html

@@ -1,201 +0,0 @@
-<div class="container py-5">
-    <h1 class="display-4 mb-4">{{ 'toasts.title' | translate }}</h1>
-    <p class="lead mb-5">{{ 'toasts.subtitle' | translate }}</p>
-
-    <section class="demo-section mb-5">
-        <h2 class="mt-5">{{ 'toasts.section_variants' | translate }}</h2>
-        
-        <!-- Success Toast with Icon -->
-        <h3 class="h5 mt-4 mb-3">Success Toast with Icon</h3>
-        <div class="d-flex flex-wrap gap-3 mb-3">
-            <div class="toast-container">
-                <div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
-                    <div class="toast-icon">
-                        <i class="bi bi-check-circle toast-icon"></i>
-                    </div>
-                    <div class="toast-content">
-                        <div class="toast-header">
-                            <strong>{{ 'toasts.success' | translate }}</strong>
-                        </div>
-                        <div class="toast-body">
-                            {{ 'toasts.success_text' | translate }}
-                        </div>
-                        <div class="toast-footer">
-                            <button type="button" class="btn btn-subtle btn-sm">{{ 'toasts.action' | translate }}</button>
-                            <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">{{ 'toasts.dismiss' | translate }}</button>
-                        </div>
-                    </div>
-                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-                </div>
-            </div>
-        </div>
-        <app-code-example 
-            [htmlCode]="successToastCode"
-            title="Success Toast with Icon">
-        </app-code-example>
-
-        <!-- Danger Toast with Icon -->
-        <h3 class="h5 mt-4 mb-3">Danger Toast with Icon</h3>
-        <div class="d-flex flex-wrap gap-3 mb-3">
-            <div class="toast show fade toast-danger" role="alert" aria-live="polite" aria-atomic="true">
-                <div class="toast-icon">
-                    <i class="bi bi-exclamation-circle toast-icon"></i>
-                </div>
-                <div class="toast-content">
-                    <div class="toast-header">
-                        <strong>{{ 'toasts.danger' | translate }}</strong>
-                    </div>
-                    <div class="toast-body">
-                        {{ 'toasts.danger_text' | translate }}
-                    </div>
-                    <div class="toast-footer">
-                        <button type="button" class="btn btn-subtle btn-sm">{{ 'toasts.action' | translate }}</button>
-                        <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">{{ 'toasts.dismiss' | translate }}</button>
-                    </div>
-                </div>
-                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-        </div>
-        <app-code-example 
-            [htmlCode]="dangerToastCode"
-            title="Danger Toast with Icon">
-        </app-code-example>
-
-        <!-- Warning Toast with Icon -->
-        <h3 class="h5 mt-4 mb-3">Warning Toast with Icon</h3>
-        <div class="d-flex flex-wrap gap-3 mb-3">
-            <div class="toast show fade toast-warning" role="alert" aria-live="polite" aria-atomic="true">
-                <div class="toast-icon">
-                    <i class="bi bi-exclamation-triangle toast-icon"></i>
-                </div>
-                <div class="toast-content">
-                    <div class="toast-header">
-                        <strong>{{ 'toasts.warning' | translate }}</strong>
-                    </div>
-                    <div class="toast-body">
-                        {{ 'toasts.warning_text' | translate }}
-                    </div>
-                    <div class="toast-footer">
-                        <button type="button" class="btn btn-subtle btn-sm">{{ 'toasts.action' | translate }}</button>
-                        <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">{{ 'toasts.dismiss' | translate }}</button>
-                    </div>
-                </div>
-                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-        </div>
-        <app-code-example 
-            [htmlCode]="warningToastCode"
-            title="Warning Toast with Icon">
-        </app-code-example>
-
-        <!-- Info Toast with Icon -->
-        <h3 class="h5 mt-4 mb-3">Info Toast with Icon</h3>
-        <div class="d-flex flex-wrap gap-3 mb-3">
-            <div class="toast show fade toast-info" role="alert" aria-live="polite" aria-atomic="true">
-                <div class="toast-icon">
-                    <i class="bi bi-info-circle toast-icon"></i>
-                </div>
-                <div class="toast-content">
-                    <div class="toast-header">
-                        <strong>{{ 'toasts.info' | translate }}</strong>
-                    </div>
-                    <div class="toast-body">
-                        {{ 'toasts.info_text' | translate }}
-                    </div>
-                    <div class="toast-footer">
-                        <button type="button" class="btn btn-subtle btn-sm">{{ 'toasts.action' | translate }}</button>
-                        <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">{{ 'toasts.dismiss' | translate }}</button>
-                    </div>
-                </div>
-                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-        </div>
-        <app-code-example 
-            [htmlCode]="infoToastCode"
-            title="Info Toast with Icon">
-        </app-code-example>
-
-        <!-- Neutral Toast with Icon -->
-        <h3 class="h5 mt-4 mb-3">Neutral Toast with Icon</h3>
-        <div class="d-flex flex-wrap gap-3 mb-3">
-            <div class="toast show fade toast-neutral" role="alert" aria-live="polite" aria-atomic="true">
-                <div class="toast-icon">
-                    <i class="bi bi-info-circle toast-icon"></i>
-                </div>
-                <div class="toast-content">
-                    <div class="toast-header">
-                        <strong>{{ 'toasts.neutral' | translate }}</strong>
-                    </div>
-                    <div class="toast-body">
-                        {{ 'toasts.neutral_text' | translate }}
-                    </div>
-                    <div class="toast-footer">
-                        <button type="button" class="btn btn-subtle btn-sm">{{ 'toasts.action' | translate }}</button>
-                        <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">{{ 'toasts.dismiss' | translate }}</button>
-                    </div>
-                </div>
-                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-        </div>
-        <app-code-example 
-            [htmlCode]="neutralToastCode"
-            title="Neutral Toast with Icon">
-        </app-code-example>
-
-        <!-- Toast with Header, Body, and Footer Actions -->
-        <h3 class="h5 mt-4 mb-3">Toast with Header, Body, and Footer Actions</h3>
-        <div class="d-flex flex-wrap gap-3 mb-3">
-            <div class="toast-container">
-                <div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
-                    <div class="toast-icon">
-                        <i class="bi bi-check-circle toast-icon"></i>
-                    </div>
-                    <div class="toast-content">
-                        <div class="toast-header">
-                            <strong>{{ 'toasts.success' | translate }}</strong>
-                        </div>
-                        <div class="toast-body">
-                            {{ 'toasts.success_text' | translate }}
-                        </div>
-                        <div class="toast-footer">
-                            <button type="button" class="btn btn-subtle btn-sm">{{ 'toasts.action' | translate }}</button>
-                            <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">{{ 'toasts.dismiss' | translate }}</button>
-                        </div>
-                    </div>
-                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-                </div>
-            </div>
-        </div>
-        <app-code-example 
-            [htmlCode]="fullToastCode"
-            title="Toast with Header, Body, and Footer Actions">
-        </app-code-example>
-
-        <!-- Dismissible Toast -->
-        <h3 class="h5 mt-4 mb-3">Dismissible Toast</h3>
-        <div class="d-flex flex-wrap gap-3 mb-3">
-            <div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
-                <div class="toast-icon">
-                    <i class="bi bi-check-circle toast-icon"></i>
-                </div>
-                <div class="toast-content">
-                    <div class="toast-header">
-                        <strong>{{ 'toasts.success' | translate }}</strong>
-                    </div>
-                    <div class="toast-body">
-                        {{ 'toasts.success_text' | translate }}
-                    </div>
-                    <div class="toast-footer">
-                        <button type="button" class="btn btn-subtle btn-sm">{{ 'toasts.action' | translate }}</button>
-                        <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">{{ 'toasts.dismiss' | translate }}</button>
-                    </div>
-                </div>
-                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-        </div>
-        <app-code-example 
-            [htmlCode]="dismissibleToastCode"
-            title="Dismissible Toast">
-        </app-code-example>
-    </section>
-</div>

package/demo-angular/src/app/views/toasts/toasts.component.ts

@@ -1,182 +0,0 @@
-import { Component, ChangeDetectionStrategy, signal } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
-import { CommonModule } from '@angular/common';
-import { CodeExampleComponent } from '../../shared/code-example/code-example.component';
-
-@Component({
-  selector: 'app-toasts',
-  imports: [CommonModule, TranslateModule, CodeExampleComponent],
-  templateUrl: './toasts.component.html',
-  styleUrl: './toasts.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ToastsComponent {
-  protected readonly showToast1 = signal(false);
-  protected readonly showToast2 = signal(false);
-  protected readonly showToast3 = signal(false);
-  protected readonly showToast4 = signal(false);
-  protected readonly showToast5 = signal(false);
-  protected readonly showToast6 = signal(false);
-
-  // Success Toast with Icon
-  successToastCode = `<div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
-  <div class="toast-icon">
-    <i class="bi bi-check-circle toast-icon"></i>
-  </div>
-  <div class="toast-content">
-    <div class="toast-header">
-      <strong>Success</strong>
-    </div>
-    <div class="toast-body">
-      Your action was completed successfully!
-    </div>
-    <div class="toast-footer">
-      <button type="button" class="btn btn-subtle btn-sm">Action</button>
-      <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">Dismiss</button>
-    </div>
-  </div>
-  <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-</div>`;
-
-  // Danger Toast with Icon
-  dangerToastCode = `<div class="toast show fade toast-danger" role="alert" aria-live="polite" aria-atomic="true">
-  <div class="toast-icon">
-    <i class="bi bi-exclamation-circle toast-icon"></i>
-  </div>
-  <div class="toast-content">
-    <div class="toast-header">
-      <strong>Error</strong>
-    </div>
-    <div class="toast-body">
-      There was an error processing your request.
-    </div>
-    <div class="toast-footer">
-      <button type="button" class="btn btn-subtle btn-sm">Action</button>
-      <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">Dismiss</button>
-    </div>
-  </div>
-  <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-</div>`;
-
-  // Warning Toast with Icon
-  warningToastCode = `<div class="toast show fade toast-warning" role="alert" aria-live="polite" aria-atomic="true">
-  <div class="toast-icon">
-    <i class="bi bi-exclamation-triangle toast-icon"></i>
-  </div>
-  <div class="toast-content">
-    <div class="toast-header">
-      <strong>Warning</strong>
-    </div>
-    <div class="toast-body">
-      Please review your changes before proceeding.
-    </div>
-    <div class="toast-footer">
-      <button type="button" class="btn btn-subtle btn-sm">Action</button>
-      <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">Dismiss</button>
-    </div>
-  </div>
-  <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-</div>`;
-
-  // Info Toast with Icon
-  infoToastCode = `<div class="toast show fade toast-info" role="alert" aria-live="polite" aria-atomic="true">
-  <div class="toast-icon">
-    <i class="bi bi-info-circle toast-icon"></i>
-  </div>
-  <div class="toast-content">
-    <div class="toast-header">
-      <strong>Information</strong>
-    </div>
-    <div class="toast-body">
-      Here's some helpful information for you.
-    </div>
-    <div class="toast-footer">
-      <button type="button" class="btn btn-subtle btn-sm">Action</button>
-      <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">Dismiss</button>
-    </div>
-  </div>
-  <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-</div>`;
-
-  // Neutral Toast with Icon
-  neutralToastCode = `<div class="toast show fade toast-neutral" role="alert" aria-live="polite" aria-atomic="true">
-  <div class="toast-icon">
-    <i class="bi bi-info-circle toast-icon"></i>
-  </div>
-  <div class="toast-content">
-    <div class="toast-header">
-      <strong>Neutral</strong>
-    </div>
-    <div class="toast-body">
-      This is a neutral notification message.
-    </div>
-    <div class="toast-footer">
-      <button type="button" class="btn btn-subtle btn-sm">Action</button>
-      <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">Dismiss</button>
-    </div>
-  </div>
-  <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-</div>`;
-
-  // Toast with Header, Body, and Footer
-  fullToastCode = `<div class="toast-container">
-  <div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
-    <div class="toast-icon">
-      <i class="bi bi-check-circle toast-icon"></i>
-    </div>
-    <div class="toast-content">
-      <div class="toast-header">
-        <strong>Success</strong>
-      </div>
-      <div class="toast-body">
-        Your action was completed successfully!
-      </div>
-      <div class="toast-footer">
-        <button type="button" class="btn btn-subtle btn-sm">Action</button>
-        <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">Dismiss</button>
-      </div>
-    </div>
-    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-  </div>
-</div>`;
-
-  // Dismissible Toast
-  dismissibleToastCode = `<div class="toast show fade toast-success" role="alert" aria-live="polite" aria-atomic="true">
-  <div class="toast-icon">
-    <i class="bi bi-check-circle toast-icon"></i>
-  </div>
-  <div class="toast-content">
-    <div class="toast-header">
-      <strong>Success</strong>
-    </div>
-    <div class="toast-body">
-      Your action was completed successfully!
-    </div>
-    <div class="toast-footer">
-      <button type="button" class="btn btn-subtle btn-sm">Action</button>
-      <button type="button" class="btn btn-subtle btn-sm" data-bs-dismiss="toast" aria-label="Close">Dismiss</button>
-    </div>
-  </div>
-  <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
-</div>`;
-
-  hideToast(number: number): void {
-    switch(number) {
-      case 1: this.showToast1.set(false); break;
-      case 2: this.showToast2.set(false); break;
-      case 3: this.showToast3.set(false); break;
-      case 4: this.showToast4.set(false); break;
-      case 5: this.showToast5.set(false); break;
-      case 6: this.showToast6.set(false); break;
-    }
-  }
-
-  showAllToasts(): void {
-    this.showToast1.set(true);
-    this.showToast2.set(true);
-    this.showToast3.set(true);
-    this.showToast4.set(true);
-    this.showToast5.set(true);
-    this.showToast6.set(true);
-  }
-}

package/demo-angular/src/index.html

@@ -1,28 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>DemoAngular</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <script>
-    // Handle redirect from 404.html on GitHub Pages for SPA routes
-    (function() {
-      var redirect = sessionStorage.getItem('ghspa-redirect');
-      if (redirect) {
-        sessionStorage.removeItem('ghspa-redirect');
-        var data = JSON.parse(redirect);
-        if (data.path) {
-          var newUrl = data.path + (data.query || '') + (data.hash || '');
-          history.replaceState(null, '', newUrl);
-        }
-      }
-    })();
-  </script>
-</head>
-<body>
-  <app-root></app-root>
-</body>
-</html>

package/demo-angular/src/main.ts

@@ -1,6 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { App } from './app/app';
-
-bootstrapApplication(App, appConfig)
-  .catch((err) => console.error(err));

package/demo-angular/src/styles.scss

@@ -1,4 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-@use 'sdga-ui/theme/dga-ui.scss';
-// @import 'sdga-ui/css/dga-ui.css';
-// @import '../../theme/dga-ui.scss'

package/demo-angular/tsconfig.app.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "src/**/*.spec.ts"
-  ]
-}

package/demo-angular/tsconfig.json

@@ -1,33 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "preserve"
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  },
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/demo-angular/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "vitest/globals"
-    ]
-  },
-  "include": [
-    "src/**/*.d.ts",
-    "src/**/*.spec.ts"
-  ]
-}

package/sdga-ui/README.md

@@ -1,45 +0,0 @@
-# sdga-ui
-
-This is a Next.js application generated with
-[Create Fumadocs](https://github.com/fuma-nama/fumadocs).
-
-Run development server:
-
-```bash
-npm run dev
-# or
-pnpm dev
-# or
-yarn dev
-```
-
-Open http://localhost:3000 with your browser to see the result.
-
-## Explore
-
-In the project, you can see:
-
-- `lib/source.ts`: Code for content source adapter, [`loader()`](https://fumadocs.dev/docs/headless/source-api) provides the interface to access your content.
-- `lib/layout.shared.tsx`: Shared options for layouts, optional but preferred to keep.
-
-| Route                     | Description                                            |
-| ------------------------- | ------------------------------------------------------ |
-| `app/(home)`              | The route group for your landing page and other pages. |
-| `app/docs`                | The documentation layout and pages.                    |
-| `app/api/search/route.ts` | The Route Handler for search.                          |
-
-### Fumadocs MDX
-
-A `source.config.ts` config file has been included, you can customise different options like frontmatter schema.
-
-Read the [Introduction](https://fumadocs.dev/docs/mdx) for further details.
-
-## Learn More
-
-To learn more about Next.js and Fumadocs, take a look at the following
-resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
-  features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-- [Fumadocs](https://fumadocs.dev) - learn about Fumadocs