sdga-ui 1.0.8 → 1.0.9

package/demo-angular/public/i18n/en.json

@@ -1,289 +0,0 @@
-{
-  "app": {
-    "title": "SDGA Component UI",
-    "tagline": "Component Library",
-    "version": "v0.0.1"
-  },
-  "nav": {
-    "getting_started": "Getting Started",
-    "components": "Components",
-    "layout": "Layout",
-    "home": "Home",
-    "alerts": "Alerts",
-    "buttons": "Buttons",
-    "cards": "Cards",
-    "forms": "Forms",
-    "tables": "Tables",
-    "toasts": "Toasts",
-    "links": "Links",
-    "header": "Header",
-    "footer": "Footer",
-    "contexts": "Contexts",
-    "utilities": "Utilities",
-    "all_components": "All Components"
-  },
-  "common": {
-    "toggle_menu": "Toggle Menu",
-    "toggle_language": "العربية",
-    "close": "Close"
-  },
-  "home": {
-    "title": "SDGA Design System",
-    "subtitle": "Complete Bootstrap 5.3 components styled with SDGA theme",
-    "alerts_desc": "Alert messages with various states",
-    "buttons_desc": "Interactive button components",
-    "cards_desc": "Content cards with icons and actions",
-    "forms_desc": "Input fields and form controls",
-    "tables_desc": "Data tables with sorting",
-    "toasts_desc": "Toast notifications with actions",
-    "utilities_desc": "Colors, shadows, and spacing"
-  },
-  "alerts": {
-    "title": "Alerts",
-    "subtitle": "Bootstrap alert components styled with SDGA theme",
-    "section_variants": "Alert Variants",
-    "section_dismissible": "Dismissible Alert",
-    "primary": "Primary!",
-    "primary_text": "This is a primary alert with SDGA green color.",
-    "secondary": "Secondary!",
-    "secondary_text": "This is a secondary alert with SDGA gold color.",
-    "success": "Success!",
-    "success_text": "Your action was completed successfully.",
-    "danger": "Danger!",
-    "danger_text": "There was an error processing your request.",
-    "warning": "Warning!",
-    "warning_text": "Please review your input before proceeding.",
-    "info": "Info!",
-    "info_text": "Here's some helpful information for you.",
-    "lavender": "Lavender!",
-    "lavender_text": "This is a custom lavender alert variant.",
-    "neutral": "Neutral!",
-    "neutral_text": "This is a neutral informational message.",
-    "dismissible_title": "Holy guacamole!",
-    "dismissible_text": "You should check in on some of those fields below."
-  },
-  "buttons": {
-    "title": "Buttons",
-    "subtitle": "Bootstrap button components styled with SDGA theme",
-    "section_solid": "Solid Buttons",
-    "section_outline": "Outline Buttons",
-    "section_sizes": "Button Sizes",
-    "section_states": "Button States",
-    "section_icons": "Buttons with Icons",
-    "section_icon_only": "Icon-Only Buttons",
-    "section_dropdown": "Dropdown Buttons",
-    "primary": "Primary",
-    "neutral": "Neutral",
-    "secondary": "Secondary",
-    "danger": "Danger",
-    "large": "Large button",
-    "default": "Default button",
-    "small": "Small button",
-    "extra_small": "Extra small",
-    "normal": "Normal",
-    "active": "Active",
-    "disabled": "Disabled",
-    "download": "Download",
-    "upload": "Upload",
-    "edit": "Edit",
-    "delete": "Delete",
-    "save": "Save",
-    "search": "Search",
-    "settings": "Settings",
-    "add": "Add",
-    "next": "Next",
-    "previous": "Previous",
-    "dropdown_primary": "Primary Dropdown",
-    "dropdown_neutral": "Neutral Dropdown",
-    "dropdown_secondary": "Secondary Dropdown",
-    "dropdown_danger": "Danger Dropdown",
-    "dropdown_outline": "Outline Dropdown",
-    "dropdown_action": "Action",
-    "dropdown_another": "Another action",
-    "dropdown_something": "Something else here"
-  },
-  "cards": {
-    "title": "Cards",
-    "subtitle": "Bootstrap card components styled with SDGA theme",
-    "section_examples": "Card Examples",
-    "card_title": "Card Title",
-    "card_text": "Adjust your preferences and settings here.",
-    "action": "Action",
-    "action_secondary": "Action",
-    "select_card": "Select card",
-    "expandable_title": "Expandable Card",
-    "expandable_text": "Click the arrow to expand this card and see more content.",
-    "expanded_content": "This is additional content that appears when the card is expanded. You can add any content here.",
-    "detail_1": "Detail item 1",
-    "detail_2": "Detail item 2",
-    "detail_3": "Detail item 3",
-    "cancel": "Cancel",
-    "go_somewhere": "Go somewhere",
-    "view_details": "View Details"
-  },
-  "forms": {
-    "title": "Forms",
-    "subtitle": "Bootstrap form components styled with SDGA theme",
-    "checkboxes": "Checkboxes",
-    "checkbox_default": "Default checkbox",
-    "checkbox_checked": "Checked checkbox",
-    "checkbox_disabled": "Disabled checkbox",
-    "checkbox_disabled_checked": "Disabled checked checkbox",
-    "radios": "Radios",
-    "radio_default": "Default radio",
-    "radio_second": "Second default radio",
-    "radio_disabled": "Disabled radio",
-    "radio_disabled_checked": "Disabled checked radio",
-    "switches": "Switches",
-    "switch_default": "Default switch",
-    "switch_disabled": "Disabled switch",
-    "switch_checked": "Checked switch",
-    "text_inputs": "Text Inputs",
-    "select": "Select",
-    "select_default": "Open this select menu",
-    "select_option_1": "One",
-    "select_option_2": "Two",
-    "select_option_3": "Three",
-    "range": "Range",
-    "input_sizes": "Input Sizes",
-    "large_input": "Large input",
-    "default_input": "Default input",
-    "small_input": "Small input",
-    "actions": "Actions",
-    "submit": "Submit",
-    "reset": "Reset"
-  },
-  "tables": {
-    "title": "Tables",
-    "subtitle": "Bootstrap table components styled with SDGA theme",
-    "section_default": "Default Table",
-    "section_striped": "Striped & Hoverable Table",
-    "header_name": "Name",
-    "header_email": "Email",
-    "header_role": "Role",
-    "header_status": "Status"
-  },
-  "toasts": {
-    "title": "Toasts",
-    "subtitle": "Bootstrap toast notifications styled with SDGA theme",
-    "section_basic": "Basic Toasts",
-    "section_with_footer": "Toasts with Footer",
-    "section_variants": "All Toast Variants",
-    "show_all": "Show All Toasts",
-    "primary": "Primary Toast",
-    "primary_text": "This is a primary toast message with additional information.",
-    "secondary": "Secondary Toast",
-    "secondary_text": "This is a secondary toast message with additional information.",
-    "success": "Success Toast",
-    "success_text": "Your action has been completed successfully!",
-    "danger": "Danger Toast",
-    "danger_text": "An error occurred. Please try again.",
-    "warning": "Warning Toast",
-    "warning_text": "Please review this information carefully.",
-    "info": "Information Toast",
-    "info_text": "Here's some helpful information for you.",
-    "lavender": "Lavender Toast",
-    "lavender_text": "This is a special lavender notification.",
-    "neutral": "Neutral Toast",
-    "neutral_text": "This is a neutral notification message.",
-    "action": "Action",
-    "dismiss": "Dismiss"
-  },
-  "utilities": {
-    "title": "Utilities",
-    "subtitle": "Bootstrap utility classes styled with SDGA theme",
-    "section_colors": "Color Utilities"
-  },
-  "bootstrap": {
-    "title": "Bootstrap 5.3 Components Showcase",
-    "subtitle": "Complete demonstration of all Bootstrap components styled with SDGA theme"
-  },
-  "links": {
-    "title": "Links",
-    "subtitle": "Bootstrap link utilities and custom link styles",
-    "section_basic": "Basic Link Colors",
-    "section_underline": "Underline Utilities",
-    "section_hover": "Hover States",
-    "section_offset": "Underline Offset",
-    "section_icons": "Links with Icons",
-    "section_custom": "Custom Link Styles",
-    "primary_link": "Primary link",
-    "secondary_link": "Secondary link",
-    "success_link": "Success link",
-    "danger_link": "Danger link",
-    "warning_link": "Warning link",
-    "info_link": "Info link",
-    "neutral_link": "Neutral link",
-    "oncolor_link": "Link on colored background",
-    "disabled_link": "Disabled link",
-    "underline_link": "Link with underline",
-    "no_underline": "Link without underline",
-    "underline_25": "Link with 25% underline opacity",
-    "underline_50": "Link with 50% underline opacity",
-    "underline_75": "Link with 75% underline opacity",
-    "underline_100": "Link with 100% underline opacity",
-    "hover_underline": "Underline on hover",
-    "hover_remove": "Remove underline on hover",
-    "offset_1": "Link with 1px offset",
-    "offset_2": "Link with 2px offset",
-    "offset_3": "Link with 3px offset",
-    "link_with_icon": "Link with icon",
-    "external_link": "External link",
-    "arrow_link": "Link with arrow",
-    "subtle_link": "Subtle link style",
-    "bold_link": "Bold link style",
-    "decorated_link": "Animated underline link"
-  },
-  "header": {
-    "title": "Header",
-    "subtitle": "Responsive header component with navigation and branding",
-    "section_default": "Default Header",
-    "section_variants": "Header Variants"
-  },
-  "footer": {
-    "title": "Footer",
-    "subtitle": "Responsive footer component with links and social media",
-    "section_primary": "Primary Footer (on-primary background)",
-    "section_secondary": "Secondary Footer (on-secondary background)",
-    "group_label": "Group Label",
-    "footer_link": "Footer Link",
-    "social_media": "Social Media",
-    "accessibility_tools": "Accessibility Tools",
-    "all_rights_reserved": "All Rights Reserved For Digital Government Authority © 2024",
-    "terms_conditions": "Terms and Conditions",
-    "privacy_policy": "Privacy Policy"
-  },
-  "contexts": {
-    "title": "Contexts",
-    "subtitle": "Context-aware theming system for adaptive component colors",
-    "section_intro": "Introduction",
-    "intro_text": "The context system automatically adapts component colors based on their parent background. Wrap components in context classes to ensure proper contrast and accessibility.",
-    "section_primary": "Primary Context (on-primary)",
-    "section_dark": "Dark Context (on-dark)",
-    "section_danger": "Danger Context (on-danger)",
-    "section_success": "Success Context (on-success)",
-    "section_warning": "Warning Context (on-warning)",
-    "section_light": "Light Context (on-light)",
-    "section_neutral": "Neutral Context (on-neutral)",
-    "section_info": "Info Context (on-info)",
-    "section_lavender": "Lavender Context (on-lavender)",
-    "section_secondary": "Secondary Context (on-secondary)",
-    "demo_heading": "Context Demo",
-    "demo_text": "This content automatically adapts its colors based on the context wrapper.",
-    "button_primary": "Primary Button",
-    "button_secondary": "Secondary Button",
-    "button_outline": "Outline Button",
-    "link_text": "This is a link",
-    "link_primary": "Primary Link",
-    "link_neutral": "Neutral Link"
-  },
-  "code": {
-    "show": "Show Code",
-    "hide": "Hide Code",
-    "copy": "Copy Code",
-    "copied": "Copied!",
-    "html": "HTML",
-    "ts": "TypeScript",
-    "scss": "SCSS"
-  }
-}

package/demo-angular/src/app/app.config.ts

@@ -1,20 +0,0 @@
-import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, importProvidersFrom } from '@angular/core';
-import { provideRouter } from '@angular/router';
-import { provideHttpClient, withFetch } from '@angular/common/http';
-import { provideTranslateHttpLoader } from '@ngx-translate/http-loader';
-
-import { routes } from './app.routes';
-import { provideTranslateService } from '@ngx-translate/core';
-
-export const appConfig: ApplicationConfig = {
-  providers: [
-    provideBrowserGlobalErrorListeners(),
-    provideZonelessChangeDetection(),
-    provideRouter(routes),
-    provideHttpClient(withFetch()),
-    provideTranslateService({
-      loader: provideTranslateHttpLoader({prefix:'./i18n/', suffix:'.json'}),
-      fallbackLang: 'en'
-    })
-  ]
-};

package/demo-angular/src/app/app.html

@@ -1,52 +0,0 @@
-<div class="app-layout" [class.sidebar-collapsed]="!sidebarOpen()">
-  <!-- Sidebar -->
-  <aside class="sidebar">
-    <div class="sidebar-header">
-      <h1 class="logo">SDGA</h1>
-      <p class="tagline">{{ 'app.tagline' | translate }}</p>
-    </div>
-
-    <nav class="sidebar-nav">
-      @for (group of menuItems; track group.groupKey) {
-        <div class="nav-group">
-          <h3 class="nav-group-title">{{ group.groupKey | translate }}</h3>
-          <ul class="nav-list">
-            @for (item of group.items; track item.id) {
-              <li 
-                class="nav-item" 
-                [class.active]="router.url === item.route"
-                (click)="navigateTo(item.route)"
-              >
-                <span class="nav-icon">{{ item.icon }}</span>
-                <span class="nav-label">{{ item.labelKey | translate }}</span>
-              </li>
-            }
-          </ul>
-        </div>
-      }
-    </nav>
-
-    <div class="sidebar-footer">
-      <p class="version">v{{ version }}</p>
-    </div>
-  </aside>
-
-  <!-- Main Content -->
-  <main class="main-content">
-    <header class="top-bar">
-      <button class="menu-toggle" (click)="toggleSidebar()" [attr.aria-label]="'common.toggle_menu' | translate">
-        <span class="hamburger">☰</span>
-      </button>
-      <h2 class="page-title">{{ 'app.title' | translate }}</h2>
-      <div class="top-bar-actions">
-        <button class="btn btn-sm btn-outline-primary" (click)="toggleLanguage()" [attr.aria-label]="'common.toggle_language' | translate">
-          {{ 'common.toggle_language' | translate }}
-        </button>
-      </div>
-    </header>
-
-    <div class="content-area">
-      <router-outlet />
-    </div>
-  </main>
-</div>

package/demo-angular/src/app/app.routes.ts

@@ -1,49 +0,0 @@
-import { Routes } from '@angular/router';
-
-export const routes: Routes = [
-  {
-    path: '',
-    redirectTo: 'home',
-    pathMatch: 'full'
-  },
-  {
-    path: 'home',
-    loadComponent: () => import('./views/home/home.component').then(m => m.HomeComponent)
-  },
-  {
-    path: 'alerts',
-    loadComponent: () => import('./views/alerts/alerts.component').then(m => m.AlertsComponent)
-  },
-  {
-    path: 'buttons',
-    loadComponent: () => import('./views/buttons/buttons.component').then(m => m.ButtonsComponent)
-  },
-  {
-    path: 'cards',
-    loadComponent: () => import('./views/cards/cards.component').then(m => m.CardsComponent)
-  },
-  {
-    path: 'forms',
-    loadComponent: () => import('./views/forms/forms.component').then(m => m.FormsComponent)
-  },
-  {
-    path: 'tables',
-    loadComponent: () => import('./views/tables/tables.component').then(m => m.TablesComponent)
-  },
-  {
-    path: 'toasts',
-    loadComponent: () => import('./views/toasts/toasts.component').then(m => m.ToastsComponent)
-  },
-  {
-    path: 'links',
-    loadComponent: () => import('./views/links/links.component').then(m => m.LinksComponent)
-  },
-  {
-    path: 'header',
-    loadComponent: () => import('./views/header/header').then(m => m.Header)
-  },
-  {
-    path: 'footer',
-    loadComponent: () => import('./views/footer/footer').then(m => m.Footer)
-  }
-];