@simsustech/quasar-components 0.1.0

package/src/ui/authentication/lang/nl.ts

@@ -0,0 +1,94 @@
+import type { Language } from '../lang'
+
+const lang: Language = {
+  isoName: 'nl',
+  myAccount: 'Account',
+  signOut: 'Uitloggen',
+  unprocessableRequest: 'De server kon de aanvraag niet verwerken.',
+  consent: {
+    message: (name: string) => `${name} vraagt toegang tot uw data.`,
+    deny: 'Weigeren',
+    allow: 'Accepteren'
+  },
+  email: {
+    fields: {
+      email: 'Email',
+      newEmail: 'Uw nieuwe email adres',
+      repeatNewEmail: 'Herhaal uw nieuwe email adres'
+    },
+    validations: {
+      fieldRequired: 'Veld is vereist.',
+      invalidEmail: 'Het email adres is ongeldig.',
+      emailsDoNotMatch: 'Email adressen komen niet overeen.'
+    },
+    changeEmail: 'Verander uw email adres.',
+    emailChanged: 'Uw email adres is gewijzigd.'
+  },
+  otp: {
+    fields: {
+      email: 'Email'
+    },
+    validations: {
+      fieldRequired: 'Veld is vereist.',
+      invalidEmail: 'Het email adres is ongeldig.'
+    },
+    request: 'Vraag een eenmalig wachtwoord aan.',
+    checkEmail:
+      'U ontvangt een verificatie code in uw mailbox. Gebruik deze code in de volgende stap.',
+    verificationCode: 'Verificatie code'
+  },
+  login: {
+    fields: {
+      email: 'Email',
+      password: 'Wachtwoord',
+      username: 'Gebruikersnaam'
+    },
+    validations: {
+      fieldRequired: 'Veld is vereist.',
+      invalidEmail: 'Het email adres is ongeldig.'
+    },
+    login: 'Inloggen',
+    loginWith: 'Inloggen met',
+    createAccount: 'Account aanmaken',
+    forgotPassword: 'Wachtwoord vergeten?',
+    invalidCredentials: 'Email adres of wachtwoord is incorrect'
+  },
+  password: {
+    fields: {
+      password: 'Wachtwoord',
+      repeatPassword: 'Herhaal wachtwoord'
+    },
+    validations: {
+      fieldRequired: 'Veld is vereist',
+      minimumPasswordLength: (minimumPasswordLength) =>
+        `De minimum lengte van een wachtwoord is ${minimumPasswordLength} tekens.`,
+      passwordsDoNotMatch: 'De wachtwoorden komen niet overeen.'
+    },
+    changePassword: 'Verander uw wachtwoord.',
+    passwordChanged: 'Uw wachtwoord is gewijzigd.'
+  },
+  register: {
+    fields: {
+      email: 'Email',
+      password: 'Wachtwoord',
+      username: 'Gebruikersnaam',
+      repeatPassword: 'Herhaal wachtwoord'
+    },
+    validations: {
+      fieldRequired: 'Veld is vereist',
+      invalidEmail: 'Het email adres is ongeldig.',
+      notAlphaNumeric: 'Veld mag geen speciale tekens bevatten.'
+    },
+    register: 'Registreren',
+    forgotPassword: 'Wachtwoord vergeten?',
+    accountCreated:
+      'Uw account is aangemaakt. U kunt nu inloggen met uw inloggegevens.',
+    alreadyRegistered: 'Email adres is al geregistreerd.'
+  },
+  verification: {
+    slider:
+      'Please drag the slider all the way to the right until it turns green.'
+  }
+}
+
+export default lang

package/src/ui/flags/README.md

@@ -0,0 +1,30 @@
+# Flags
+
+> Flag icons for Quasar Framework
+
+Tree-shakeable flag icons for Quasar Framework built with Vite.
+
+# Usage
+
+- Setup your Quasar project
+- In a Vue SFC:
+
+```html
+<template>
+  ...
+  <en-us-icon />
+</template>
+
+<script setup>
+  import {enUsIcon} from '@simsustech/quasar-components/flags'
+  ...
+</script>
+```
+
+# Contributing
+
+Please PR the appropriate localizations and svg icon (from the vue-flags folder, into the assets folder) for your locale.
+
+# Credits
+
+Thanks to [vue-flags](https://www.growthbunker.dev/vueflags/) for providing the SVG icons.

package/src/ui/flags/assets/en-US.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="iso-8859-1"?><svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+  <g>
+    <rect y="127.994" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="213.331" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="298.657" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="383.994" style="fill:#D80027;" width="512" height="42.663"/>
+  </g>
+  <rect y="85.331" style="fill:#2E52B2;" width="256" height="183.797"/>
+  <g>
+    <polygon style="fill:#F0F0F0;" points="99.822,160.624 95.699,173.308 82.363,173.308 93.154,181.143 89.031,193.826    99.822,185.991 110.606,193.826 106.484,181.143 117.275,173.308 103.938,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="103.938,219.08 99.822,206.397 95.699,219.08 82.363,219.08 93.154,226.916 89.031,239.599    99.822,231.763 110.606,239.599 106.484,226.916 117.275,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="47.577,219.08 43.46,206.397 39.337,219.08 26.001,219.08 36.792,226.916 32.669,239.599    43.46,231.763 54.245,239.599 50.123,226.916 60.912,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="43.46,160.624 39.337,173.308 26.001,173.308 36.792,181.143 32.669,193.826 43.46,185.991    54.245,193.826 50.123,181.143 60.912,173.308 47.577,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="99.822,114.85 95.699,127.535 82.363,127.535 93.154,135.371 89.031,148.054    99.822,140.218 110.606,148.054 106.484,135.371 117.275,127.535 103.938,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="43.46,114.85 39.337,127.535 26.001,127.535 36.792,135.371 32.669,148.054 43.46,140.218    54.245,148.054 50.123,135.371 60.912,127.535 47.577,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="156.183,160.624 152.061,173.308 138.725,173.308 149.515,181.143 145.394,193.826    156.183,185.991 166.969,193.826 162.846,181.143 173.637,173.308 160.301,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="160.301,219.08 156.183,206.397 152.061,219.08 138.725,219.08 149.515,226.916    145.394,239.599 156.183,231.763 166.969,239.599 162.846,226.916 173.637,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="216.663,219.08 212.546,206.397 208.423,219.08 195.088,219.08 205.877,226.916    201.755,239.599 212.546,231.763 223.331,239.599 219.208,226.916 229.999,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="212.546,160.624 208.423,173.308 195.088,173.308 205.877,181.143 201.755,193.826    212.546,185.991 223.331,193.826 219.208,181.143 229.999,173.308 216.663,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="156.183,114.85 152.061,127.535 138.725,127.535 149.515,135.371 145.394,148.054    156.183,140.218 166.969,148.054 162.846,135.371 173.637,127.535 160.301,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="212.546,114.85 208.423,127.535 195.088,127.535 205.877,135.371 201.755,148.054    212.546,140.218 223.331,148.054 219.208,135.371 229.999,127.535 216.663,127.535  "/>
+  </g>
+</svg>

package/src/ui/flags/assets/nl.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+  <rect y="85.337" style="fill:#A2001D;" width="512" height="113.775"/>
+  <rect y="312.888" style="fill:#0052B4;" width="512" height="113.775"/>
+</svg>

package/src/ui/flags/index.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+import nl from 'nl.flag'
+import enUs from 'en-US.flag'
+export { nl, enUs }

package/src/ui/flags/lang/en-US.ts

@@ -0,0 +1,135 @@
+import type { Language } from '../lang'
+
+const lang: Language = {
+  isoName: 'en-US',
+  countries: {
+    'ar-TN': 'العربية (تونس)',
+    ar: 'العربية',
+    'az-Latn': 'Azerbaijan',
+    bg: 'български език',
+    bn: 'বাংলা',
+    ca: 'Català',
+    cs: 'Čeština',
+    da: 'Denmark',
+    de: 'Germany',
+    el: 'ελληνικά',
+    'en-GB': 'United Kingdom',
+    'en-US': 'United States of America',
+    eo: 'Esperanto',
+    es: 'Spain',
+    et: 'Eesti',
+    eu: 'Euskara',
+    'fa-IR': 'فارسی',
+    fa: 'فارسی',
+    fi: 'Suomi',
+    fr: 'France',
+    gn: "Avañe'ẽ",
+    he: 'עברית',
+    hr: 'Hrvatski jezik',
+    hu: 'Magyar',
+    id: 'Bahasa Indonesia',
+    is: 'Íslenska',
+    it: 'Italy',
+    ja: 'Japan',
+    km: 'ខ្មែរ',
+    'ko-KR': '한국어',
+    'kur-CKB': 'کوردی سۆرانی',
+    kz: 'Қазақша',
+    lt: 'Lithuanian',
+    lu: 'Kiluba',
+    lv: 'Latviešu valoda',
+    ml: 'മലയാളം',
+    mm: 'မြန်မာ(ဗမာ)',
+    ms: 'Bahasa Melayu',
+    my: 'Malaysia',
+    'nb-NO': 'Norsk',
+    nl: 'the Netherlands',
+    pl: 'Poland',
+    'pt-BR': 'Portugal',
+    pt: 'Portugal',
+    ro: 'Romania',
+    ru: 'Russia',
+    sk: 'Slovenčina',
+    sl: 'Slovenski Jezik',
+    sm: "Fa'asāmoa",
+    'sr-CYR': 'српски језик',
+    sr: 'srpski jezik',
+    sv: 'Sweden',
+    ta: 'தமிழ்',
+    th: 'ไทย',
+    tr: 'Türkçe',
+    ug: 'ئۇيغۇرچە',
+    uk: 'Українська',
+    'uz-Cyrl': 'Ўзбекча (Кирил)',
+    'uz-Latn': "O'zbekcha (Lotin)",
+    vi: 'Vietnam',
+    'zh-CN': '中文(简体)',
+    'zh-TW': '中文（繁體）'
+  },
+  languages: {
+    'ar-TN': 'العربية (تونس)',
+    ar: 'العربية',
+    'az-Latn': 'Azerbaijani (latin)',
+    bg: 'български език',
+    bn: 'বাংলা',
+    ca: 'Català',
+    cs: 'Čeština',
+    da: 'Dansk',
+    de: 'Deutsch',
+    el: 'ελληνικά',
+    'en-GB': 'English (UK)',
+    'en-US': 'English (US)',
+    eo: 'Esperanto',
+    es: 'Español',
+    et: 'Eesti',
+    eu: 'Euskara',
+    'fa-IR': 'فارسی',
+    fa: 'فارسی',
+    fi: 'Suomi',
+    fr: 'Français',
+    gn: "Avañe'ẽ",
+    he: 'עברית',
+    hr: 'Hrvatski jezik',
+    hu: 'Magyar',
+    id: 'Bahasa Indonesia',
+    is: 'Íslenska',
+    it: 'Italiano',
+    ja: '日本語 (にほんご)',
+    km: 'ខ្មែរ',
+    'ko-KR': '한국어',
+    'kur-CKB': 'کوردی سۆرانی',
+    kz: 'Қазақша',
+    lt: 'Lithuanian',
+    lu: 'Kiluba',
+    lv: 'Latviešu valoda',
+    ml: 'മലയാളം',
+    mm: 'မြန်မာ(ဗမာ)',
+    ms: 'Bahasa Melayu',
+    my: 'Malaysia',
+    'nb-NO': 'Norsk',
+    nl: 'Dutch',
+    pl: 'Polski',
+    'pt-BR': 'Português (BR)',
+    pt: 'Português',
+    ro: 'Română',
+    ru: 'русский',
+    sk: 'Slovenčina',
+    sl: 'Slovenski Jezik',
+    sm: "Fa'asāmoa",
+    'sr-CYR': 'српски језик',
+    sr: 'srpski jezik',
+    sv: 'Svenska',
+    ta: 'தமிழ்',
+    th: 'ไทย',
+    tr: 'Türkçe',
+    ug: 'ئۇيغۇرچە',
+    uk: 'Українська',
+    'uz-Cyrl': 'Ўзбекча (Кирил)',
+    'uz-Latn': "O'zbekcha (Lotin)",
+    vi: 'Tiếng Việt',
+    'zh-CN': '中文(简体)',
+    'zh-TW': '中文（繁體）'
+  }
+}
+
+export default lang

package/src/ui/flags/lang/index.ts

@@ -0,0 +1,169 @@
+export interface Language {
+  isoName: string
+  countries: {
+    'ar-TN': string
+    ar: string
+    'az-Latn': string
+    bg: string
+    bn: string
+    ca: string
+    cs: string
+    da: string
+    de: string
+    el: string
+    'en-GB': string
+    'en-US': string
+    eo: string
+    es: string
+    et: string
+    eu: string
+    'fa-IR': string
+    fa: string
+    fi: string
+    fr: string
+    gn: string
+    he: string
+    hr: string
+    hu: string
+    id: string
+    is: string
+    it: string
+    ja: string
+    km: string
+    'ko-KR': string
+    'kur-CKB': string
+    kz: string
+    lt: string
+    lu: string
+    lv: string
+    ml: string
+    mm: string
+    ms: string
+    my: string
+    'nb-NO': string
+    nl: string
+    pl: string
+    'pt-BR': string
+    pt: string
+    ro: string
+    ru: string
+    sk: string
+    sl: string
+    sm: string
+    'sr-CYR': string
+    sr: string
+    sv: string
+    ta: string
+    th: string
+    tr: string
+    ug: string
+    uk: string
+    'uz-Cyrl': string
+    'uz-Latn': string
+    vi: string
+    'zh-CN': string
+    'zh-TW': string
+  }
+  languages: {
+    'ar-TN': string
+    ar: string
+    'az-Latn': string
+    bg: string
+    bn: string
+    ca: string
+    cs: string
+    da: string
+    de: string
+    el: string
+    'en-GB': string
+    'en-US': string
+    eo: string
+    es: string
+    et: string
+    eu: string
+    'fa-IR': string
+    fa: string
+    fi: string
+    fr: string
+    gn: string
+    he: string
+    hr: string
+    hu: string
+    id: string
+    is: string
+    it: string
+    ja: string
+    km: string
+    'ko-KR': string
+    'kur-CKB': string
+    kz: string
+    lt: string
+    lu: string
+    lv: string
+    ml: string
+    mm: string
+    ms: string
+    my: string
+    'nb-NO': string
+    nl: string
+    pl: string
+    'pt-BR': string
+    pt: string
+    ro: string
+    ru: string
+    sk: string
+    sl: string
+    sm: string
+    'sr-CYR': string
+    sr: string
+    sv: string
+    ta: string
+    th: string
+    tr: string
+    ug: string
+    uk: string
+    'uz-Cyrl': string
+    'uz-Latn': string
+    vi: string
+    'zh-CN': string
+    'zh-TW': string
+  }
+}
+
+import type { Ref } from 'vue'
+import { ref } from 'vue'
+import en from './en-US'
+export const lang = ref(en)
+
+const locales = import.meta.glob<{ default: Language }>([
+  './*.ts',
+  '!./index.ts'
+])
+
+export const defineLang = (lang: Language) => {
+  return lang
+}
+
+export const useLang = () => {
+  return lang as Ref<Language>
+}
+
+let loadingLanguage = false
+export const loadLang = async (isoName: string) => {
+  if (!loadingLanguage) {
+    loadingLanguage = true
+    try {
+      const data = (await locales[`./${isoName}.ts`]()).default
+
+      if (data) {
+        lang.value = data
+      }
+    } catch (e) {
+      if (import.meta.env.DEBUG) console.error(e)
+      throw new Error(
+        `[quasar-components] Failed to load ${isoName} language file.`
+      )
+    }
+    loadingLanguage = false
+  }
+}

package/src/ui/flags/lang/nl.ts

@@ -0,0 +1,135 @@
+import type { Language } from '../lang'
+
+const lang: Language = {
+  isoName: 'nl',
+  countries: {
+    'ar-TN': 'العربية (تونس)',
+    ar: 'العربية',
+    'az-Latn': 'Azerbaijan',
+    bg: 'български език',
+    bn: 'বাংলা',
+    ca: 'Català',
+    cs: 'Čeština',
+    da: 'Denemarken',
+    de: 'Duitsland',
+    el: 'ελληνικά',
+    'en-GB': 'Verenigd koninkrijk',
+    'en-US': 'Verenigde staten van Amerika',
+    eo: 'Esperanto',
+    es: 'Spanje',
+    et: 'Eesti',
+    eu: 'Euskara',
+    'fa-IR': 'فارسی',
+    fa: 'فارسی',
+    fi: 'Suomi',
+    fr: 'Frankrijk',
+    gn: "Avañe'ẽ",
+    he: 'עברית',
+    hr: 'Hrvatski jezik',
+    hu: 'Magyar',
+    id: 'Bahasa Indonesia',
+    is: 'Íslenska',
+    it: 'Italië',
+    ja: 'Japan',
+    km: 'ខ្មែរ',
+    'ko-KR': '한국어',
+    'kur-CKB': 'کوردی سۆرانی',
+    kz: 'Қазақша',
+    lt: 'Lithuanian',
+    lu: 'Kiluba',
+    lv: 'Latviešu valoda',
+    ml: 'മലയാളം',
+    mm: 'မြန်မာ(ဗမာ)',
+    ms: 'Bahasa Melayu',
+    my: 'Malaysia',
+    'nb-NO': 'Norsk',
+    nl: 'Nederland',
+    pl: 'Polen',
+    'pt-BR': 'Portugal',
+    pt: 'Portugal',
+    ro: 'Roemenië',
+    ru: 'Rusland',
+    sk: 'Slovenčina',
+    sl: 'Slovenski Jezik',
+    sm: "Fa'asāmoa",
+    'sr-CYR': 'српски језик',
+    sr: 'srpski jezik',
+    sv: 'Zweden',
+    ta: 'தமிழ்',
+    th: 'ไทย',
+    tr: 'Turkijke',
+    ug: 'ئۇيغۇرچە',
+    uk: 'Українська',
+    'uz-Cyrl': 'Ўзбекча (Кирил)',
+    'uz-Latn': "O'zbekcha (Lotin)",
+    vi: 'Vietnam',
+    'zh-CN': '中文(简体)',
+    'zh-TW': '中文（繁體）'
+  },
+  languages: {
+    'ar-TN': 'العربية (تونس)',
+    ar: 'العربية',
+    'az-Latn': 'Azerbaijani (latin)',
+    bg: 'български език',
+    bn: 'বাংলা',
+    ca: 'Català',
+    cs: 'Čeština',
+    da: 'Dansk',
+    de: 'Deutsch',
+    el: 'ελληνικά',
+    'en-GB': 'English (UK)',
+    'en-US': 'English (US)',
+    eo: 'Esperanto',
+    es: 'Español',
+    et: 'Eesti',
+    eu: 'Euskara',
+    'fa-IR': 'فارسی',
+    fa: 'فارسی',
+    fi: 'Suomi',
+    fr: 'Français',
+    gn: "Avañe'ẽ",
+    he: 'עברית',
+    hr: 'Hrvatski jezik',
+    hu: 'Magyar',
+    id: 'Bahasa Indonesia',
+    is: 'Íslenska',
+    it: 'Italiano',
+    ja: '日本語 (にほんご)',
+    km: 'ខ្មែរ',
+    'ko-KR': '한국어',
+    'kur-CKB': 'کوردی سۆرانی',
+    kz: 'Қазақша',
+    lt: 'Lithuanian',
+    lu: 'Kiluba',
+    lv: 'Latviešu valoda',
+    ml: 'മലയാളം',
+    mm: 'မြန်မာ(ဗမာ)',
+    ms: 'Bahasa Melayu',
+    my: 'Malaysia',
+    'nb-NO': 'Norsk',
+    nl: 'Nederlands',
+    pl: 'Polski',
+    'pt-BR': 'Português (BR)',
+    pt: 'Português',
+    ro: 'Română',
+    ru: 'русский',
+    sk: 'Slovenčina',
+    sl: 'Slovenski Jezik',
+    sm: "Fa'asāmoa",
+    'sr-CYR': 'српски језик',
+    sr: 'srpski jezik',
+    sv: 'Svenska',
+    ta: 'தமிழ்',
+    th: 'ไทย',
+    tr: 'Türkçe',
+    ug: 'ئۇيغۇرچە',
+    uk: 'Українська',
+    'uz-Cyrl': 'Ўзбекча (Кирил)',
+    'uz-Latn': "O'zbekcha (Lotin)",
+    vi: 'Tiếng Việt',
+    'zh-CN': '中文(简体)',
+    'zh-TW': '中文（繁體）'
+  }
+}
+
+export default lang

package/src/ui/flags/vue-flags/ad.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="iso-8859-1"?><svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+  <rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+  <g>
+    <rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+    <path style="fill:#D80027;" d="M256,315.356c0-27.234,0-59.362,0-59.362h44.522v22.261c0,3.868-7.421,18.038-25.735,29.682   C267.849,312.348,260.669,313.766,256,315.356z"/>
+    <rect x="211.478" y="211.473" style="fill:#D80027;" width="44.522" height="44.522"/>
+  </g>
+  <path style="fill:#FF9811;" d="M278.261,196.632c0-8.196-6.645-14.84-14.84-14.84c-2.707,0-5.236,0.736-7.421,2.001  c-2.185-1.266-4.714-2.001-7.421-2.001c-8.195,0-14.84,6.644-14.84,14.84h-37.101v74.202c0,27.624,21.938,43.599,39.14,51.88  c-1.288,2.198-2.039,4.75-2.039,7.483c0,8.196,6.645,14.84,14.84,14.84c2.707,0,5.236-0.736,7.421-2.001  c2.185,1.266,4.714,2.001,7.421,2.001c8.195,0,14.84-6.644,14.84-14.84c0-2.733-0.751-5.284-2.04-7.483  c17.203-8.281,39.141-24.257,39.141-51.88v-74.202L278.261,196.632L278.261,196.632z M293.101,270.835  c0,3.868,0,15.635-18.314,27.279c-6.936,4.411-14.118,7.27-18.787,8.861c-4.669-1.591-11.849-4.45-18.787-8.861  c-18.314-11.644-18.314-23.411-18.314-27.278v-51.941h74.203v51.941H293.101z"/>
+</svg>

package/src/ui/flags/vue-flags/ae.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+  <rect y="85.331" style="fill:#6DA544;" width="512" height="113.775"/>
+  <rect y="312.882" width="512" height="113.775"/>
+  <rect y="85.331" style="fill:#A2001D;" width="170.663" height="341.337"/>
+</svg>

package/src/ui/flags/vue-flags/af.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="iso-8859-1"?><svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#D80027;" width="512" height="341.326"/>
+  <rect x="330.207" y="85.331" style="fill:#496E2D;" width="181.793" height="341.337"/>
+  <rect y="85.331" width="181.793" height="341.337"/>
+  <g>
+    <path style="fill:#FFDA44;" d="M256,196.632c-32.785,0-59.362,26.577-59.362,59.362s26.577,59.362,59.362,59.362   s59.362-26.577,59.362-59.362S288.785,196.632,256,196.632z M256,293.095c-20.491,0-37.101-16.611-37.101-37.101   s16.61-37.101,37.101-37.101s37.101,16.61,37.101,37.101S276.491,293.095,256,293.095z"/>
+    <path style="fill:#FFDA44;" d="M256,233.734c-8.196,0-14.84,6.644-14.84,14.84v22.261h29.682v-22.261   C270.84,240.377,264.196,233.734,256,233.734z"/>
+  </g>
+</svg>

package/src/ui/flags/vue-flags/ag.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="iso-8859-1"?><svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.337" width="512" height="341.326"/>
+  <path style="fill:#0052B4;" d="M88.751,221.865c-2.239,11.029-3.417,22.443-3.417,34.134c0,11.69,1.179,23.105,3.417,34.134  L256,300.519l167.249-10.388c2.239-11.029,3.417-22.443,3.417-34.134s-1.179-23.105-3.417-34.134"/>
+  <path style="fill:#F0F0F0;" d="M423.249,290.131H88.751c15.813,77.9,84.683,136.534,167.249,136.534  S407.436,368.031,423.249,290.131z"/>
+  <polygon style="fill:#FFDA44;" points="330.203,221.865 181.797,221.865 212.117,207.603 195.971,178.238 228.894,184.536   233.068,151.276 256,175.738 278.933,151.276 283.105,184.536 316.029,178.238 299.884,207.604 "/>
+  <g>
+    <polygon style="fill:#A2001D;" points="255.997,426.661 0,85.335 0,426.661  "/>
+    <polygon style="fill:#A2001D;" points="512,426.661 512,85.335 256.003,426.661  "/>
+  </g>
+</svg>